1<!doctype html> 2<html lang="tr"> 3 4 <head> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta charset="utf-8"> 8 <meta name="msapplication-TileColor" content="#ffffff"> 9 <meta name="theme-color" content="#ffffff"> 10 <meta name="csrf-token" content="rfgnGnmpqo2fbx9h7JUyfvAxnYmHtW0avsTJOoh1"> 11 <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 12 <title>En Ãok Bilimsel AraÅtırmaya Sahip Prebiyotikli Aptamil, İçeriÄindeki D Vitamini İle BaÄıÅıklık Sisteminin Normal İÅlevini Destekler! | İlk Adımlarım</title> 13 <meta name="description" content="Avrupa'da en çok bilimsel araÅtırmaya sahip prebiyotikli Aptamil Ãocuk Devam Sütleri, İçerisindeki D vitamini İle BaÄıÅıklık Sisteminin Normal İÅlevini Destekler!"> 14 <meta property="og:title" content="En Ãok Bilimsel AraÅtırmaya Sahip Prebiyotikli Aptamil, İçeriÄindeki D Vitamini İle BaÄıÅıklık Sisteminin Normal İÅlevini Destekler! | İlk Adımlarım"> 15 <meta property="og:description" content="Avrupa'da en çok bilimsel araÅtırmaya sahip prebiyotikli Aptamil Ãocuk Devam Sütleri, İçerisindeki D vitamini İle BaÄıÅıklık Sisteminin Normal İÅlevini Destekler!"> 16 <meta property="og:type" content="website"> 17 <meta property="og:url" content="https://ilkadimlarim.com/aptamil-bagisikligi-nasil-destekler"> 18 <meta property="og:image" content="/assets/images/aptamil-ilkadimlarim.jpg"> 19 <meta property="og:site_name" content=""> 20 21 <meta name="twitter:card" content="summary"> 22 <meta name="twitter:url" content="https://ilkadimlarim.com/aptamil-bagisikligi-nasil-destekler"> 23 <meta name="twitter:title" content="En Ãok Bilimsel AraÅtırmaya Sahip Prebiyotikli Aptamil, İçeriÄindeki D Vitamini İle BaÄıÅıklık Sisteminin Normal İÅlevini Destekler! | İlk Adımlarım"> 24 <meta name="twitter:description" content="Avrupa'da en çok bilimsel araÅtırmaya sahip prebiyotikli Aptamil Ãocuk Devam Sütleri, İçerisindeki D vitamini İle BaÄıÅıklık Sisteminin Normal İÅlevini Destekler!"> 25 <meta name="twitter:image" content="/assets/images/aptamil-ilkadimlarim.jpg"> 26 27 <meta itemprop="name" content="En Ãok Bilimsel AraÅtırmaya Sahip Prebiyotikli Aptamil, İçeriÄindeki D Vitamini İle BaÄıÅıklık Sisteminin Normal İÅlevini Destekler! | İlk Adımlarım"> 28 <meta itemprop="description" content="Avrupa'da en çok bilimsel araÅtırmaya sahip prebiyotikli Aptamil Ãocuk Devam Sütleri, İçerisindeki D vitamini İle BaÄıÅıklık Sisteminin Normal İÅlevini Destekler!"> 29 <meta itemprop="image" content="/assets/images/aptamil-ilkadimlarim.jpg"> 30 <meta name="author" content="Positive A Digital Approach"> 31 <meta property="fb:app_id" content="132041727497688"/> 32 <meta name="facebook-domain-verification" content="xcbom9l0p2wdazfbj4yvthos3dcvxa" /> 33 <meta name="apple-itunes-app" content="app-id=1579058554"> 34 35 36 <link rel="canonical" href="https://ilkadimlarim.com/aptamil-bagisikligi-nasil-destekler"/> 37 38 <link rel="preload" as="image" href="/assets/images/app-view/app-view-header-bg-v2.png"> 39 <link rel="preload" as="font" href="/assets/fonts/icomoon.woff?v18" type="font/woff" crossorigin="anonymous"> 40 <link rel="preload" as="font" href="/assets/fonts/gotham-rounded-bold.woff2" type="font/woff2" crossorigin="anonymous"> 41 <link rel="preload" as="font" href="/assets/fonts/gotham-rounded-bold.woff" type="font/woff" crossorigin="anonymous"> 42 <link rel="preload" as="font" href="/assets/fonts/gotham-rounded-book.woff2" type="font/woff2" crossorigin="anonymous"> 43 <link rel="preload" as="font" href="/assets/fonts/gotham-rounded-book.woff" type="font/woff" crossorigin="anonymous"> 44 <link rel="preload" as="font" href="/assets/fonts/gotham-rounded-medium.woff2" type="font/woff2" crossorigin="anonymous"> 45 <link rel="preload" as="font" href="/assets/fonts/gotham-rounded-medium.woff" type="font/woff" crossorigin="anonymous"> 46 <style>a:focus, 47button:focus, 48input:focus, 49select:focus { 50 outline: 0 none; 51} 52html { 53 -ms-text-size-adjust: 100%; 54 -webkit-text-size-adjust: 100%; 55 -webkit-font-smoothing: antialiased; 56 -moz-osx-font-smoothing: grayscale; 57 -webkit-tap-highlight-color: transparent; 58} 59body { 60 margin: 0; 61 padding: 0; 62 line-height: 1; 63} 64iframe { 65 border: 0; 66} 67h1, 68h2, 69h3, 70h4, 71h5, 72p, 73ul, 74ol, 75figure, 76button, 77table, 78time { 79 margin: 0; 80 padding: 0; 81} 82h1, 83h2, 84h3, 85h4, 86h5, 87p, 88b, 89article, 90strong { 91 font-weight: 400; 92} 93sup { 94 position: relative; 95 top: -0.5em; 96 font-size: 65%; 97 line-height: 0; 98 vertical-align: baseline; 99} 100a, 101button { 102 color: inherit; 103 cursor: pointer; 104} 105a { 106 text-decoration: none; 107 cursor: pointer !important; 108} 109button { 110 overflow: visible; 111 border: 0; 112 font: inherit; 113 letter-spacing: inherit; 114 cursor: pointer; 115 background: none; 116 -webkit-font-smoothing: inherit; 117} 118img { 119 max-width: 100%; 120 height: auto; 121 border: 0; 122 display: block; 123} 124ul { 125 list-style-type: none; 126 color: rgba(255, 255, 255, 0); 127} 128header, 129main, 130footer { 131 display: block; 132 position: relative; 133} 134i { 135 font-style: normal; 136} 137input[type=number]::-webkit-inner-spin-button, 138input[type=number]::-webkit-outer-spin-button { 139 -webkit-appearance: none; 140 margin: 0; 141} 142input::-ms-clear { 143 display: none; 144} 145input[type=number], 146input[type=text], 147input[type=password], 148input[type=tel], 149input[type=search], 150textarea { 151 -webkit-appearance: none; 152 -moz-appearance: none; 153 appearance: none; 154} 155input[type=number] { 156 -moz-appearance: textfield; 157} 158::-moz-focus-inner { 159 padding: 0; 160 border: 0; 161} 162#loader { 163 display: none; 164} 165.clear:after {
166 content: ' '; 167 display: block; 168 clear: both; 169 height: 0; 170 overflow: hidden; 171} 172div.clear { 173 display: block; 174 clear: both; 175 height: 0; 176 overflow: hidden; 177} 178div.clear:after { 179 display: none; 180} 181/*icon codes*/ 182@font-face { 183 font-family: 'book'; 184 src: url('/assets/fonts/gotham-rounded-book.woff2') format('woff2'), url('/assets/fonts/gotham-rounded-book.woff') format('woff'), url('/assets/fonts/gotham-rounded-book.svg') format('svg'); 185 font-weight: 400; 186 font-style: normal; 187 font-stretch: normal; 188 unicode-range: U+0020-017E; 189 font-display: swap; 190} 191@font-face { 192 font-family: 'medium'; 193 src: url('/assets/fonts/gotham-rounded-medium.woff2') format('woff2'), url('/assets/fonts/gotham-rounded-medium.woff') format('woff'), url('/assets/fonts/gotham-rounded-medium.svg') format('svg'); 194 font-weight: 400; 195 font-style: normal; 196 font-stretch: normal; 197 unicode-range: U+0020-017E; 198 font-display: swap; 199} 200@font-face { 201 font-family: 'bold'; 202 src: url('/assets/fonts/gotham-rounded-bold.woff2') format('woff2'), url('/assets/fonts/gotham-rounded-bold.woff') format('woff'), url('/assets/fonts/gotham-rounded-bold.svg') format('svg'); 203 font-weight: 400; 204 font-style: normal; 205 font-stretch: normal; 206 unicode-range: U+0020-017E; 207 font-display: swap; 208} 209/** icomoon **/ 210@font-face { 211 font-family: 'icomoon-ilkadimlarim'; 212 src: url('/assets/fonts/icomoon.woff?v18') format('woff'), url('/assets/fonts/icomoon.svg?v18') format('svg'); 213 font-weight: normal; 214 font-style: normal; 215 font-display: swap; 216} 217.icomoon, 218[class^="icon-"], 219[class*=" icon-"] { 220 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 221 speak: never; 222 font-display: swap; 223 font-style: normal; 224 font-weight: normal; 225 font-variant: normal; 226 text-transform: none; 227 line-height: 1; 228 -webkit-font-smoothing: antialiased; 229 -moz-osx-font-smoothing: grayscale; 230} 231.icon-live-chat:before { 232 content: "\e981"; 233} 234.icon-bebeklerde-alerji:before { 235 content: "\e980"; 236} 237.icon-change:before { 238 content: "\e97e"; 239} 240.icon-call-center:before { 241 content: "\e97f"; 242} 243.icon-free-cargo-2:before { 244 content: "\e979"; 245} 246.icon-trash:before { 247 content: "\e97a"; 248} 249.icon-percent:before { 250 content: "\e97b"; 251} 252.icon-user-invoice:before { 253 content: "\e97c"; 254} 255.icon-user-address:before { 256 content: "\e97d"; 257} 258.icon-a-no-events:before { 259 content: "\e978"; 260} 261.icon-a-my-events:before { 262 content: "\e976"; 263} 264.icon-academy:before { 265 content: "\e977"; 266} 267.icon-home:before { 268 content: "\e975"; 269} 270.icon-a-callendar:before { 271 content: "\e963"; 272} 273.icon-a-cat-bagisiklik-beslenme-rutini:before { 274 content: "\e964"; 275} 276.icon-a-cat-bebek-bakim-rutinleri:before { 277 content: "\e965"; 278} 279.icon-a-cat-emzirme-rutini:before { 280 content: "\e966"; 281} 282.icon-a-cat-gelisim-psikoloji:before { 283 content: "\e967"; 284} 285.icon-a-cat-hamilelik:before { 286 content: "\e968"; 287} 288.icon-a-cat-oyun-aktivite-rutini:before { 289 content: "\e969"; 290} 291.icon-a-cat-soru-cevap:before { 292 content: "\e96a"; 293} 294.icon-a-cat-uyku-rutini:before { 295 content: "\e96b"; 296} 297.icon-a-cats:before { 298 content: "\e96c"; 299} 300.icon-a-date:before { 301 content: "\e96d"; 302} 303.icon-a-expert:before { 304 content: "\e96e"; 305} 306.icon-a-lessons:before { 307 content: "\e96f"; 308} 309.icon-a-live:before { 310 content: "\e970"; 311} 312.icon-a-play-small:before { 313 content: "\e971"; 314} 315.icon-a-play:before { 316 content: "\e972"; 317} 318.icon-a-time:before { 319 content: "\e973"; 320} 321.icon-a-week:before { 322 content: "\e974"; 323} 324.icon-mother-question:before { 325 content: "\e95e"; 326} 327.icon-photo:before { 328 content: "\e962"; 329} 330.icon-settings:before { 331 content: "\e95c"; 332} 333.icon-kaka-inverted:before { 334 content: "\e95d"; 335} 336.icon-kaka:before { 337 content: "\e95f"; 338} 339.icon-beneficial:before { 340 content: "\e960"; 341} 342.icon-file-menu:before { 343 content: "\e961"; 344} 345.icon-date-info:before { 346 content: "\e95b"; 347} 348.icon-arrow-up-circle:before { 349 content: "\e95a"; 350} 351.icon-cargo-check:before { 352 content: "\e958"; 353} 354.icon-c-like-full:before { 355 content: "\e959"; 356} 357.icon-close-rounded:before { 358 content: "\e952"; 359} 360.icon-check-rounded:before {
361 content: "\e957"; 362} 363.icon-c-play-full:before { 364 content: "\e951"; 365} 366.icon-link:before { 367 content: "\e953"; 368} 369.icon-list-all:before { 370 content: "\e954"; 371} 372.icon-list-image:before { 373 content: "\e955"; 374} 375.icon-question:before { 376 content: "\e956"; 377} 378.icon-kategori-tarifler:before { 379 content: "\e94f"; 380} 381.icon-close:before { 382 content: "\e950"; 383} 384.icon-return:before { 385 content: "\e94a"; 386} 387.icon-free-cargo:before { 388 content: "\e94b"; 389} 390.icon-original:before { 391 content: "\e94c"; 392} 393.icon-fast:before { 394 content: "\e94d"; 395} 396.icon-safe:before { 397 content: "\e94e"; 398} 399.icon-check:before { 400 content: "\e949"; 401} 402.icon-filter:before { 403 content: "\e947"; 404} 405.icon-sort:before { 406 content: "\e948"; 407} 408.icon-my-exit:before { 409 content: "\e945"; 410} 411.icon-my-settings:before { 412 content: "\e946"; 413} 414.icon-akrep:before { 415 content: "\e900"; 416} 417.icon-arrow-left:before { 418 content: "\e901"; 419} 420.icon-arrow-right:before { 421 content: "\e902"; 422} 423.icon-arrow-down:before { 424 content: "\e903"; 425} 426.icon-aslan:before { 427 content: "\e904"; 428} 429.icon-baby-names:before { 430 content: "\e905"; 431} 432.icon-back:before { 433 content: "\e906"; 434} 435.icon-balik:before { 436 content: "\e907"; 437} 438.icon-basak:before { 439 content: "\e908"; 440} 441.icon-basket:before { 442 content: "\e909"; 443} 444.icon-boga:before { 445 content: "\e90a"; 446} 447.icon-c-enlarge:before { 448 content: "\e90b"; 449} 450.icon-c-facebook:before { 451 content: "\e90c"; 452} 453.icon-c-instagram:before { 454 content: "\e90d"; 455} 456.icon-c-like:before { 457 content: "\e90e"; 458} 459.icon-c-link:before { 460 content: "\e90f"; 461} 462.icon-c-look:before { 463 content: "\e910"; 464} 465.icon-c-mail:before { 466 content: "\e911"; 467} 468.icon-c-play:before { 469 content: "\e912"; 470} 471.icon-c-share:before { 472 content: "\e913"; 473} 474.icon-c-twitter:before { 475 content: "\e914"; 476} 477.icon-c-whatsapp:before { 478 content: "\e915"; 479} 480.icon-calc-pregnancy:before { 481 content: "\e916"; 482} 483.icon-calc-persentil:before { 484 content: "\e917"; 485} 486.icon-camera-full:before { 487 content: "\e918"; 488} 489.icon-camera:before { 490 content: "\e919"; 491} 492.icon-error:before { 493 content: "\e91a"; 494} 495.icon-expert:before { 496 content: "\e91b"; 497} 498.icon-f-facebook:before { 499 content: "\e91c"; 500} 501.icon-f-instagram-big:before { 502 content: "\e91d"; 503} 504.icon-f-instagram:before { 505 content: "\e91e"; 506} 507.icon-f-phone:before { 508 content: "\e91f"; 509} 510.icon-f-twitter:before { 511 content: "\e920"; 512} 513.icon-f-youtube:before { 514 content: "\e921"; 515} 516.icon-fav:before { 517 content: "\e922"; 518} 519.icon-featured:before { 520 content: "\e923"; 521} 522.icon-form-large:before { 523 content: "\e924"; 524} 525.icon-form-small:before { 526 content: "\e925"; 527} 528.icon-ikizler:before { 529 content: "\e926"; 530} 531.icon-info:before { 532 content: "\e927"; 533} 534.icon-kategori-annelere-ozel:before { 535 content: "\e928"; 536} 537.icon-kategori-beslenme:before { 538 content: "\e929"; 539} 540.icon-kategori-emzirme:before { 541 content: "\e92a"; 542} 543.icon-kategori-faydali-bilgiler:before { 544 content: "\e92b"; 545} 546.icon-kategori-gelisim:before { 547 content: "\e92c"; 548} 549.icon-kategori-ilkler:before { 550 content: "\e92d"; 551} 552.icon-kategori-uyku:before { 553 content: "\e92e"; 554} 555.icon-kategori-bebeklerde-alerji:before { 556 content: "\e980"; 557} 558.icon-koc:before { 559 content: "\e92f"; 560} 561.icon-kova:before { 562 content: "\e930"; 563} 564.icon-layout:before { 565 content: "\e931"; 566} 567.icon-moms-big:before { 568 content: "\e932"; 569} 570.icon-moms:before { 571 content: "\e933"; 572} 573.icon-my-announce:before { 574 content: "\e934"; 575} 576.icon-my-info:before { 577 content: "\e935"; 578} 579.icon-my-user:before { 580 content: "\e936"; 581} 582.icon-nurse:before { 583 content: "\e937"; 584} 585.icon-nutrition:before { 586 content: "\e938"; 587} 588.icon-oglak:before { 589 content: "\e939"; 590} 591.icon-pregnancy-2:before { 592 content: "\e93a"; 593} 594.icon-pregnancy:before { 595 content: "\e93b"; 596} 597.icon-pregnant:before { 598 content: "\e93c"; 599} 600.icon-product:before { 601 content: "\e93d"; 602} 603.icon-ruler:before { 604 content: "\e93e"; 605} 606.icon-scroll-down:before { 607 content: "\e93f"; 608} 609.icon-search:before { 610 content: "\e940"; 611} 612.icon-terazi:before { 613 content: "\e941"; 614} 615.icon-user:before { 616 content: "\e942"; 617} 618.icon-yay:before { 619 content: "\e943"; 620} 621.icon-yengec:before { 622 content: "\e944"; 623} 624.royalSlider { 625 width: 60rem; 626 height: 40rem; 627 position: relative; 628 direction: ltr; 629} 630.royalSlider > * { 631 float: left; 632} 633.rsWebkit3d .rsSlide, 634.rsWebkit3d .rsContainer, 635.rsWebkit3d .rsThumbs, 636.rsWebkit3d .rsPreloader,
637.rsWebkit3d img, 638.rsWebkit3d .rsOverflow, 639.rsWebkit3d .rsBtnCenterer, 640.rsWebkit3d .rsAbsoluteEl, 641.rsWebkit3d .rsABlock, 642.rsWebkit3d .rsLink { 643 -webkit-backface-visibility: hidden; 644} 645.rsFade.rsWebkit3d .rsSlide, 646.rsFade.rsWebkit3d img, 647.rsFade.rsWebkit3d .rsContainer { 648 -webkit-transform: none; 649} 650.rsOverflow { 651 width: 100%; 652 height: 100%; 653 position: relative; 654 overflow: hidden; 655 float: left; 656 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 657} 658.rsVisibleNearbyWrap { 659 width: 100%; 660 height: 100%; 661 position: relative; 662 overflow: hidden; 663 left: 0; 664 top: 0; 665 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 666} 667.rsVisibleNearbyWrap .rsOverflow { 668 position: absolute; 669 left: 0; 670 top: 0; 671} 672.rsContainer { 673 position: relative; 674 width: 100%; 675 height: 100%; 676 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 677} 678.rsArrow, 679.rsThumbsArrow { 680 cursor: pointer; 681} 682.rsThumb { 683 float: left; 684 position: relative; 685} 686.rsArrow, 687.rsNav, 688.rsThumbsArrow { 689 opacity: 1; 690 -webkit-transition: opacity 0.3s linear; 691 -moz-transition: opacity 0.3s linear; 692 -o-transition: opacity 0.3s linear; 693 transition: opacity 0.3s linear; 694} 695.rsHidden { 696 opacity: 0; 697 visibility: hidden; 698 -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear; 699 -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear; 700 -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear; 701 transition: visibility 0s linear 0.3s, opacity 0.3s linear; 702} 703.rsGCaption { 704 width: 100%; 705 float: left; 706 text-align: center; 707} 708.royalSlider.rsFullscreen { 709 position: fixed !important; 710 height: auto !important; 711 width: auto !important; 712 margin: 0 !important; 713 padding: 0 !important; 714 z-index: 2147483647 !important; 715 top: 0 !important; 716 left: 0 !important; 717 bottom: 0 !important; 718 right: 0 !important; 719} 720.royalSlider .rsSlide.rsFakePreloader { 721 opacity: 1 !important; 722 -webkit-transition: 0s; 723 -moz-transition: 0s; 724 -o-transition: 0s; 725 transition: 0s; 726 display: none; 727} 728.rsSlide { 729 position: absolute; 730 left: 0; 731 top: 0; 732 display: block; 733 overflow: hidden; 734 height: 100%; 735 width: 100%; 736} 737.royalSlider.rsAutoHeight, 738.rsAutoHeight .rsSlide { 739 height: auto; 740} 741.rsContent { 742 width: 100%; 743 height: 100%; 744 position: relative; 745} 746.rsPreloader { 747 position: absolute; 748 z-index: 0; 749} 750.rsNav { 751 -moz-user-select: -moz-none; 752 -webkit-user-select: none; 753 user-select: none; 754} 755.rsNav.rsBullets { 756 text-align: center; 757} 758.rsNavItem { 759 -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); 760} 761.rsThumbs { 762 cursor: pointer; 763 position: relative; 764 overflow: hidden; 765 float: left; 766 z-index: 22; 767} 768.rsTabs { 769 float: left; 770 background: none !important; 771} 772.rsTabs, 773.rsThumbs { 774 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 775} 776.rsVideoContainer { 777 width: auto; 778 height: auto; 779 line-height: 0; 780 position: relative; 781} 782.rsVideoFrameHolder { 783 position: absolute; 784 left: 0; 785 top: 0; 786 background: #141414; 787 opacity: 0; 788 -webkit-transition: 0.3s; 789} 790.rsVideoFrameHolder.rsVideoActive { 791 opacity: 1; 792} 793.rsVideoContainer iframe, 794.rsVideoContainer video, 795.rsVideoContainer embed, 796.rsVideoContainer .rsVideoObj { 797 position: absolute; 798 z-index: 50; 799 left: 0; 800 top: 0; 801 width: 100%; 802 height: 100%; 803} 804.rsVideoContainer.rsIOSVideo iframe, 805.rsVideoContainer.rsIOSVideo video, 806.rsVideoContainer.rsIOSVideo embed { 807 -webkit-box-sizing: border-box; 808 -moz-box-sizing: border-box; 809 box-sizing: border-box; 810 padding-right: 4.4rem; 811} 812.rsABlock { 813 left: 0; 814 top: 0; 815 position: absolute; 816 z-index: 15; 817} 818img.rsImg { 819 max-width: none; 820} 821.grab-cursor { 822 cursor: url(/assets/images/plugins/grab.png) 8 8, move; 823} 824.grabbing-cursor { 825 cursor: url(/assets/images/plugins/grabbing.png) 8 8, move; 826} 827.rsNoDrag { 828 cursor: auto; 829} 830.rsLink { 831 left: 0; 832 top: 0; 833 position: absolute; 834 width: 100%; 835 height: 100%; 836 display: block; 837 z-index: 20; 838 background: url(/assets/images/plugins/blank.gif); 839} 840.rsMinW .rsArrow { 841 height: 3.2rem; 842 width: 3.2rem; 843 position: absolute; 844 display: block; 845 cursor: pointer; 846 z-index: 21; 847} 848.rsMinW .rsArrowLeft { 849 right: 3.7rem; 850 bottom: 0.7rem; 851} 852.rsMinW .rsArrowRight { 853 right: 0.7rem; 854 bottom: 0.7rem; 855} 856.rsMinW .rsArrowIcn { 857 width: 2.4rem; 858 height: 2.4rem; 859 margin-top: 0.3rem; 860 margin-left: 0.3rem; 861 position: absolute; 862 cursor: pointer; 863 background: url(/assets/images/plugins/rs-minimal-white.png) transparent; 864 border-radius: 0.2rem; 865} 866.rsMinW.rsHor .rsArrowLeft .rsArrowIcn { 867 background-position: -6.8rem -3.6rem; 868} 869.rsMinW.rsHor .rsArrowRight .rsArrowIcn { 870 background-position: -6.8rem -6.8rem; 871} 872.rsMinW.rsVer .rsArrowLeft .rsArrowIcn { 873 background-position: -10rem -3.6rem; 874} 875.rsMinW.rsVer .rsArrowRight .rsArrowIcn { 876 background-position: -10rem -6.8rem; 877} 878.rsMinW .rsArrowDisabled .rsArrowIcn { 879 opacity: 0.3 !important; 880 filter: alpha(opacity=30); 881 *display: none; 882} 883.rsBullet { 884 width: 1.2rem; 885 height: 1.2rem; 886 display: inline-block; 887 padding: 0.6rem 0.6rem 0.6rem 0.4rem; 888} 889.rsBullet span { 890 display: block; 891 box-sizing: border-box; 892 width: 1.2rem; 893 height: 1.2rem; 894 border-radius: 50%; 895 background-color: transparent; 896 border: solid 0.3rem #1e398f; 897} 898.rsBullet.rsNavSelected span { 899 background: #1e398f; 900} 901.rsMinW .rsThumbsHor { 902 width: 100%; 903 height: 7.2rem; 904} 905.rsMinW .rsThumbsVer { 906 width: 9.6rem; 907 height: 100%; 908 position: absolute; 909 top: 0; 910 right: 0; 911} 912.rsMinW.rsWithThumbsHor .rsThumbsContainer { 913 position: relative; 914 height: 100%; 915} 916.rsMinW.rsWithThumbsVer .rsThumbsContainer { 917 position: relative; 918 width: 100%; 919} 920.rsMinW .rsThumb { 921 float: left; 922 overflow: hidden; 923 width: 9.6rem; 924 height: 7.2rem; 925} 926.rsMinW .rsThumb img { 927 width: 100%; 928 height: 100%; 929} 930.rsMinW .rsThumb.rsNavSelected { 931 background: #333; 932} 933.rsMinW .rsThumb.rsNavSelected img { 934 filter: alpha(opacity=40); 935 opacity: 0.7; 936} 937.rsMinW .rsThumb.rsNavSelected span.thumbIco { 938 position: absolute; 939 top: 0; 940 bottom: 0; 941 left: 0; 942 right: 0; 943 border: 0.2rem solid #FFF; 944 border: 0.2rem solid rgba(255, 255, 255, 0.9); 945 -webkit-backface-visibility: hidden; 946} 947.rsMinW .rsTmb { 948 display: block; 949} 950.rsMinW .rsThumbsArrow { 951 height: 100%; 952 width: 2rem; 953 position: absolute; 954 display: block; 955 cursor: pointer; 956 z-index: 21; 957} 958.rsMinW.rsWithThumbsVer .rsThumbsArrow { 959 width: 100%; 960 height: 2rem; 961} 962.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft { 963 top: 0; 964 left: 0; 965} 966.rsMinW.rsWithThumbsVer .rsThumbsArrowRight { 967 bottom: 0; 968 left: 0; 969} 970.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft { 971 left: 0; 972 top: 0; 973} 974.rsMinW.rsWithThumbsHor .rsThumbsArrowRight { 975 right: 0; 976 top: 0; 977} 978.rsMinW .rsThumbsArrowIcn { 979 width: 1.6rem; 980 height: 1.6rem; 981 top: 50%; 982 left: 50%; 983 margin-top: -0.8rem; 984 margin-left: -0.8rem; 985 position: absolute; 986 cursor: pointer; 987 background: url(/assets/images/plugins/rs-minimal-white.png); 988} 989.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { 990 background-position: -12.8rem -3.2rem; 991} 992.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { 993 background-position: -12.8rem -4.8rem; 994} 995.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { 996 background-position: -14.4rem -3.2rem; 997} 998.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { 999 background-position: -14.4rem -4.8rem; 1000} 1001.rsMinW .rsThumbsArrowDisabled { 1002 display: none !important; 1003} 1004/* Thumbnails resizing on smaller screens */ 1005@media screen and (min-width: 0px) and (max-width: 80rem) { 1006 .rsMinW .rsThumb { 1007 width: 5.9rem; 1008 height: 4.4rem; 1009 } 1010 .rsMinW .rsThumbsHor { 1011 height: 4.4rem; 1012 } 1013 .rsMinW .rsThumbsVer { 1014 width: 5.9rem; 1015 } 1016} 1017.rsMinW .rsTabs { 1018 width: 100%; 1019 height: auto; 1020 margin: 0 auto; 1021 text-align: center; 1022 overflow: hidden; 1023 padding-top: 1.2rem; 1024 position: relative; 1025} 1026.rsMinW .rsTab { 1027 display: inline-block; 1028 cursor: pointer; 1029 text-align: center; 1030 height: auto; 1031 width: auto; 1032 color: #333; 1033 padding: 5px 13px 6px; 1034 min-width: 72px; 1035 border: 1px solid #D9D9DD; 1036 border-right: 1px solid #f5f5f5; 1037 text-decoration: none; 1038 background-color: #000; 1039 background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 1040 background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); 1041 background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); 1042 *display: inline; 1043 *zoom: 1; 1044} 1045.rsMinW .rsTab:first-child { 1046 -webkit-border-top-left-radius: 4px; 1047 border-top-left-radius: 4px; 1048 -webkit-border-bottom-left-radius: 4px; 1049 border-bottom-left-radius: 4px; 1050} 1051.rsMinW .rsTab:last-child { 1052 -webkit-border-top-right-radius: 4px; 1053 border-top-right-radius: 4px; 1054 -webkit-border-bottom-right-radius: 4px; 1055 border-bottom-right-radius: 4px; 1056 border-right: 1px solid #cfcfcf; 1057} 1058.rsMinW .rsTab:active { 1059 border: 1px solid #D9D9DD; 1060 background-color: #f4f4f4; 1061 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; 1062} 1063.rsMinW .rsTab.rsNavSelected { 1064 color: #000; 1065 border: 1px solid #999; 1066 text-shadow: 1px 1px #838383; 1067 box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset; 1068 background: #ACACAC; 1069 background-image: -webkit-linear-gradient(top, #ACACAC, #BBB); 1070 background-image: -moz-llinear-gradient(top, #ACACAC, #BBB); 1071 background-image: linear-gradient(to bottom, #ACACAC, #BBB); 1072} 1073.rsMinW .rsFullscreenBtn { 1074 right: 0; 1075 top: 0; 1076 width: 44px; 1077 height: 44px; 1078 z-index: 22; 1079 display: block; 1080 position: absolute; 1081 cursor: pointer; 1082} 1083.rsMinW .rsFullscreenIcn { 1084 display: block; 1085 margin: 6px; 1086 width: 32px; 1087 height: 32px; 1088 background: url(/assets/images/plugins/rs-minimal-white.png) 0 0 transparent; 1089} 1090.rsMinW .rsFullscreenIcn:hover { 1091 opacity: 0.8; 1092} 1093.rsMinW.rsFullscreen .rsFullscreenIcn { 1094 background-position: -32px 0; 1095} 1096.rsMinW .rsPlayBtn { 1097 -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); 1098 width: 64px; 1099 height: 64px; 1100 margin-left: -32px; 1101 margin-top: -32px; 1102 cursor: pointer; 1103} 1104.rsMinW .rsPlayBtnIcon { 1105 width: 64px; 1106 display: block; 1107 height: 64px; 1108 -webkit-border-radius: 4px; 1109 border-radius: 4px; 1110 -webkit-transition: 0.3s; 1111 -moz-transition: 0.3s; 1112 transition: 0.3s; 1113 background: url(/assets/images/plugins/rs-minimal-white.png) no-repeat 0 -32px; 1114 background-color: #000; 1115 background-color: rgba(0, 0, 0, 0.75); 1116 *background-color: #000; 1117} 1118.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon { 1119 background-color: rgba(0, 0, 0, 0.9); 1120} 1121.rsMinW .rsBtnCenterer { 1122 position: absolute; 1123 left: 50%; 1124 top: 50%;
1125 width: 20px; 1126 height: 20px; 1127} 1128.rsMinW .rsCloseVideoBtn { 1129 right: 0; 1130 top: 0; 1131 width: 44px; 1132 height: 44px; 1133 z-index: 500; 1134 position: absolute; 1135 cursor: pointer; 1136 -webkit-backface-visibility: hidden; 1137 -webkit-transform: translateZ(0); 1138} 1139.rsMinW .rsCloseVideoBtn.rsiOSBtn { 1140 top: -38px; 1141 right: -6px; 1142} 1143.rsMinW .rsCloseVideoIcn { 1144 margin: 6px; 1145 width: 32px; 1146 height: 32px; 1147 background: url(/assets/images/plugins/rs-minimal-white.png) -64px 0; 1148 background-color: #000; 1149 background-color: rgba(0, 0, 0, 0.75); 1150 *background-color: #000; 1151} 1152.rsMinW .rsCloseVideoIcn:hover { 1153 background-color: rgba(0, 0, 0, 0.9); 1154} 1155.rsMinW .rsPreloader { 1156 width: 20px; 1157 height: 20px; 1158 background-image: url(/assets/images/plugins/preloader-white.gif); 1159 left: 50%; 1160 top: 50%; 1161 margin-left: -10px; 1162 margin-top: -10px; 1163} 1164.rsMinW .rsGCaption { 1165 position: absolute; 1166 float: none; 1167 bottom: 6px; 1168 left: 6px; 1169 text-align: left; 1170 background: #000; 1171 background: rgba(0, 0, 0, 0.75); 1172 color: #FFF; 1173 padding: 2px 8px; 1174 width: auto; 1175 font-size: 12px; 1176 border-radius: 2px; 1177} 1178.hidden { 1179 display: none; 1180} 1181.modal-close { 1182 cursor: pointer; 1183} 1184.text-center { 1185 text-align: center; 1186} 1187.badge { 1188 display: inline-block; 1189 font-family: 'bold', arial, helvetica, sans-serif; 1190 font-size: 0.9rem; 1191 line-height: 1.3rem; 1192 border-radius: 0.3rem; 1193 text-transform: uppercase; 1194 color: #fff; 1195} 1196.badge.purple { 1197 background-color: #8c52ba; 1198} 1199.badge.light-blue { 1200 background-color: #52b9eb; 1201} 1202.badge.dark-orange { 1203 background-color: #e96a01; 1204} 1205.box { 1206 border-radius: 1.2rem; 1207 background-color: #fff; 1208 overflow: hidden; 1209} 1210.button { 1211 display: inline-block; 1212 font-family: 'bold', arial, helvetica, sans-serif; 1213 position: relative; 1214 box-sizing: border-box; 1215 font-size: 1.6rem; 1216 color: #fff; 1217 height: 3.6rem; 1218 line-height: 3.6rem; 1219 border-radius: 1.8rem; 1220 padding: 0 1.8rem; 1221 letter-spacing: -0.03em; 1222 border: solid 1px; 1223 cursor: pointer; 1224 -webkit-transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear; 1225 transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear; 1226} 1227.button.with-icon-left { 1228 padding-left: 5rem; 1229} 1230.button.with-icon-left i, 1231.button.with-icon-left span { 1232 position: absolute; 1233 top: 50%; 1234 -webkit-transform: translateY(-50%); 1235 -ms-transform: translateY(-50%); 1236 transform: translateY(-50%); 1237 left: 1.8rem; 1238 font-size: 1.7em; 1239} 1240.button.with-icon-right { 1241 padding-right: 5rem; 1242} 1243.button.with-icon-right i, 1244.button.with-icon-right span { 1245 position: absolute; 1246 top: 50%; 1247 -webkit-transform: translateY(-50%); 1248 -ms-transform: translateY(-50%); 1249 transform: translateY(-50%); 1250 right: 1.8rem; 1251 font-size: 1.7em; 1252} 1253.button.purple { 1254 background-color: #8c52ba; 1255 border-color: #8c52ba; 1256} 1257.button.purple:active, 1258.button.purple:hover { 1259 background-color: #7614b8; 1260 border-color: #7614b8; 1261} 1262.button.purple.inverted { 1263 background-color: transparent; 1264 border-color: #7614b8; 1265 color: #7614b8; 1266} 1267.button.purple.inverted.active, 1268.button.purple.inverted:active, 1269.button.purple.inverted:hover { 1270 background-color: #8c52ba; 1271 border-color: #8c52ba; 1272 color: #fff; 1273} 1274.button.baby-blue { 1275 background-color: #6dbff3; 1276 border-color: #6dbff3; 1277} 1278.button.baby-blue:active, 1279.button.baby-blue:hover { 1280 background-color: #22a3f2; 1281 border-color: #22a3f2; 1282} 1283.button.baby-blue.inverted { 1284 background-color: transparent; 1285 border-color: #6dbff3; 1286 color: #6dbff3; 1287} 1288.button.baby-blue.inverted.active, 1289.button.baby-blue.inverted:active, 1290.button.baby-blue.inverted:hover { 1291 background-color: #6dbff3; 1292 border-color: #6dbff3; 1293 color: #fff; 1294} 1295.button.sea-green { 1296 background-color: #1bccce; 1297 border-color: #1bccce; 1298} 1299.button.sea-green:active, 1300.button.sea-green:hover { 1301 background-color: #00b3b6; 1302 border-color: #00b3b6; 1303} 1304.button.sea-green.inverted { 1305 background-color: transparent; 1306 border-color: #1bccce; 1307 color: #1bccce; 1308} 1309.button.sea-green.inverted.active, 1310.button.sea-green.inverted:active, 1311.button.sea-green.inverted:hover { 1312 background-color: #1bccce; 1313 border-color: #1bccce; 1314 color: #fff; 1315} 1316.button.yellow-ronchi { 1317 background-color: #e7c054; 1318 border-color: #e7c054; 1319} 1320.button.yellow-ronchi:active, 1321.button.yellow-ronchi:hover { 1322 background-color: #e7ac0f; 1323 border-color: #e7ac0f; 1324} 1325.button.yellow-ronchi.inverted { 1326 background-color: transparent; 1327 border-color: #e7c054; 1328 color: #e7c054; 1329} 1330.button.yellow-ronchi.inverted.active, 1331.button.yellow-ronchi.inverted:active, 1332.button.yellow-ronchi.inverted:hover { 1333 background-color: #e7c054; 1334 border-color: #e7c054; 1335 color: #fff; 1336} 1337.button.navy-blue { 1338 background-color: #1e398f; 1339 border-color: #1e398f; 1340} 1341.button.navy-blue:active, 1342.button.navy-blue:hover { 1343 background-color: #fff; 1344 color: #1e398f; 1345}
1346.button.navy-blue.inverted { 1347 background-color: transparent; 1348 border-color: #1e398f; 1349 color: #1e398f; 1350} 1351.button.navy-blue.inverted.active, 1352.button.navy-blue.inverted:active, 1353.button.navy-blue.inverted:hover { 1354 background-color: #1e398f; 1355 border-color: #1e398f; 1356 color: #fff; 1357} 1358.button.light-blue { 1359 background-color: #9dc8e3; 1360 border-color: #9dc8e3; 1361} 1362.button.light-blue:active, 1363.button.light-blue:hover { 1364 background-color: #1e398f; 1365 border-color: #1e398f; 1366} 1367.button.light-blue.inverted { 1368 background-color: transparent; 1369 border-color: #9dc8e3; 1370 color: #9dc8e3; 1371} 1372.button.light-blue.inverted:active, 1373.button.light-blue.inverted:hover { 1374 background-color: #9dc8e3; 1375 border-color: #9dc8e3; 1376 color: #fff; 1377} 1378.button.white { 1379 background-color: #fff; 1380 border-color: #fff; 1381} 1382.button.white:active, 1383.button.white:hover { 1384 background-color: #1e398f; 1385 border-color: #1e398f; 1386} 1387.button.white.inverted { 1388 background-color: transparent; 1389 color: #fff; 1390 border-color: #fff; 1391} 1392.button.white.inverted:hover, 1393.button.white.inverted:active { 1394 background-color: #fff; 1395 color: #1e398f; 1396} 1397.button.gray { 1398 background-color: #646464; 1399 border-color: #646464; 1400} 1401.button.gray:active, 1402.button.gray:hover { 1403 background-color: #1e398f; 1404 border-color: #1e398f; 1405} 1406.button.gray.inverted { 1407 background-color: transparent; 1408 color: #646464; 1409 border-color: #646464; 1410} 1411.button.gray.inverted:hover, 1412.button.gray.inverted:active { 1413 background-color: #646464; 1414 color: #fff; 1415} 1416.button:disabled, 1417.button.disabled { 1418 border: 1px solid transparent !important; 1419 color: #ffffff !important; 1420 background-color: lightgray !important; 1421 cursor: not-allowed !important; 1422 pointer-events: none !important; 1423 user-select: none !important; 1424} 1425html { 1426 font-size: 10px; 1427} 1428body { 1429 font-family: 'book', arial, helvetica, sans-serif; 1430 background-color: #fff; 1431 font-size: 1.4rem; 1432 color: #1e398f; 1433 width: 100vw; 1434} 1435body.blue-bg { 1436 background-color: #d7eefe !important; 1437} 1438body.blue-bg header, 1439body.blue-bg .mother-milk-bar, 1440body.blue-bg .cookie-bar, 1441body.blue-bg .sticky-header, 1442body.blue-bg .mobile-menu-cont, 1443body.blue-bg .no-app, 1444body.blue-bg .not-in-app, 1445body.blue-bg footer { 1446 display: none !important; 1447} 1448#main-container { 1449 position: relative; 1450 width: 100vw; 1451 margin: 0 auto; 1452 z-index: 1; 1453 overflow: hidden; 1454} 1455#main-container.menu-open { 1456 position: fixed; 1457 width: 100vw; 1458 height: 100vh; 1459 overflow: hidden; 1460 z-index: 1; 1461 pointer-events: none; 1462 touch-action: none; 1463} 1464.wrap { 1465 position: relative; 1466 width: 136rem; 1467 max-width: 100%; 1468 margin-left: auto; 1469 margin-right: auto; 1470} 1471.tmp-akademi { 1472 display: block; 1473 margin: 0 auto; 1474} 1475.mother-milk-bar { 1476 display: block; 1477 width: 100%; 1478 position: relative; 1479 font-family: 'medium', arial, helvestica, sans-serif; 1480 box-sizing: border-box; 1481 margin: 0 auto; 1482 font-size: 1.6rem; 1483 text-align: center; 1484} 1485.mother-milk-bar div { 1486 display: block; 1487 width: 100%; 1488 box-sizing: border-box; 1489 font-size: 1.6rem; 1490 height: 3.9rem; 1491 line-height: 3.9rem; 1492} 1493.mother-milk-bar div.first { 1494 background-color: #1e398f; 1495 color: #fff; 1496} 1497.mother-milk-bar div.first a { 1498 color: #fff; 1499} 1500.mother-milk-bar div.first a:hover, 1501.mother-milk-bar div.first a:active { 1502 color: #6dbff3; 1503} 1504.mother-milk-bar div.second { 1505 background-color: #f7fcff; 1506 color: #0A3F60; 1507} 1508.mother-milk-bar div.second a { 1509 color: #0A3F60; 1510} 1511.mother-milk-bar div.second a:hover, 1512.mother-milk-bar div.second a:active { 1513 color: #1e398f; 1514} 1515.mother-milk-bar a { 1516 display: inline-block; 1517 -webkit-transition: color 0.2s linear; 1518 transition: color 0.2s linear; 1519} 1520.mother-milk-bar .icon-close { 1521 display: none; 1522 position: absolute; 1523 top: 50%; 1524 -webkit-transform: translateY(-50%); 1525 -ms-transform: translateY(-50%); 1526 transform: translateY(-50%); 1527 font-size: 1.6rem; 1528 right: 4rem; 1529 cursor: pointer; 1530 color: #1e398f; 1531 -webkit-transition: color 0.2s linear; 1532 transition: color 0.2s linear; 1533} 1534.mother-milk-bar .icon-close:hover { 1535 color: #22a3f2; 1536} 1537.cookie-bar { 1538 position: fixed; 1539 display: none; 1540 box-sizing: border-box; 1541 font-family: 'book', arial, helvetica, sans-serif; 1542 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 1543 width: 54rem; 1544 border-radius: 1.2rem; 1545 color: #fff; 1546 font-size: 1.4rem; 1547 line-height: 1.58em; 1548 overflow: hidden; 1549 z-index: 9; 1550 bottom: 3rem; 1551 left: 3rem; 1552} 1553.cookie-bar:before { 1554 position: absolute; 1555 display: block; 1556 width: 100%; 1557 height: 100%; 1558 content: ""; 1559 left: 0; 1560 top: 0; 1561 background-color: rgba(0, 0, 0, 0.7); 1562 z-index: 1; 1563} 1564.cookie-bar strong { 1565 font-family: 'medium', arial, helvestica, sans-serif; 1566 display: block; 1567} 1568.cookie-bar .icon-close { 1569 position: absolute; 1570 display: inline-block; 1571 cursor: pointer; 1572 font-size: 1.4rem; 1573 top: 2rem; 1574 right: 2rem; 1575 z-index: 3; 1576}
1577.cookie-bar .text { 1578 position: relative; 1579 width: 100%; 1580 box-sizing: border-box; 1581 z-index: 2; 1582 padding: 3.6rem 3rem 3.4rem; 1583} 1584header { 1585 position: relative; 1586 width: 114rem; 1587 max-width: 100%; 1588 margin: 0 auto 3rem; 1589 height: 11.1rem; 1590 z-index: 99; 1591} 1592header .d2c { 1593 position: absolute; 1594 right: 1.5rem; 1595 top: 3.7rem; 1596 -webkit-transition: color 0.2s linear; 1597 transition: color 0.2s linear; 1598} 1599header .d2c .icon-basket { 1600 font-size: 3.4rem; 1601} 1602header .d2c .icon-basket:hover, 1603header .d2c .icon-basket:active { 1604 color: #6dbff3; 1605} 1606header .d2c .basket-amount { 1607 position: absolute; 1608 display: block; 1609 font-family: 'bold', arial, helvetica, sans-serif; 1610 font-size: 1.2rem; 1611 min-width: 2rem; 1612 height: 2rem; 1613 line-height: 2rem; 1614 background-color: #1e398f; 1615 border-radius: 50%; 1616 color: #fff; 1617 text-align: center; 1618 top: -0.1rem; 1619 right: -0.8rem; 1620} 1621.logo { 1622 display: block; 1623 width: 17.2rem; 1624 position: absolute; 1625 left: 50%; 1626 top: 45%; 1627 -webkit-transform: translateX(-50%) translateY(-50%); 1628 -ms-transform: translateX(-50%) translateY(-50%); 1629 transform: translateX(-50%) translateY(-50%); 1630} 1631.logo img { 1632 width: 100%; 1633} 1634.top-menu { 1635 position: absolute; 1636 display: inline-block; 1637 height: 11.1rem; 1638 width: 46rem; 1639 top: 0; 1640} 1641.top-menu.left { 1642 float: none; 1643 left: 0; 1644} 1645.top-menu.right { 1646 float: none; 1647 right: 0; 1648} 1649.menu-item { 1650 position: absolute; 1651 font-family: 'bold', arial, helvetica, sans-serif; 1652 display: inline-block; 1653 font-size: 1.6rem; 1654 color: #1e398f; 1655 cursor: pointer; 1656 padding-left: 3.6rem; 1657 -webkit-transition: color 0.2s linear; 1658 transition: color 0.2s linear; 1659} 1660.menu-item:hover {
1661 color: #22a3f2; 1662} 1663.menu-item .badge { 1664 padding: 0 0.4rem; 1665 margin-top: 0.2rem; 1666} 1667.menu-item span { 1668 display: inline-block; 1669 vertical-align: middle; 1670} 1671.menu-item i { 1672 display: inline-block; 1673 position: absolute; 1674 top: 50%; 1675 -webkit-transform: translateY(-50%); 1676 -ms-transform: translateY(-50%); 1677 transform: translateY(-50%); 1678 left: 0; 1679 font-size: 2em; 1680} 1681.menu-item.cat { 1682 top: 4.9rem; 1683 left: 4rem; 1684 padding-left: 3.1rem; 1685} 1686.menu-item.prod { 1687 top: 4rem; 1688 left: 26.8rem; 1689} 1690.menu-item.exp { 1691 top: 4.9rem; 1692 right: 26.8rem; 1693} 1694.menu-item.aca { 1695 top: 4rem; 1696 right: 31.8rem; 1697 padding-left: 4.6rem; 1698} 1699.menu-item.aca i { 1700 font-size: 2.5em; 1701} 1702.menu-item.usr { 1703 top: 4.9rem; 1704 left: 17.5rem; 1705 padding-left: 5rem; 1706} 1707.menu-item.usr i:before { 1708 display: inline-block; 1709 position: relative; 1710 z-index: 3; 1711} 1712.menu-item.usr i:after { 1713 display: block; 1714 position: absolute; 1715 left: 50%; 1716 top: 50%; 1717 -webkit-transform: translateX(-50%) translateY(-50%); 1718 -ms-transform: translateX(-50%) translateY(-50%); 1719 transform: translateX(-50%) translateY(-50%); 1720 content: ""; 1721 z-index: 1; 1722 width: 4.5rem; 1723 height: 4.5rem; 1724 background-color: #f1e3be; 1725 border-radius: 50%; 1726} 1727.menu-item.usr span { 1728 max-width: 17.3rem; 1729 white-space: nowrap; 1730 overflow: hidden; 1731 text-overflow: ellipsis; 1732} 1733.header-bar { 1734 position: absolute; 1735 left: 50%; 1736 -webkit-transform: translateX(-50%); 1737 -ms-transform: translateX(-50%); 1738 transform: translateX(-50%); 1739 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 1740 bottom: -6rem; 1741 width: 115.8rem; 1742 border-radius: 3rem; 1743 height: 6rem; 1744 background-color: #d5edfc; 1745} 1746.header-bar .cats { 1747 position: absolute; 1748 top: 50%; 1749 -webkit-transform: translateY(-50%); 1750 -ms-transform: translateY(-50%); 1751 transform: translateY(-50%); 1752 display: inline-block; 1753 left: 1.4rem; 1754 z-index: 1; 1755 white-space: nowrap; 1756} 1757.header-bar .cats .button { 1758 margin-right: 0.3rem; 1759} 1760.header-bar .cats .button:last-child { 1761 margin-right: 0; 1762} 1763.header-bar .search-bar { 1764 display: inline-block; 1765 position: absolute; 1766 top: 50%; 1767 -webkit-transform: translateY(-50%); 1768 -ms-transform: translateY(-50%); 1769 transform: translateY(-50%); 1770 right: 1.4rem; 1771 height: 3.6rem; 1772 letter-spacing: 0; 1773 z-index: 3; 1774} 1775.header-bar .search-bar:after { 1776 display: block; 1777 content: ""; 1778 clear: both; 1779} 1780.header-bar .search-bar .l { 1781 position: relative; 1782 float: left; 1783 height: 3.6rem; 1784 width: 3.6rem; 1785 background-color: #fff; 1786 border-top-left-radius: 1.8rem; 1787 border-bottom-left-radius: 1.8rem; 1788 color: #1e398f; 1789} 1790.header-bar .search-bar .l i { 1791 position: absolute; 1792 top: 0.3rem; 1793 left: 0.6rem; 1794 font-size: 2.3em; 1795} 1796.header-bar .search-bar .r { 1797 float: left; 1798 height: 3.6rem; 1799 width: 3.6rem; 1800 background-color: #fff; 1801 border-top-right-radius: 1.8rem; 1802 border-bottom-right-radius: 1.8rem; 1803} 1804.header-bar .search-bar .search { 1805 position: relative; 1806 float: left; 1807 height: 3.6rem; 1808 width: 40rem; 1809 background-color: #fff; 1810} 1811.header-bar .search-bar .search ::-webkit-input-placeholder { 1812 color: #1e398f; 1813} 1814.header-bar .search-bar .search :-moz-placeholder { 1815 color: #1e398f; 1816 opacity: 1; 1817} 1818.header-bar .search-bar .search ::-moz-placeholder { 1819 color: #1e398f; 1820 opacity: 1; 1821} 1822.header-bar .search-bar .search :-ms-input-placeholder { 1823 color: #1e398f; 1824} 1825.header-bar .search-bar .search label { 1826 position: absolute; 1827 top: 50%; 1828 -webkit-transform: translateY(-50%); 1829 -ms-transform: translateY(-50%); 1830 transform: translateY(-50%); 1831 font-family: 'bold', arial, helvetica, sans-serif; 1832 color: #1e398f; 1833 font-size: 1.6rem; 1834 left: 0.3rem; 1835} 1836.header-bar .search-bar .search input { 1837 position: absolute; 1838 width: 100%; 1839 height: 100%; 1840 font-family: 'bold', arial, helvetica, sans-serif; 1841 color: #1e398f; 1842 font-size: 1.6rem; 1843 line-height: 3.6rem; 1844 border: 0 none; 1845 background: transparent none; 1846 box-sizing: border-box; 1847} 1848.web-menu { 1849 display: none; 1850 position: absolute; 1851 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 1852 box-sizing: border-box; 1853 -webkit-transition: opacity 0.2s linear, transform 0.2s ease; 1854 transition: opacity 0.2s linear, transform 0.2s ease; 1855 -webkit-transform: translateY(1rem); 1856 -ms-transform: translateY(1rem); 1857 transform: translateY(1rem); 1858 border-radius: 2.6rem; 1859 opacity: 0; 1860 z-index: 99; 1861} 1862.web-menu.active { 1863 opacity: 1; 1864 -webkit-transform: translateY(0); 1865 -ms-transform: translateY(0); 1866 transform: translateY(0); 1867} 1868.web-menu:before { 1869 display: block; 1870 content: ""; 1871 width: 2.2rem; 1872 height: 2.2rem; 1873 position: absolute; 1874 top: -0.6rem; 1875 -webkit-transform: rotate(45deg); 1876 -ms-transform: rotate(45deg); 1877 transform: rotate(45deg); 1878} 1879.web-menu.category { 1880 top: 11rem; 1881 left: -1.5rem; 1882 width: 120.2rem; 1883 height: 52rem; 1884 background-color: #d5edfc; 1885 z-index: 999; 1886 padding: 3rem 0 0 3.5rem; 1887} 1888.web-menu.category:before { 1889 background-color: #d5edfc; 1890 left: 12rem; 1891} 1892.web-menu.category .box { 1893 -webkit-transform: scale(1); 1894 -ms-transform: scale(1); 1895 transform: scale(1); 1896 -webkit-transition: transform 0.2s ease; 1897 transition: transform 0.2s ease; 1898} 1899.web-menu.category .box:hover, 1900.web-menu.category .box:active { 1901 -webkit-transform: scale(1.02); 1902 -ms-transform: scale(1.02); 1903 transform: scale(1.02); 1904} 1905.web-menu.category .cap { 1906 font-family: 'bold', arial, helvetica, sans-serif; 1907 font-size: 1.2rem; 1908 color: #1e398f; 1909 opacity: 0.7; 1910 margin-bottom: 2rem; 1911} 1912.web-menu.category .cats { 1913 margin-bottom: 3.3rem; 1914} 1915.web-menu.category .cats:after {
1916 content: ' '; 1917 display: block; 1918 clear: both; 1919 height: 0; 1920 overflow: hidden; 1921} 1922.web-menu.category .cats .box { 1923 display: block; 1924 position: relative; 1925 background-color: #1e398f; 1926 float: left; 1927 overflow: hidden; 1928 width: 11.7rem; 1929 height: 15.7rem; 1930 margin-right: 1rem; 1931 will-change: transform; 1932 box-shadow: 0 1rem 4.6rem 0 rgba(0, 0, 0, 0.1); 1933} 1934.web-menu.category .cats .box:last-child { 1935 margin-right: 0; 1936} 1937.web-menu.category .cats .box:after { 1938 display: block; 1939 position: absolute; 1940 width: 100%; 1941 height: 100%; 1942 bottom: 0; 1943 left: 0; 1944 content: ""; 1945 background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 43%, rgba(255, 255, 255, 0) 44%, rgba(128, 128, 128, 0.02) 45%, rgba(157, 167, 172, 0.21) 62%, rgba(158, 169, 171, 0.49) 83%, rgba(158, 168, 172, 0.6) 100%);; 1946 z-index: 2; 1947} 1948.web-menu.category .cats .box img { 1949 position: absolute; 1950 left: 50%; 1951 top: 50%; 1952 -webkit-transform: translateX(-50%) translateY(-50%); 1953 -ms-transform: translateX(-50%) translateY(-50%); 1954 transform: translateX(-50%) translateY(-50%); 1955 width: 105%; 1956 max-width: none; 1957 height: auto; 1958 z-index: 1; 1959} 1960.web-menu.category .cats .box .text { 1961 width: 100%; 1962 position: absolute; 1963 bottom: 0; 1964 left: 0; 1965 color: #fff; 1966 padding: 0 0 1rem 1.1rem; 1967 z-index: 3; 1968} 1969.web-menu.category .cats .box .text i { 1970 display: block; 1971 font-size: 1.8rem; 1972 margin-bottom: 0.7rem; 1973} 1974.web-menu.category .cats .box .text strong { 1975 display: block; 1976 font-family: 'bold', arial, helvetica, sans-serif; 1977 font-size: 1.4rem; 1978 letter-spacing: -0.05em; 1979} 1980.web-menu.category .others:after { 1981 content: ' '; 1982 display: block; 1983 clear: both; 1984 height: 0; 1985 overflow: hidden; 1986} 1987.web-menu.category .others .box { 1988 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 1989 box-sizing: border-box; 1990 position: relative; 1991 display: block; 1992 float: left; 1993 width: 17.6rem; 1994 height: 20.1rem; 1995 margin-right: 1rem; 1996 overflow: hidden; 1997} 1998.web-menu.category .others .box:last-child { 1999 margin-right: 1rem; 2000} 2001.web-menu.category .others .box img { 2002 position: absolute; 2003 width: 100%; 2004 top: 0; 2005 left: 0; 2006 z-index: 1; 2007} 2008.web-menu.category .others .box i { 2009 position: absolute; 2010 color: #a8d1eb; 2011 z-index: 2; 2012} 2013.web-menu.category .others .box .text { 2014 position: absolute; 2015 display: inline-block; 2016 font-family: 'medium', arial, helvestica, sans-serif; 2017 top: 1.7rem; 2018 left: 1.2rem; 2019 font-size: 1.4rem; 2020 letter-spacing: -0.03em; 2021 color: #1e398f; 2022 z-index: 3; 2023} 2024.web-menu.user { 2025 width: 25rem; 2026 height: auto; 2027 padding: 4.3rem 3rem; 2028 background-color: #fff; 2029 top: 11rem; 2030 right: -1.4rem; 2031} 2032.web-menu.user:before { 2033 left: 5rem; 2034} 2035.web-menu.user ul li { 2036 margin-bottom: 4.3rem; 2037} 2038.web-menu.user ul li a { 2039 position: relative; 2040 display: block; 2041 font-family: 'bold', arial, helvetica, sans-serif; 2042 font-size: 1.4rem; 2043 padding-left: 3.9rem; 2044 color: #1e398f; 2045 -webkit-transition: color 0.2s linear; 2046 transition: color 0.2s linear; 2047} 2048.web-menu.user ul li a i { 2049 position: absolute; 2050 top: 50%; 2051 -webkit-transform: translateY(-50%); 2052 -ms-transform: translateY(-50%); 2053 transform: translateY(-50%); 2054 left: 0; 2055 font-size: 1.8em; 2056} 2057.web-menu.user ul li a:hover, 2058.web-menu.user ul li a:active { 2059 color: #22a3f2; 2060} 2061.web-menu.user ul li:last-child { 2062 margin-bottom: 0; 2063} 2064.mobile-menu-button { 2065 display: none; 2066} 2067.mobile-search-button { 2068 display: none; 2069} 2070.web-text-link { 2071 position: absolute; 2072 display: inline-block; 2073 font-family: 'bold', arial, helvetica, sans-serif; 2074 box-sizing: border-box; 2075 -webkit-transition: color 0.2s; 2076 transition: color 0.2s; 2077 top: 4.2rem; 2078 font-size: 1.6rem; 2079 white-space: nowrap; 2080 color: #1e398f; 2081 padding-left: 3.8rem; 2082} 2083.web-text-link i { 2084 position: absolute; 2085 top: 50%; 2086 -webkit-transform: translateY(-50%); 2087 -ms-transform: translateY(-50%); 2088 transform: translateY(-50%); 2089 left: 0; 2090 font-size: 2em; 2091} 2092.web-text-link:hover, 2093.web-text-link:active { 2094 color: #6dbff3; 2095} 2096.web-text-link.hamburger-menu-link { 2097 height: 1.5rem; 2098 line-height: 1.5rem; 2099 left: 0; 2100 top: 4.9rem; 2101 padding-left: 2.8rem; 2102} 2103.web-text-link.hamburger-menu-link i { 2104 display: block; 2105 height: 1.5rem; 2106 width: 1.9rem; 2107 top: 48%; 2108}
2109.web-text-link.hamburger-menu-link span { 2110 display: block; 2111 width: 100%; 2112 height: 0.3rem; 2113 position: absolute; 2114 top: 0.6rem; 2115 left: 0; 2116 background-color: #1e398f; 2117 border-radius: 0.1rem; 2118 -webkit-transition: transform 0.3s ease, opacity 0.2s linear, background-color 0.2s linear; 2119 transition: transform 0.3s ease, opacity 0.2s linear, background-color 0.2s linear; 2120} 2121.web-text-link.hamburger-menu-link span:first-child { 2122 top: 0; 2123} 2124.web-text-link.hamburger-menu-link span:last-child { 2125 top: auto; 2126 bottom: 0; 2127} 2128.web-text-link.hamburger-menu-link:hover span, 2129.web-text-link.hamburger-menu-link:active span { 2130 background-color: #6dbff3; 2131} 2132.web-text-link.hamburger-menu-link.active { 2133 z-index: 9999; 2134} 2135.web-text-link.hamburger-menu-link.active span:nth-child(2) { 2136 -webkit-transform: rotate(45deg); 2137 -ms-transform: rotate(45deg); 2138 transform: rotate(45deg); 2139} 2140.web-text-link.hamburger-menu-link.active span:nth-child(3) { 2141 -webkit-transform: rotate(-45deg); 2142 -ms-transform: rotate(-45deg); 2143 transform: rotate(-45deg); 2144} 2145.web-text-link.hamburger-menu-link.active span:first-child { 2146 opacity: 0; 2147} 2148.web-text-link.hamburger-menu-link.active span:last-child { 2149 opacity: 0; 2150} 2151header.product-header { 2152 position: relative; 2153 height: 11.1rem; 2154 margin-bottom: 0; 2155} 2156header.product-header .logo { 2157 text-align: center; 2158 box-sizing: border-box; 2159 width: 11.3rem; 2160 height: 8.631rem; 2161 top: 1.4rem; 2162 -webkit-transform: translateX(-50%) translateY(0%); 2163 -ms-transform: translateX(-50%) translateY(0); 2164 transform: translateX(-50%) translateY(0); 2165} 2166header.product-header .web-menu.user { 2167 top: 9rem; 2168} 2169.sticky-header { 2170 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 2171 width: 100%; 2172 position: fixed; 2173 -webkit-transition: transform 0.3s ease, opacity 0.2s linear; 2174 transition: transform 0.3s ease, opacity 0.2s linear; 2175 -webkit-transform: translateY(-105%); 2176 -ms-transform: translateY(-105%); 2177 transform: translateY(-105%); 2178 z-index: 9999; 2179 top: 0; 2180 left: 0; 2181 height: 6.5rem; 2182 background-color: #fff; 2183 opacity: 0; 2184} 2185.sticky-header .blue-bar { 2186 display: none; 2187} 2188.sticky-header .cont .aligner { 2189 position: relative; 2190 width: 113rem; 2191 margin: 0 auto; 2192 height: 6.5rem; 2193} 2194.sticky-header .cont .icon-basket { 2195 font-size: 3.4rem; 2196} 2197.sticky-header .cont .icon-basket:hover, 2198.sticky-header .cont .icon-basket:active { 2199 color: #6dbff3; 2200} 2201.sticky-header .cont .basket-amount { 2202 position: absolute; 2203 display: block; 2204 font-family: 'bold', arial, helvetica, sans-serif; 2205 font-size: 1.2rem; 2206 min-width: 2rem; 2207 height: 2rem; 2208 line-height: 2rem; 2209 background-color: #1e398f; 2210 border-radius: 50%; 2211 color: #fff; 2212 text-align: center; 2213 top: -0.1rem; 2214 right: -0.8rem; 2215} 2216.sticky-header .cont.mobile { 2217 display: none; 2218 position: absolute; 2219 height: 100%; 2220 width: 100%; 2221} 2222.sticky-header .cont.mobile .sticky-product-logo { 2223 display: none; 2224} 2225.sticky-header .cont.web { 2226 position: absolute; 2227 display: block; 2228 height: 100%; 2229 width: 100%; 2230} 2231.sticky-header .cont.web .sticky-logo { 2232 position: absolute; 2233 left: 50%; 2234 -webkit-transform: translateX(-50%); 2235 -ms-transform: translateX(-50%); 2236 transform: translateX(-50%); 2237 width: 10.3rem; 2238 top: 0.5rem; 2239} 2240.sticky-header .cont.web .sticky-product-logo { 2241 display: none; 2242 position: absolute; 2243 left: 50%; 2244 -webkit-transform: translateX(-50%); 2245 -ms-transform: translateX(-50%); 2246 transform: translateX(-50%); 2247 width: 6.2rem; 2248 top: 0.8rem; 2249} 2250.sticky-header .cont.web .up { 2251 position: absolute; 2252 display: inline-block; 2253 -webkit-transition: color 0.2s linear; 2254 transition: color 0.2s linear; 2255 right: 0; 2256 top: 1.8rem; 2257 color: #1e398f; 2258 font-size: 2.8rem; 2259} 2260.sticky-header .cont.web .up:hover, 2261.sticky-header .cont.web .up:active { 2262 color: #6dbff3; 2263} 2264.sticky-header .cont.web .d2c-aligner { 2265 display: inline-block; 2266 position: absolute; 2267 width: auto; 2268 right: 5rem; 2269 top: 1.5rem; 2270 padding: 0; 2271} 2272.sticky-header .cont.web .sticky-search { 2273 position: absolute; 2274 left: 0; 2275 top: 1.5rem; 2276 width: 24.2rem; 2277 height: 3.6rem; 2278 border-radius: 1.8rem; 2279 background-color: #eff7fd; 2280} 2281.sticky-header .cont.web .sticky-search:before { 2282 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 2283 speak: never; 2284 font-display: swap; 2285 font-style: normal; 2286 font-weight: normal; 2287 font-variant: normal; 2288 text-transform: none; 2289 line-height: 1; 2290 -webkit-font-smoothing: antialiased; 2291 -moz-osx-font-smoothing: grayscale; 2292 content: "\e940"; 2293 display: inline-block; 2294 position: absolute; 2295 top: 50%; 2296 -webkit-transform: translateY(-50%); 2297 -ms-transform: translateY(-50%); 2298 transform: translateY(-50%); 2299 font-size: 2.7rem; 2300 color: #1e398f; 2301 left: 1.5rem; 2302} 2303.sticky-header .cont.web .sticky-search input, 2304.sticky-header .cont.web .sticky-search label { 2305 position: absolute; 2306 top: 50%; 2307 -webkit-transform: translateY(-50%); 2308 -ms-transform: translateY(-50%); 2309 transform: translateY(-50%); 2310 font-family: 'medium', arial, helvestica, sans-serif; 2311 font-size: 1.6rem; 2312 border: none; 2313 width: 18.4rem; 2314 height: 3rem; 2315 line-height: 3rem; 2316 left: 4rem; 2317 z-index: 1; 2318 background-color: transparent; 2319} 2320.sticky-header .cont.web .sticky-search label { 2321 display: block; 2322 z-index: 2; 2323 cursor: pointer; 2324} 2325.scrolled .sticky-header { 2326 -webkit-transform: translateY(0); 2327 -ms-transform: translateY(0); 2328 transform: translateY(0); 2329 opacity: 1; 2330} 2331.mobile-menu-overlay { 2332 display: none; 2333 position: fixed; 2334 width: 100%; 2335 height: 100%; 2336 cursor: pointer; 2337 z-index: 98; 2338 -webkit-transition: opacity 0.3s linear; 2339 transition: opacity 0.3s linear; 2340 background-color: #1e398f; 2341 opacity: 0; 2342} 2343.mobile-menu-overlay.active { 2344 display: block; 2345} 2346.mobile-menu-overlay.opacity { 2347 opacity: 0.5; 2348 -webkit-transition: opacity 0.2s linear; 2349 transition: opacity 0.2s linear; 2350} 2351.mobile-menu-cont { 2352 display: block; 2353 position: absolute; 2354 top: 0; 2355 right: 0; 2356 width: 28vw; 2357 overflow: hidden; 2358 z-index: 99; 2359} 2360.mobile-menu-cont.open { 2361 height: auto; 2362} 2363.mobile-menu-cont.open .mobile-menu { 2364 -webkit-transform: translateX(0); 2365 -ms-transform: translateX(0); 2366 transform: translateX(0); 2367} 2368.mobile-menu-cont.no-events .mobile-menu { 2369 pointer-events: none; 2370} 2371.mobile-menu-cont.stand .mobile-menu { 2372 position: relative; 2373} 2374.mobile-menu { 2375 display: block; 2376 position: fixed; 2377 width: 100%; 2378 box-sizing: border-box; 2379 -webkit-transition: transform 0.3s ease; 2380 transition: transform 0.3s ease; 2381 -webkit-transform: translateX(102%); 2382 -ms-transform: translateX(102%); 2383 transform: translateX(102%); 2384 height: auto; 2385 will-change: transform; 2386 padding: 4.1rem 0 0; 2387 background-color: #d7eefe; 2388 border-bottom-left-radius: 2.4rem; 2389 /* 2390 .scroller { 2391 .w100; 2392 height:~"calc(100vh - 14.7rem)"; 2393 overflow-x:scroll; 2394 -webkit-overflow-scrolling:touch; 2395 } 2396 */ 2397} 2398.mobile-menu .top { 2399 width: 100%; 2400 position: relative; 2401 box-sizing: border-box; 2402 height: 6.1rem; 2403} 2404.mobile-menu .top form { 2405 display: inline-block; 2406 position: relative; 2407 padding-left: 2rem; 2408} 2409.mobile-menu .top form:before { 2410 display: inline-block; 2411 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 2412 speak: never; 2413 font-display: swap; 2414 font-style: normal; 2415 font-weight: normal; 2416 font-variant: normal; 2417 text-transform: none; 2418 line-height: 1; 2419 -webkit-font-smoothing: antialiased; 2420 -moz-osx-font-smoothing: grayscale; 2421 content: "\e940"; 2422 position: absolute; 2423 font-size: 3.1rem; 2424 top: 0.2rem; 2425 left: 2.75rem; 2426} 2427.mobile-menu .top form label, 2428.mobile-menu .top form input { 2429 font-family: 'medium', arial, helvestica, sans-serif; 2430 font-size: 1.6rem; 2431 color: #1e398f; 2432} 2433.mobile-menu .top form input { 2434 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 2435 width: 26.1rem; 2436 border: none; 2437 background-color: #fff; 2438 border-radius: 1.6rem; 2439 line-height: 3.6rem; 2440 height: 3.6rem; 2441 padding: 0 3.1rem 0 4rem; 2442} 2443.mobile-menu .top form label { 2444 position: absolute; 2445 display: inline-block; 2446 cursor: pointer; 2447 left: 5.95rem; 2448 top: 0.95rem; 2449} 2450.mobile-menu .top.no-search { 2451 height: 5.4rem; 2452} 2453.mobile-menu .top.no-search form { 2454 display: none; 2455} 2456.mobile-menu .icon-close { 2457 position: absolute; 2458 display: inline-block; 2459 top: -2.8rem; 2460 right: 2rem; 2461 font-size: 2.25rem; 2462} 2463.mobile-menu .contain { 2464 width: 100%; 2465 box-sizing: border-box; 2466 padding: 0 2rem; 2467} 2468.mobile-menu i.usr-ico { 2469 display: block; 2470 top: 46% !important; 2471 width: 3rem; 2472 height: 3rem; 2473 border-radius: 50%; 2474 background-color: #f1e3be; 2475} 2476.mobile-menu i.usr-ico:before { 2477 position: absolute; 2478 left: 50%; 2479 top: 50%; 2480 -webkit-transform: translateX(-50%) translateY(-50%); 2481 -ms-transform: translateX(-50%) translateY(-50%); 2482 transform: translateX(-50%) translateY(-50%); 2483 font-size: 1.2em; 2484} 2485.mobile-menu nav { 2486 width: 100%; 2487 box-sizing: border-box; 2488} 2489.mobile-menu nav > a, 2490.mobile-menu nav .no-usr-login, 2491.mobile-menu nav .usr-login > a { 2492 position: relative; 2493 display: block; 2494 width: 100%; 2495 font-family: 'bold', arial, helvetica, sans-serif; 2496 box-sizing: border-box; 2497 font-size: 1.4rem; 2498 border-bottom: solid 1px #cee5f8; 2499 padding: 1.4rem 0 1.85rem 4rem; 2500 color: #1e398f; 2501} 2502.mobile-menu nav > a.no-border, 2503.mobile-menu nav .no-usr-login.no-border, 2504.mobile-menu nav .usr-login > a.no-border { 2505 border-bottom: none; 2506} 2507.mobile-menu nav > a i, 2508.mobile-menu nav .no-usr-login i, 2509.mobile-menu nav .usr-login > a i { 2510 position: absolute; 2511 top: 50%; 2512 -webkit-transform: translateY(-50%); 2513 -ms-transform: translateY(-50%); 2514 transform: translateY(-50%); 2515 display: inline-block; 2516 left: 0; 2517 font-size: 1.8em; 2518} 2519.mobile-menu nav > a i.icon-layout, 2520.mobile-menu nav .no-usr-login i.icon-layout, 2521.mobile-menu nav .usr-login > a i.icon-layout { 2522 font-size: 2.3em; 2523 left: -0.5rem; 2524} 2525.mobile-menu nav > a i.icon-baby-names, 2526.mobile-menu nav .no-usr-login i.icon-baby-names, 2527.mobile-menu nav .usr-login > a i.icon-baby-names { 2528 font-size: 2.6em; 2529 left: 0.7rem; 2530} 2531.mobile-menu nav > a { 2532 -webkit-transition: color 0.2s linear, border-color 0.1s linear; 2533 transition: color 0.2s linear, border-color 0.1s linear; 2534} 2535.mobile-menu nav > a:hover, 2536.mobile-menu nav > a:active { 2537 color: #1bccce; 2538} 2539.mobile-menu nav > a .badge { 2540 font-family: 'bold', arial, helvetica, sans-serif; 2541 font-size: 0.8rem; 2542 line-height: 1.2rem; 2543 padding: 0 0.45rem; 2544 margin-left: 0.5rem; 2545} 2546.mobile-menu nav > a.has-subs { 2547 padding: 1.7rem 0 1.85rem 4rem; 2548} 2549.mobile-menu nav > a.has-subs:after { 2550 display: inline-block; 2551 position: absolute; 2552 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 2553 speak: never; 2554 font-display: swap; 2555 font-style: normal; 2556 font-weight: normal; 2557 font-variant: normal; 2558 text-transform: none; 2559 line-height: 1; 2560 -webkit-font-smoothing: antialiased; 2561 -moz-osx-font-smoothing: grayscale; 2562 content: "\e903"; 2563 -webkit-transform: rotate(0); 2564 -ms-transform: rotate(0); 2565 transform: rotate(0); 2566 -webkit-transition: transform 0.2s linear; 2567 transition: transform 0.2s linear; 2568 -webkit-transform-origin: 50% 50%; 2569 -ms-transform-origin: 50% 50%; 2570 transform-origin: 50% 50%; 2571 right: 0.5rem; 2572 top: 1.7rem; 2573 font-size: 0.7rem; 2574} 2575.mobile-menu nav > a.has-subs.active { 2576 border-color: transparent; 2577} 2578.mobile-menu nav > a.has-subs.active:after { 2579 -webkit-transform: rotate(-180deg); 2580 -ms-transform: rotate(-180deg); 2581 transform: rotate(-180deg); 2582} 2583.mobile-menu nav > a.normal:before { 2584 display: inline-block; 2585 position: absolute; 2586 top: 50%; 2587 -webkit-transform: translateY(-50%); 2588 -ms-transform: translateY(-50%); 2589 transform: translateY(-50%); 2590 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 2591 speak: never; 2592 font-display: swap; 2593 font-style: normal; 2594 font-weight: normal; 2595 font-variant: normal; 2596 text-transform: none; 2597 line-height: 1; 2598 -webkit-font-smoothing: antialiased; 2599 -moz-osx-font-smoothing: grayscale; 2600 content: "\e961"; 2601 left: -0.2rem; 2602 font-size: 3.35rem; 2603} 2604.mobile-menu nav > a.home { 2605 width: calc(100% - 4rem); 2606 margin: 0 auto; 2607} 2608.mobile-menu nav > a.home i.icon-home { 2609 top: 50%; 2610} 2611.mobile-menu nav .no-usr-login { 2612 width: calc(100% - 4rem); 2613 margin: 0 auto; 2614} 2615.mobile-menu nav .no-usr-login a { 2616 display: inline-block; 2617 -webkit-transition: color 0.2s linear; 2618 transition: color 0.2s linear; 2619} 2620.mobile-menu nav .no-usr-login a:hover, 2621.mobile-menu nav .no-usr-login a:active { 2622 color: #1bccce; 2623} 2624.mobile-menu nav .no-usr-login i { 2625 font-size: 1em; 2626} 2627.mobile-menu nav .usr-login { 2628 width: calc(100% - 4rem); 2629 margin: 0 auto; 2630} 2631.mobile-menu nav .usr-login a i { 2632 font-size: 1.2em; 2633} 2634.mobile-menu nav .usr-login a span { 2635 display: block; 2636 width: calc(100% - 5rem); 2637 overflow: hidden; 2638 text-overflow: ellipsis; 2639 white-space: nowrap; 2640} 2641.mobile-menu nav .usr-login a.has-subs:after { 2642 display: inline-block; 2643 position: absolute; 2644 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 2645 speak: never; 2646 font-display: swap; 2647 font-style: normal; 2648 font-weight: normal; 2649 font-variant: normal; 2650 text-transform: none; 2651 line-height: 1; 2652 -webkit-font-smoothing: antialiased; 2653 -moz-osx-font-smoothing: grayscale; 2654 content: "\e903"; 2655 -webkit-transform: rotate(0); 2656 -ms-transform: rotate(0); 2657 transform: rotate(0); 2658 -webkit-transition: transform 0.2s linear; 2659 transition: transform 0.2s linear; 2660 -webkit-transform-origin: 50% 50%; 2661 -ms-transform-origin: 50% 50%; 2662 transform-origin: 50% 50%; 2663 right: 0.5rem; 2664 top: 1.7rem; 2665 font-size: 0.7rem; 2666} 2667.mobile-menu nav .usr-login a.has-subs.active { 2668 border-color: transparent; 2669} 2670.mobile-menu nav .usr-login a.has-subs.active:after { 2671 -webkit-transform: rotate(-180deg); 2672 -ms-transform: rotate(-180deg); 2673 transform: rotate(-180deg); 2674} 2675.mobile-menu .sub-menu { 2676 width: 100%; 2677 display: none; 2678 box-sizing: border-box; 2679 border-bottom: solid 1px #cee5f8; 2680 padding: 0 0 0 5.8rem; 2681} 2682.mobile-menu .sub-menu.no-border { 2683 border-bottom: none; 2684} 2685.mobile-menu .sub-menu a { 2686 font-family: 'medium', arial, helvestica, sans-serif; 2687 display: block; 2688 width: 100%; 2689 box-sizing: border-box; 2690 font-size: 1.4rem; 2691 line-height: 1em; 2692 margin: 0.9rem 0 2.6rem; 2693} 2694.mobile-menu .sub-menu.faydali { 2695 padding: 1.1rem 0 1.1rem 4rem; 2696} 2697.mobile-menu .sub-menu.faydali a { 2698 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 2699 box-sizing: border-box; 2700 position: relative; 2701 display: block; 2702 width: 100%; 2703 height: 5rem; 2704 overflow: hidden; 2705 border-radius: 0.6rem; 2706 margin: 0 0 1rem 0; 2707} 2708.mobile-menu .sub-menu.faydali a img { 2709 position: absolute; 2710 width: 100%; 2711 top: 0; 2712 left: 0; 2713 z-index: 1; 2714} 2715.mobile-menu .sub-menu.faydali a .text { 2716 position: absolute; 2717 top: 50%; 2718 -webkit-transform: translateY(-50%); 2719 -ms-transform: translateY(-50%); 2720 transform: translateY(-50%); 2721 display: inline-block; 2722 font-family: 'medium', arial, helvestica, sans-serif; 2723 font-size: 1.4rem; 2724 letter-spacing: -0.03em; 2725 color: #1e398f; 2726 z-index: 3; 2727 left: 6.65rem; 2728} 2729.mobile-menu .sub-menu.user { 2730 padding: 1.15rem 2.5rem 0 2.5rem; 2731 background-color: #c6e6fd; 2732} 2733.mobile-menu .sub-menu.user a { 2734 font-family: 'bold', arial, helvetica, sans-serif; 2735 position: relative; 2736 padding-left: 3.9rem; 2737 margin-bottom: 3.9rem; 2738} 2739.mobile-menu .sub-menu.user a i { 2740 position: absolute; 2741 top: 50%; 2742 -webkit-transform: translateY(-50%); 2743 -ms-transform: translateY(-50%); 2744 transform: translateY(-50%); 2745 left: 0; 2746 font-size: 1.6em; 2747} 2748.mobile-menu .sub-menu.user a i.icon-my-exit { 2749 left: 0.1em; 2750} 2751.mobile-menu .sub-menu.user a i.icon-a-callendar { 2752 left: -8.5rem; 2753 font-size: 2.8em; 2754} 2755.mobile-menu .bottom { 2756 display: block; 2757 width: 100%; 2758 position: relative; 2759 box-sizing: border-box; 2760 padding: 1.7rem 2rem 13.5rem; 2761 height: auto; 2762 background-color: #c6e6fd; 2763 margin-top: 1.85rem; 2764 border-bottom-left-radius: 2.4rem; 2765} 2766.mobile-menu .bottom a { 2767 display: block; 2768 position: relative; 2769 font-family: 'bold', arial, helvetica, sans-serif; 2770 box-sizing: border-box; 2771 font-size: 1.6rem; 2772 padding-left: 3.85rem; 2773 line-height: 1.4em; 2774} 2775.mobile-menu .bottom strong { 2776 letter-spacing: -0.03em; 2777} 2778.mobile-menu .bottom i { 2779 display: inline-block; 2780 position: absolute; 2781 font-size: 1.8em; 2782 margin-right: 0.45rem; 2783 left: 0; 2784 top: 0.1rem; 2785} 2786.mobile-menu .bottom span { 2787 font-family: 'book', arial, helvetica, sans-serif; 2788 font-size: 1.6rem; 2789} 2790.home-slider { 2791 position: relative; 2792 width: 136rem; 2793 height: 68rem; 2794 margin: 0 auto 11.9rem; 2795} 2796.home-slider .slider-cont { 2797 position: relative; 2798 z-index: 1; 2799 border-radius: 2.6rem; 2800 width
2800: 136rem; 2801 height: 68rem; 2802 overflow: hidden; 2803 background-color: #1e4ba3; 2804} 2805.home-slider .slider.royalSlider.rsMinw { 2806 width: 136rem; 2807 height: 68rem; 2808} 2809.home-slider .slider.royalSlider.rsMinw .rsContent { 2810 width: 136rem; 2811 height: 68rem; 2812} 2813.home-slider .slider.royalSlider.rsMinw .rsContent a { 2814 display: block; 2815} 2816.home-slider .slider.royalSlider.rsMinw .rsContent img { 2817 width: 100%; 2818} 2819.home-slider .slider.royalSlider.rsMinw .rsArrow { 2820 display: block; 2821 position: absolute; 2822 top: 30rem; 2823 width: 6rem; 2824 height: 6rem; 2825 background-color: #acddff; 2826 border-radius: 50%; 2827 box-shadow: 0 0.7rem 4.9rem 0 rgba(30, 57, 143, 0.19); 2828} 2829.home-slider .slider.royalSlider.rsMinw .rsArrow .rsArrowIcn { 2830 display: inline-block; 2831 position: absolute; 2832 left: 50%; 2833 top: 50%; 2834 -webkit-transform: translateX(-50%) translateY(-50%); 2835 -ms-transform: translateX(-50%) translateY(-50%); 2836 transform: translateX(-50%) translateY(-50%); 2837 width: auto; 2838 height: auto; 2839 color: #1e398f; 2840} 2841.home-slider .slider.royalSlider.rsMinw .rsArrow .rsArrowIcn:after { 2842 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 2843 speak: never; 2844 font-display: swap; 2845 font-style: normal; 2846 font-weight: normal; 2847 font-variant: normal; 2848 text-transform: none; 2849 line-height: 1; 2850 -webkit-font-smoothing: antialiased; 2851 -moz-osx-font-smoothing: grayscale; 2852 display: inline-block; 2853 content: "\e903"; 2854 font-size: 0.7rem; 2855} 2856.home-slider .slider.royalSlider.rsMinw .rsArrow.rsArrowLeft { 2857 left: 1.7rem; 2858} 2859.home-slider .slider.royalSlider.rsMinw .rsArrow.rsArrowLeft .rsArrowIcn:after { 2860 -webkit-transform: rotate(90deg); 2861 -ms-transform: rotate(90deg); 2862 transform: rotate(90deg); 2863} 2864.home-slider .slider.royalSlider.rsMinw .rsArrow.rsArrowRight { 2865 right: 1.7rem; 2866} 2867.home-slider .slider.royalSlider.rsMinw .rsArrow.rsArrowRight .rsArrowIcn:after { 2868 -webkit-transform: rotate(-90deg); 2869 -ms-transform: rotate(-90deg); 2870 transform: rotate(-90deg); 2871} 2872.home-slider .controls { 2873 position: absolute; 2874 left: 50%; 2875 -webkit-transform: translateX(-50%); 2876 -ms-transform: translateX(-50%); 2877 transform: translateX(-50%); 2878 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 2879 z-index: 2; 2880 width: 113rem; 2881 height: 10rem; 2882 border-radius: 1.2rem; 2883 bottom: -3.8rem; 2884 background-color: #fff; 2885 overflow: hidden; 2886} 2887.home-slider .controls .indicator { 2888 width: 100%; 2889 position: absolute; 2890 height: 101%; 2891 top: 0; 2892 left: 0; 2893 background-color: #e1f3fc; 2894 z-index: 1; 2895 -webkit-transform: scaleX(0); 2896 -ms-transform: scaleX(0); 2897 transform: scaleX(0); 2898 -webkit-transform-origin: 0 0; 2899 -ms-transform-origin: 0 0; 2900 transform-origin: 0 0; 2901 -webkit-transition: transform 0.6s linear; 2902 transition: transform 0.6s linear; 2903} 2904.home-slider .controls .indicator.fast { 2905 -webkit-transition: transform 0.6s ease !important; 2906 transition: transform 0.6s ease !important; 2907} 2908.home-slider .controls ul { 2909 position: relative; 2910 display: flex; 2911 z-index: 2; 2912 width: 100%; 2913 height: 10rem; 2914} 2915.home-slider .controls ul li { 2916 width: 25%; 2917 height: 10rem; 2918 box-sizing: border-box; 2919 padding: 2rem; 2920} 2921.home-slider .controls ul li span { 2922 display: block; 2923 cursor: pointer; 2924} 2925.home-slider .controls ul li span:after { 2926 content: ' '; 2927 display: block; 2928 clear: both; 2929 height: 0; 2930 overflow: hidden; 2931} 2932.home-slider .controls ul li .img { 2933 position: relative; 2934 width: 8rem; 2935 height: 6rem; 2936 float: left; 2937 border-radius: 0.6rem; 2938 overflow: hidden; 2939} 2940.home-slider .controls ul li .img img { 2941 position: absolute; 2942 left: 50%; 2943 -webkit-transform: translateX(-50%); 2944 -ms-transform: translateX(-50%); 2945 transform: translateX(-50%); 2946 width: 100%; 2947 top: 0; 2948} 2949.home-slider .controls ul li .text { 2950 font-family: 'medium', arial, helvestica, sans-serif; 2951 float: right; 2952 width: calc(100% - 9rem); 2953 line-height: 1.375em; 2954 font-size: 1.5rem; 2955 color: #1e398f; 2956 -webkit-transition: color 0.2s linear; 2957 transition: color 0.2s linear; 2958} 2959.home-slider .controls ul li .text:hover {
2960 color: #22a3f2; 2961} 2962.home-slider .data { 2963 display: none; 2964} 2965@media only screen and (max-width: 1440px) { 2966 html { 2967 font-size: 0.69444444vw; 2968 } 2969} 2970@media only screen and (max-width: 960px) { 2971 .box { 2972 border-radius: 1.6rem; 2973 } 2974 .button { 2975 font-size: 2.8rem; 2976 height: 7.2rem; 2977 line-height: 7.2rem; 2978 border-radius: 3.6rem; 2979 padding: 0 3.6rem; 2980 letter-spacing: normal; 2981 border: solid 0.2rem; 2982 } 2983 .button.with-icon-left { 2984 padding-left: 10rem; 2985 } 2986 .button.with-icon-left i, 2987 .button.with-icon-left span { 2988 left: 3.6rem; 2989 font-size: 1.7em; 2990 } 2991 .button.with-icon-right { 2992 padding-left: 10rem; 2993 } 2994 .button.with-icon-right i, 2995 .button.with-icon-right span { 2996 left: 3.6rem; 2997 font-size: 1.7em; 2998 } 2999 html { 3000 font-size: 10px; 3001 } 3002 .wrap { 3003 width: 100%; 3004 } 3005 .mother-milk-bar div { 3006 font-size: 2.4rem; 3007 height: 6rem; 3008 line-height: 6rem; 3009 } 3010 .mother-milk-bar .icon-close { 3011 font-size: 3rem; 3012 } 3013 .cookie-bar { 3014 width: 100%; 3015 box-shadow: none; 3016 border-radius: 0; 3017 font-size: 2.1rem; 3018 line-height: 1.35em; 3019 bottom: 0; 3020 left: 0; 3021 } 3022 .cookie-bar strong { 3023 font-size: 1.1em; 3024 margin-bottom: 0.5rem; 3025 } 3026 .cookie-bar .icon-close { 3027 font-size: 3.2rem; 3028 top: 4rem; 3029 right: 4rem; 3030 } 3031 .cookie-bar .text { 3032 padding: 7rem 4rem 4rem; 3033 } 3034 .cookie-bar .button { 3035 font-size: 2.4rem; 3036 height: 6rem; 3037 line-height: 6rem; 3038 } 3039 header { 3040 width: 100%; 3041 margin: 0 auto; 3042 height: 13rem; 3043 } 3044 header .d2c { 3045 right: 13.6rem; 3046 top: 3rem; 3047 } 3048 header .d2c .icon-basket { 3049 font-size: 7.2rem; 3050 } 3051 header .d2c .basket-amount { 3052 font-size: 2.4rem; 3053 min-width: 4rem; 3054 height: 4rem; 3055 line-height: 4rem; 3056 top: -0.2rem; 3057 right: -1.6rem; 3058 } 3059 .logo { 3060 width: 23.3rem; 3061 top: 48%; 3062 } 3063 .top-menu { 3064 display: none; 3065 } 3066 .top-menu.right { 3067 display: none; 3068 } 3069 .top-menu.left { 3070 display: none; 3071 } 3072 .header-bar { 3073 display: none; 3074 } 3075 .mobile-menu-toggle { 3076 cursor: pointer; 3077 } 3078 .mobile-menu-button { 3079 display: block; 3080 position: absolute; 3081 width: 4.9rem; 3082 height: 4.1rem; 3083 top: 5rem; 3084 right: 4rem; 3085 z-index: 999; 3086 cursor: pointer; 3087 } 3088 .mobile-menu-button span { 3089 display: block; 3090 width: 100%; 3091 height: 0.8rem; 3092 position: absolute; 3093 top: 1.7rem; 3094 left: 0; 3095 background-color: #1e398f; 3096 border-radius: 0.6rem; 3097 -webkit-transition: transform 0.3s ease, opacity 0.2s linear; 3098 transition: transform 0.3s ease, opacity 0.2s linear; 3099 } 3100 .mobile-menu-button span:first-child { 3101 top: 0; 3102 } 3103 .mobile-menu-button span:last-child { 3104 top: auto; 3105 bottom: 0; 3106 } 3107 .mobile-menu-button.active { 3108 z-index: 9999; 3109 } 3110 .mobile-menu-button.active span:nth-child(2) { 3111 -webkit-transform: rotate(45deg); 3112 -ms-transform: rotate(45deg); 3113 transform: rotate(45deg); 3114 } 3115 .mobile-menu-button.active span:nth-child(3) { 3116 -webkit-transform: rotate(-45deg); 3117 -ms-transform: rotate(-45deg); 3118 transform: rotate(-45deg); 3119 } 3120 .mobile-menu-button.active span:first-child { 3121 opacity: 0; 3122 } 3123 .mobile-menu-button.active span:last-child { 3124 opacity: 0; 3125 } 3126 .mobile-search-button { 3127 display: inline-block; 3128 position: absolute; 3129 top: 3rem; 3130 left: 2rem; 3131 cursor: pointer; 3132 color: #1e398f; 3133 font-size: 8.4rem; 3134 z-index: 1; 3135 } 3136 .mobile-search-button:before { 3137 display: inline-block; 3138 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 3139 speak: never; 3140 font-display: swap; 3141 font-style: normal; 3142 font-weight: normal; 3143 font-variant: normal; 3144 text-transform: none; 3145 line-height: 1; 3146 -webkit-font-smoothing: antialiased; 3147 -moz-osx-font-smoothing: grayscale; 3148 content: "\e940"; 3149 } 3150 header.product-header { 3151 height: 14rem; 3152 } 3153 header.product-header .logo { 3154 width: 15rem; 3155 height: auto; 3156 top: 1.2rem; 3157 } 3158 header.product-header .web-menu.user { 3159 display: none; 3160 } 3161 header.product-header .top-menu.right { 3162 display: block; 3163 } 3164 header.product-header .top-menu.right .menu-item.has-subs.usr, 3165 header.product-header .top-menu.right .menu-item.usr { 3166 display: none; 3167 } 3168 .sticky-header { 3169 height: 13rem; 3170 z-index: 97; 3171 } 3172 .sticky-header .blue-bar { 3173 font-family: 'medium', arial, helvestica, sans-serif; 3174 display: none; 3175 width: 100%; 3176 position: relative; 3177 box-sizing: border-box; 3178 height: 9rem; 3179 background-color: #1e398f; 3180 color: #fff; 3181 padding: 0 4rem; 3182 font-size: 2.4rem; 3183 line-height: 9rem; 3184 } 3185 .sticky-header .blue-bar .button { 3186 position: absolute; 3187 top: 50%; 3188 -webkit-transform: translateY(-50%); 3189 -ms-transform: translateY(-50%); 3190 transform: translateY(-50%); 3191 right: 4rem; 3192 height: 6rem; 3193 line-height: 6rem; 3194 color: #1e398f; 3195 } 3196 .sticky-header .blue-bar .button:hover, 3197 .sticky-header .blue-bar .button:active { 3198 border-color: #fff; 3199 color: #fff; 3200 } 3201 .sticky-header .cont.web { 3202 display: none; 3203 } 3204 .sticky-header .cont.mobile { 3205 display: block; 3206 } 3207 .sticky-header .mobile-menu-button { 3208 top: 4.8rem; 3209 } 3210 .sticky-header .mobile-search-button { 3211 top: 2.3rem; 3212 } 3213 .sticky-header .sticky-logo { 3214 position: absolute; 3215 left: 50%; 3216 -webkit-transform: translateX(-50%); 3217 -ms-transform: translateX(-50%); 3218 transform: translateX(-50%); 3219 width: 20.5rem; 3220 top: 1.4rem; 3221 } 3222 .sticky-header .sticky-product-logo { 3223 position: absolute; 3224 left: 50%; 3225 -webkit-transform: translateX(-50%); 3226 -ms-transform: translateX(-50%); 3227 transform: translateX(-50%); 3228 width: 13.2rem; 3229 top: 1.4rem; 3230 } 3231 .sticky-header .d2c-aligner { 3232 display: inline-block; 3233 position: absolute; 3234 width: auto; 3235 right: 13rem; 3236 top: 2.8rem; 3237 padding: 0; 3238 } 3239 .sticky-header .d2c-aligner .icon-basket { 3240 font-size: 7.2rem; 3241 } 3242 .sticky-header .d2c-aligner .basket-amount { 3243 font-size: 2.4rem; 3244 min-width: 4rem; 3245 height: 4rem; 3246 line-height: 4rem; 3247 top: -0.2rem; 3248 right: -1.6rem; 3249 } 3250 .sticky-header.active { 3251 -webkit-transform: translateY(0); 3252 -ms-transform: translateY(0); 3253 transform: translateY(0); 3254 opacity: 1; 3255 } 3256 .mobile-menu-overlay { 3257 position: fixed; 3258 width: 100%; 3259 height: 100%; 3260 cursor: pointer; 3261 z-index: 98; 3262 } 3263 .mobile-menu-overlay.active { 3264 display: block; 3265 } 3266 .mobile-menu-overlay.opacity { 3267 opacity: 1; 3268 -webkit-transition: opacity 0.2s linear; 3269 transition: opacity 0.2s linear; 3270 } 3271 .mobile-menu-cont { 3272 display: block; 3273 position: relative; 3274 width: 100vw; 3275 overflow: hidden; 3276 z-index: 99; 3277 } 3278 .mobile-menu-cont.open { 3279 height: auto; 3280 } 3281 .mobile-menu-cont.open .mobile-menu { 3282 -webkit-transform: translateX(0); 3283 -ms-transform: translateX(0); 3284 transform: translateX(0); 3285 } 3286 .mobile-menu-cont.no-events .mobile-menu { 3287 pointer-events: none; 3288 } 3289 .mobile-menu-cont.stand .mobile-menu { 3290 position: relative; 3291 } 3292 .mobile-menu { 3293 display: block; 3294 position: fixed; 3295 width: 100%; 3296 height: 100%; 3297 box-sizing: border-box; 3298 -webkit-transition: transform 0.3s ease; 3299 transition: transform 0.3s ease; 3300 -webkit-transform: translateX(102%); 3301 -ms-transform: translateX(102%); 3302 transform: translateX(102%); 3303 will-change: transform; 3304 padding: 4.1rem 0 0; 3305 background-color: #d7eefe; 3306 /* 3307 .scroller { 3308 .w100; 3309 height:~"calc(100vh - 14.7rem)"; 3310 overflow-x:scroll; 3311 -webkit-overflow-scrolling:touch; 3312 } 3313 */ 3314 } 3315 .mobile-menu .top { 3316 width: 100%; 3317 position: relative; 3318 box-sizing: border-box; 3319 height: 14.4rem; 3320 } 3321 .mobile-menu .top form { 3322 display: inline-block; 3323 position: relative; 3324 padding-left: 4rem; 3325 } 3326 .mobile-menu .top form:before { 3327 display: inline-block; 3328 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 3329 speak: never; 3330 font-display: swap; 3331 font-style: normal; 3332 font-weight: normal; 3333 font-variant: normal; 3334 text-transform: none; 3335 line-height: 1; 3336 -webkit-font-smoothing: antialiased; 3337 -moz-osx-font-smoothing: grayscale; 3338 content: "\e940"; 3339 position: absolute; 3340 font-size: 6.2rem; 3341 top: 0.4rem; 3342 left: 5.5rem; 3343 } 3344 .mobile-menu .top form label, 3345 .mobile-menu .top form input { 3346 font-family: 'medium', arial, helvestica, sans-serif; 3347 font-size: 3.2rem; 3348 color: #1e398f; 3349 } 3350 .mobile-menu .top form input { 3351 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 3352 width: 52.2rem; 3353 border: none; 3354 background-color: #fff; 3355 border-radius: 3.2rem; 3356 line-height: 7.2rem; 3357 height: 7.2rem; 3358 padding: 0 3.2rem 0 8rem; 3359 } 3360 .mobile-menu .top form label { 3361 position: absolute; 3362 display: inline-block; 3363 cursor: pointer; 3364 left: 11.9rem; 3365 top: 1.9rem; 3366 } 3367 .mobile-menu .icon-close { 3368 position: absolute; 3369 display: inline-block; 3370 top: 0.4rem; 3371 right: 4rem; 3372 font-size: 4.5rem; 3373 } 3374 .mobile-menu .contain { 3375 width: 100%; 3376 box-sizing: border-box; 3377 padding: 0 4rem; 3378 } 3379 .mobile-menu i.usr-ico { 3380 display: block; 3381 width: 6.4rem; 3382 height: 6.4rem; 3383 border-radius: 50%; 3384 background-color: #f1e3be; 3385 } 3386 .mobile-menu i.usr-ico:before { 3387 position: absolute; 3388 left: 50%; 3389 top: 50%; 3390 -webkit-transform: translateX(-50%) translateY(-50%); 3391 -ms-transform: translateX(-50%) translateY(-50%); 3392 transform: translateX(-50%) translateY(-50%); 3393 font-size: 1.2em; 3394 } 3395 .mobile-menu nav { 3396 width: 100%; 3397 box-sizing: border-box; 3398 } 3399 .mobile-menu nav > a, 3400 .mobile-menu nav .no-usr-login, 3401 .mobile-menu nav .usr-login > a { 3402 position: relative; 3403 display: block; 3404 width: 100%; 3405 font-family: 'bold', arial, helvetica, sans-serif; 3406 box-sizing: border-box; 3407 font-size: 3.2rem; 3408 border-bottom: solid 0.2rem #cee5f8; 3409 padding: 4.8rem 0 4.8rem 8rem; 3410 color: #1e398f; 3411 } 3412 .mobile-menu nav > a.no-border, 3413 .mobile-menu nav .no-usr-login.no-border, 3414 .mobile-menu nav .usr-login > a.no-border { 3415 border-bottom: none; 3416 } 3417 .mobile-menu nav > a i, 3418 .mobile-menu nav .no-usr-login i, 3419 .mobile-menu nav .usr-login > a i { 3420 position: absolute; 3421 top: 50%; 3422 -webkit-transform: translateY(-50%); 3423 -ms-transform: translateY(-50%); 3424 transform: translateY(-50%); 3425 display: inline-block; 3426 left: 0; 3427 font-size: 1.8em; 3428 } 3429 .mobile-menu nav > a i.icon-layout, 3430 .mobile-menu nav .no-usr-login i.icon-layout, 3431 .mobile-menu nav .usr-login > a i.icon-layout { 3432 font-size: 2.3em; 3433 left: -1rem; 3434 } 3435 .mobile-menu nav > a i.icon-baby-names, 3436 .mobile-menu nav .no-usr-login i.icon-baby-names, 3437 .mobile-menu nav .usr-login > a i.icon-baby-names { 3438 font-size: 2.6em; 3439 left: 1.6rem; 3440 } 3441 .mobile-menu nav > a { 3442 -webkit-transition: color 0.2s linear, border-color 0.1s linear; 3443 transition: color 0.2s linear, border-color 0.1s linear; 3444 } 3445 .mobile-menu nav > a:hover, 3446 .mobile-menu nav > a:active { 3447 color: #1bccce; 3448 } 3449 .mobile-menu nav > a .badge { 3450 font-family: 'bold', arial, helvetica, sans-serif; 3451 font-size: 1.6rem; 3452 line-height: 2.4rem; 3453 padding: 0 0.7rem; 3454 margin-left: 1rem; 3455 } 3456 .mobile-menu nav > a.has-subs { 3457 padding: 4.8rem 0 4.8rem 8rem; 3458 } 3459 .mobile-menu nav > a.has-subs:after { 3460 display: inline-block; 3461 position: absolute; 3462 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 3463 speak: never; 3464 font-display: swap; 3465 font-style: normal; 3466 font-weight: normal; 3467 font-variant: normal; 3468 text-transform: none; 3469 line-height: 1; 3470 -webkit-font-smoothing: antialiased; 3471 -moz-osx-font-smoothing: grayscale; 3472 content: "\e903"; 3473 -webkit-transform: rotate(0); 3474 -ms-transform: rotate(0); 3475 transform: rotate(0); 3476 -webkit-transition: transform 0.2s linear; 3477 transition: transform 0.2s linear; 3478 -webkit-transform-origin: 50% 50%; 3479 -ms-transform-origin: 50% 50%; 3480 transform-origin: 50% 50%; 3481 right: 1rem; 3482 top: 5.5rem; 3483 font-size: 1.4rem; 3484 } 3485 .mobile-menu nav > a.has-subs.active { 3486 border-color: transparent; 3487 } 3488 .mobile-menu nav > a.has-subs.active:after { 3489 -webkit-transform: rotate(-180deg); 3490 -ms-transform: rotate(-180deg); 3491 transform: rotate(-180deg); 3492 } 3493 .mobile-menu nav > a.normal:before { 3494 display: inline-block; 3495 position: absolute; 3496 top: 50%; 3497 -webkit-transform: translateY(-50%); 3498 -ms-transform: translateY(-50%); 3499 transform: translateY(-50%); 3500 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 3501 speak: never; 3502 font-display: swap; 3503 font-style: normal; 3504 font-weight: normal; 3505 font-variant: normal; 3506 text-transform: none; 3507 line-height: 1; 3508 -webkit-font-smoothing: antialiased; 3509 -moz-osx-font-smoothing: grayscale; 3510 content: "\e961"; 3511 left: -0.4rem; 3512 font-size: 6.7rem; 3513 } 3514 .mobile-menu nav > a.home { 3515 width: calc(100% - 8rem); 3516 margin: 0 auto; 3517 } 3518 .mobile-menu nav .no-usr-login { 3519 width: calc(100% - 8rem); 3520 margin: 0 auto; 3521 } 3522 .mobile-menu nav .no-usr-login a { 3523 display: inline-block; 3524 -webkit-transition: color 0.2s linear; 3525 transition: color 0.2s linear; 3526 } 3527 .mobile-menu nav .no-usr-login a:hover, 3528 .mobile-menu nav .no-usr-login a:active { 3529 color: #1bccce; 3530 } 3531 .mobile-menu nav .no-usr-login i { 3532 font-size: 1em; 3533 } 3534 .mobile-menu nav .usr-login { 3535 width: calc(100% - 8rem); 3536 margin: 0 auto; 3537 } 3538 .mobile-menu nav .usr-login a i { 3539 font-size: 1em; 3540 } 3541 .mobile-menu nav .usr-login a span { 3542 display: block; 3543 width: calc(100% - 10rem); 3544 overflow: hidden; 3545 text-overflow: ellipsis; 3546 white-space: nowrap; 3547 } 3548 .mobile-menu nav .usr-login a.has-subs:after { 3549 display: inline-block; 3550 position: absolute; 3551 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 3552 speak: never; 3553 font-display: swap; 3554 font-style: normal; 3555 font-weight: normal; 3556 font-variant: normal; 3557 text-transform: none; 3558 line-height: 1; 3559 -webkit-font-smoothing: antialiased; 3560 -moz-osx-font-smoothing: grayscale; 3561 content: "\e903"; 3562 -webkit-transform: rotate(0); 3563 -ms-transform: rotate(0); 3564 transform: rotate(0); 3565 -webkit-transition: transform 0.2s linear; 3566 transition: transform 0.2s linear; 3567 -webkit-transform-origin: 50% 50%; 3568 -ms-transform-origin: 50% 50%; 3569 transform-origin: 50% 50%; 3570 right: 1rem; 3571 top: 5.5rem; 3572 font-size: 1.4rem; 3573 } 3574 .mobile-menu nav .usr-login a.has-subs.active { 3575 border-color: transparent; 3576 } 3577 .mobile-menu nav .usr-login a.has-subs.active:after { 3578 -webkit-transform: rotate(-180deg); 3579 -ms-transform: rotate(-180deg); 3580 transform: rotate(-180deg); 3581 } 3582 .mobile-menu .sub-menu { 3583 width: 100%; 3584 display: none; 3585 box-sizing: border-box; 3586 border-bottom: solid 0.2rem #cee5f8; 3587 padding: 0 0 0 11.6rem; 3588 } 3589 .mobile-menu .sub-menu.no-border { 3590 border-bottom: none; 3591 } 3592 .mobile-menu .sub-menu a { 3593 font-family: 'medium', arial, helvestica, sans-serif; 3594 display: block; 3595 width: 100%; 3596 box-sizing: border-box; 3597 font-size: 2.8rem; 3598 line-height: 1em; 3599 margin: 1.8rem 0 5.2rem; 3600 } 3601 .mobile-menu .sub-menu.faydali { 3602 padding: 2.2rem 0 2.2rem 8rem; 3603 } 3604 .mobile-menu .sub-menu.faydali a { 3605 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 3606 box-sizing: border-box; 3607 position: relative; 3608 display: block; 3609 width: 100%; 3610 height: 10rem; 3611 overflow: hidden; 3612 border-radius: 1.2rem; 3613 margin: 0 0 2rem 0; 3614 } 3615 .mobile-menu .sub-menu.faydali a img { 3616 position: absolute; 3617 width: 100%; 3618 top: 0; 3619 left: 0; 3620 z-index: 1; 3621 } 3622 .mobile-menu .sub-menu.faydali a .text { 3623 position: absolute; 3624 top: 50%; 3625 -webkit-transform: translateY(-50%); 3626 -ms-transform: translateY(-50%); 3627 transform: translateY(-50%); 3628 display: inline-block; 3629 font-family: 'medium', arial, helvestica, sans-serif; 3630 font-size: 2.8rem; 3631 letter-spacing: -0.03em; 3632 color: #1e398f; 3633 z-index: 3; 3634 left: 15.3rem; 3635 } 3636 .mobile-menu .sub-menu.user { 3637 padding: 4.3rem 5rem 0 5rem; 3638 background-color: #c6e6fd; 3639 } 3640 .mobile-menu .sub-menu.user a { 3641 font-family: 'bold', arial, helvetica, sans-serif; 3642 position: relative; 3643 padding-left: 7.8rem; 3644 margin-bottom: 7.8rem; 3645 } 3646 .mobile-menu .sub-menu.user a i { 3647 position: absolute; 3648 top: 50%; 3649 -webkit-trans
3649form: translateY(-50%); 3650 -ms-transform: translateY(-50%); 3651 transform: translateY(-50%); 3652 left: 0; 3653 font-size: 1.6em; 3654 } 3655 .mobile-menu .sub-menu.user a i.icon-my-exit { 3656 left: 0.1em; 3657 } 3658 .mobile-menu .sub-menu.user a i.icon-a-callendar { 3659 left: -1.7rem; 3660 font-size: 2.8em; 3661 } 3662 .mobile-menu .bottom { 3663 display: block; 3664 width: 100%; 3665 position: relative; 3666 box-sizing: border-box; 3667 padding: 3.4rem 4rem 27rem; 3668 height: auto; 3669 background-color: #c6e6fd; 3670 margin-top: 13.5rem; 3671 } 3672 .mobile-menu .bottom a { 3673 display: block; 3674 position: relative; 3675 font-family: 'bold', arial, helvetica, sans-serif; 3676 box-sizing: border-box; 3677 font-size: 3.2rem; 3678 padding-left: 7.7rem; 3679 line-height: 1.4em; 3680 } 3681 .mobile-menu .bottom strong { 3682 letter-spacing: -0.03em; 3683 } 3684 .mobile-menu .bottom i { 3685 display: inline-block; 3686 position: absolute; 3687 font-size: 1.8em; 3688 margin-right: 0.7rem; 3689 left: 0; 3690 top: 0.2rem; 3691 } 3692 .mobile-menu .bottom span { 3693 font-family: 'book', arial, helvetica, sans-serif; 3694 font-size: 3.2rem; 3695 } 3696 .home-slider { 3697 width: 67rem; 3698 height: 96.7rem; 3699 margin: 0 auto 11.6rem; 3700 } 3701 .home-slider .slider-cont { 3702 width: 67rem; 3703 height: 96.7rem; 3704 border-radius: 0; 3705 background-color: transparent; 3706 } 3707 .home-slider .slider.royalSlider.rsMinW { 3708 position: relative; 3709 width: 67rem; 3710 height: 96.7rem; 3711 overflow: visible; 3712 } 3713 .home-slider .slider.royalSlider.rsMinW .rsOverflow { 3714 width: 67rem !important; 3715 height: 90rem !important; 3716 border-radius: 5.7rem; 3717 background-color: #1e398f; 3718 overflow: hidden; 3719 } 3720 .home-slider .slider.royalSlider.rsMinW .rsContent { 3721 width: 67rem; 3722 height: 90rem; 3723 } 3724 .home-slider .slider.royalSlider.rsMinW .rsNav { 3725 position: absolute; 3726 width: 100%; 3727 left: 0; 3728 right: auto; 3729 bottom: 0; 3730 height: 1.8rem; 3731 float: none; 3732 } 3733} 3734@media only screen and (max-width: 750px) { 3735 html { 3736 font-size: 1.33333333vw; 3737 } 3738} 3739.clear:after { 3740 content: ' '; 3741 display: block; 3742 clear: both; 3743 height: 0; 3744 overflow: hidden; 3745} 3746div.clear { 3747 display: block; 3748 clear: both; 3749 height: 0; 3750 overflow: hidden; 3751} 3752div.clear:after { 3753 display: none; 3754} 3755/*icon codes*/ 3756/* Magnific Popup CSS */ 3757.mfp-bg { 3758 top: 0; 3759 left: 0; 3760 width: 100%; 3761 height: 100%; 3762 z-index: 1042; 3763 overflow: hidden; 3764 position: fixed; 3765 background: #0b0b0b; 3766 opacity: 0.8; 3767} 3768.mfp-wrap { 3769 top: 0; 3770 left: 0; 3771 width: 100%; 3772 height: 100%; 3773 z-index: 1043; 3774 position: fixed; 3775 outline: none !important; 3776 -webkit-backface-visibility: hidden; 3777} 3778.mfp-container { 3779 text-align: center; 3780 position: absolute; 3781 width: 100%; 3782 height: 100%; 3783 left: 0; 3784 top: 0; 3785 padding: 0 8px; 3786 box-sizing: border-box; 3787} 3788.mfp-container:before { 3789 content: ''; 3790 display: inline-block; 3791 height: 100%; 3792 vertical-align: middle; 3793} 3794.mfp-align-top .mfp-container:before { 3795 display: none; 3796} 3797.mfp-content { 3798 position: relative; 3799 display: inline-block; 3800 vertical-align: middle; 3801 margin: 0 auto; 3802 text-align: left; 3803 z-index: 1045; 3804} 3805.mfp-inline-holder .mfp-content, 3806.mfp-ajax-holder .mfp-content { 3807 width: 100%; 3808 cursor: auto; 3809} 3810.mfp-ajax-cur { 3811 cursor: progress; 3812} 3813.mfp-zoom-out-cur, 3814.mfp-zoom-out-cur .mfp-image-holder .mfp-close { 3815 cursor: -moz-zoom-out; 3816 cursor: -webkit-zoom-out; 3817 cursor: zoom-out; 3818} 3819.mfp-zoom { 3820 cursor: pointer; 3821 cursor: -webkit-zoom-in; 3822 cursor: -moz-zoom-in; 3823 cursor: zoom-in; 3824} 3825.mfp-auto-cursor .mfp-content { 3826 cursor: auto; 3827} 3828.mfp-close, 3829.mfp-arrow, 3830.mfp-preloader, 3831.mfp-counter { 3832 -webkit-user-select: none; 3833 -moz-user-select: none; 3834 user-select: none; 3835} 3836.mfp-loading.mfp-figure { 3837 display: none; 3838} 3839.mfp-hide { 3840 display: none !important; 3841} 3842.mfp-preloader { 3843 color: #CCC; 3844 position: absolute; 3845 top: 50%; 3846 width: auto; 3847 text-align: center; 3848 margin-top: -0.8em; 3849 left: 8px; 3850 right: 8px; 3851 z-index: 1044; 3852} 3853.mfp-preloader a { 3854 color: #CCC; 3855} 3856.mfp-preloader a:hover { 3857 color: #FFF; 3858} 3859.mfp-s-ready .mfp-preloader { 3860 display: none; 3861} 3862.mfp-s-error .mfp-content { 3863 display: none; 3864} 3865button.mfp-close, 3866button.mfp-arrow { 3867 overflow: visible; 3868 cursor: pointer; 3869 background: transparent; 3870 border: 0; 3871 -webkit-appearance: none; 3872 display: block; 3873 outline: none; 3874 padding: 0; 3875 z-index: 1046; 3876 box-shadow: none; 3877 touch-action: manipulation; 3878} 3879button::-moz-focus-inner { 3880 padding: 0; 3881 border: 0; 3882} 3883.mfp-close { 3884 width: 44px; 3885 height: 44px; 3886 line-height: 44px; 3887 position: absolute; 3888 right: 0; 3889 top: 0; 3890 text-decoration: none; 3891 text-align: center; 3892 opacity: 0.65; 3893 padding: 0 0 18px 10px; 3894 color: #FFF; 3895 font-style: normal; 3896 font-size: 28px; 3897 font-family: Arial, Baskerville, monospace; 3898} 3899.mfp-close:hover, 3900.mfp-close:focus { 3901 opacity: 1; 3902} 3903.mfp-close:active { 3904 top: 1px; 3905} 3906.mfp-close-btn-in .mfp-close { 3907 color: #333; 3908} 3909.mfp-image-holder .mfp-close, 3910.mfp-iframe-holder .mfp-close { 3911 color: #FFF; 3912 right: -6px; 3913 text-align: right; 3914 padding-right: 6px; 3915 width: 100%; 3916} 3917.mfp-counter { 3918 position: absolute; 3919 top: 0; 3920 right: 0; 3921 color: #CCC; 3922 font-size: 12px; 3923 line-height: 18px; 3924 white-space: nowrap; 3925} 3926.mfp-arrow { 3927 position: absolute; 3928 opacity: 0.65; 3929 margin: 0; 3930 top: 50%; 3931 margin-top: -55px; 3932 padding: 0; 3933 width: 90px; 3934 height: 110px; 3935 -webkit-tap-highlight-color: transparent; 3936} 3937.mfp-arrow:active { 3938 margin-top: -54px; 3939}
3940.mfp-arrow:hover, 3941.mfp-arrow:focus { 3942 opacity: 1; 3943} 3944.mfp-arrow:before, 3945.mfp-arrow:after { 3946 content: ''; 3947 display: block; 3948 width: 0; 3949 height: 0; 3950 position: absolute; 3951 left: 0; 3952 top: 0; 3953 margin-top: 35px; 3954 margin-left: 35px; 3955 border: medium inset transparent; 3956} 3957.mfp-arrow:after { 3958 border-top-width: 13px; 3959 border-bottom-width: 13px; 3960 top: 8px; 3961} 3962.mfp-arrow:before { 3963 border-top-width: 21px; 3964 border-bottom-width: 21px; 3965 opacity: 0.7; 3966} 3967.mfp-arrow-left { 3968 left: 0; 3969} 3970.mfp-arrow-left:after { 3971 border-right: 17px solid #FFF; 3972 margin-left: 31px; 3973} 3974.mfp-arrow-left:before { 3975 margin-left: 25px; 3976 border-right: 27px solid #3F3F3F; 3977} 3978.mfp-arrow-right { 3979 right: 0; 3980} 3981.mfp-arrow-right:after { 3982 border-left: 17px solid #FFF; 3983 margin-left: 39px; 3984} 3985.mfp-arrow-right:before { 3986 border-left: 27px solid #3F3F3F; 3987} 3988.mfp-iframe-holder { 3989 padding-top: 40px; 3990 padding-bottom: 40px; 3991} 3992.mfp-iframe-holder .mfp-content { 3993 line-height: 0; 3994 width: 100%; 3995 max-width: 900px; 3996} 3997.mfp-iframe-holder .mfp-close { 3998 top: -40px; 3999} 4000.mfp-iframe-scaler { 4001 width: 100%; 4002 height: 0; 4003 overflow: hidden; 4004 padding-top: 56.25%; 4005} 4006.mfp-iframe-scaler iframe { 4007 position: absolute; 4008 display: block; 4009 top: 0; 4010 left: 0; 4011 width: 100%; 4012 height: 100%; 4013 box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); 4014 background: #000; 4015} 4016/* Main image in popup */ 4017img.mfp-img { 4018 width: auto; 4019 max-width: 100%; 4020 height: auto; 4021 display: block; 4022 line-height: 0; 4023 box-sizing: border-box; 4024 padding: 40px 0 40px; 4025 margin: 0 auto; 4026} 4027/* The shadow behind the image */ 4028.mfp-figure { 4029 line-height: 0; 4030} 4031.mfp-figure:after { 4032 content: ''; 4033 position: absolute; 4034 left: 0; 4035 top: 40px; 4036 bottom: 40px; 4037 display: block; 4038 right: 0; 4039 width: auto; 4040 height: auto; 4041 z-index: -1; 4042 box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); 4043 background: #444; 4044} 4045.mfp-figure small { 4046 color: #BDBDBD; 4047 display: block; 4048 font-size: 12px; 4049 line-height: 14px; 4050} 4051.mfp-figure figure { 4052 margin: 0; 4053} 4054.mfp-bottom-bar { 4055 margin-top: -36px; 4056 position: absolute; 4057 top: 100%; 4058 left: 0; 4059 width: 100%; 4060 cursor: auto; 4061} 4062.mfp-title { 4063 text-align: left; 4064 line-height: 18px; 4065 color: #F3F3F3; 4066 word-wrap: break-word; 4067 padding-right: 36px; 4068} 4069.mfp-image-holder .mfp-content { 4070 max-width: 100%; 4071} 4072.mfp-gallery .mfp-image-holder .mfp-figure { 4073 cursor: pointer; 4074} 4075@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { 4076 /** 4077 * Remove all paddings around the image on small screen 4078 */ 4079 .mfp-img-mobile .mfp-image-holder { 4080 padding-left: 0; 4081 padding-right: 0; 4082 } 4083 .mfp-img-mobile img.mfp-img { 4084 padding: 0; 4085 } 4086 .mfp-img-mobile .mfp-figure:after { 4087 top: 0; 4088 bottom: 0; 4089 } 4090 .mfp-img-mobile .mfp-figure small { 4091 display: inline; 4092 margin-left: 5px; 4093 } 4094 .mfp-img-mobile .mfp-bottom-bar { 4095 background: rgba(0, 0, 0, 0.6); 4096 bottom: 0; 4097 margin: 0; 4098 top: auto; 4099 padding: 3px 5px; 4100 position: fixed; 4101 box-sizing: border-box; 4102 } 4103 .mfp-img-mobile .mfp-bottom-bar:empty { 4104 padding: 0; 4105 } 4106 .mfp-img-mobile .mfp-counter { 4107 right: 5px; 4108 top: 3px; 4109 } 4110 .mfp-img-mobile .mfp-close { 4111 top: 0; 4112 right: 0; 4113 width: 35px; 4114 height: 35px; 4115 line-height: 35px; 4116 background: rgba(0, 0, 0, 0.6); 4117 position: fixed; 4118 text-align: center; 4119 padding: 0; 4120 } 4121} 4122@media all and (max-width: 900px) { 4123 .mfp-arrow { 4124 -webkit-transform: scale(0.75); 4125 transform: scale(0.75); 4126 } 4127 .mfp-arrow-left { 4128 -webkit-transform-origin: 0; 4129 transform-origin: 0; 4130 } 4131 .mfp-arrow-right { 4132 -webkit-transform-origin: 100%; 4133 transform-origin: 100%; 4134 } 4135 .mfp-container { 4136 padding-left: 6px; 4137 padding-right: 6px; 4138 } 4139} 4140/* overlay at start */ 4141.mfp-fade.mfp-bg { 4142 opacity: 0; 4143 -webkit-transition: all 0.15s ease-out; 4144 -moz-transition: all 0.15s ease-out; 4145 transition: all 0.15s ease-out; 4146} 4147/* overlay animate in */ 4148.mfp-fade.mfp-bg.mfp-ready { 4149 opacity: 0.8; 4150} 4151/* overlay animate out */ 4152.mfp-fade.mfp-bg.mfp-removing { 4153 opacity: 0; 4154} 4155/* content at start */ 4156.mfp-fade.mfp-wrap .mfp-content { 4157 opacity: 0; 4158 -webkit-transition: all 0.15s ease-out; 4159 -moz-transition: all 0.15s ease-out; 4160 transition: all 0.15s ease-out; 4161} 4162/* content animate it */ 4163.mfp-fade.mfp-wrap.mfp-ready .mfp-content { 4164 opacity: 1; 4165} 4166/* content animate out */ 4167.mfp-fade.mfp-wrap.mfp-removing .mfp-content { 4168 opacity: 0; 4169} 4170.datepicker-container { 4171 background-color: #fff; 4172 direction: ltr; 4173 font-size: 1.2rem; 4174 left: 0; 4175 line-height: 3rem; 4176 position: fixed; 4177 -webkit-tap-highlight-color: transparent; 4178 top: 0; 4179 -ms-touch-action: none; 4180 touch-action: none; 4181 -webkit-touch-callout: none; 4182 -webkit-user-select: none; 4183 -moz-user-select: none; 4184 -ms-user-select: none; 4185 user-select: none; 4186 width: 21rem; 4187 z-index: -1; 4188} 4189.datepicker-container::before, 4190.datepicker-container::after { 4191 border: 0.5rem solid transparent; 4192 content: " "; 4193 display: block; 4194 height: 0; 4195 position: absolute; 4196 width: 0; 4197} 4198.datepicker-dropdown { 4199 border: 1px solid #ccc; 4200 -webkit-box-shadow: 0 0.3rem 0.6rem #ccc; 4201 box-shadow: 0 0.3rem 0.6rem #ccc; 4202 -webkit-box-sizing: content-box; 4203 box-sizing: content-box; 4204 position: absolute; 4205 z-index: 1; 4206} 4207.datepicker-inline { 4208 position: static; 4209} 4210.datepicker-top-left, 4211.datepicker-top-right { 4212 border-top-color: #39f; 4213} 4214.datepicker-top-left::before, 4215.datepicker-top-left::after, 4216.datepicker-top-right::before, 4217.datepicker-top-right::after { 4218 border-top: 0; 4219 left: 1rem; 4220 top: -0.5rem; 4221} 4222.datepicker-top-left::before, 4223.datepicker-top-right::before { 4224 border-bottom-color: #39f; 4225} 4226.datepicker-top-left::after, 4227.datepicker-top-right::after { 4228 border-bottom-color: #fff; 4229 top: -0.4rem; 4230} 4231.datepicker-bottom-left, 4232.datepicker-bottom-right { 4233 border-bottom-color: #39f; 4234} 4235.datepicker-bottom-left::before, 4236.datepicker-bottom-left::after, 4237.datepicker-bottom-right::before, 4238.datepicker-bottom-right::after { 4239 border-bottom: 0; 4240 bottom: -0.5rem; 4241 left: 1rem; 4242} 4243.datepicker-bottom-left::before, 4244.datepicker-bottom-right::before { 4245 border-top-color: #39f; 4246} 4247.datepicker-bottom-left::after, 4248.datepicker-bottom-right::after { 4249 border-top-color: #fff; 4250 bottom: -0.4rem; 4251} 4252.datepicker-top-right::before, 4253.datepicker-top-right::after, 4254.datepicker-bottom-right::before, 4255.datepicker-bottom-right::after { 4256 left: auto; 4257 right: 1rem; 4258} 4259.datepicker-panel > ul { 4260 margin: 0; 4261 padding: 0; 4262 width: 102%; 4263 color: #1e398f; 4264} 4265.datepicker-panel > ul::before, 4266.datepicker-panel > ul::after {
4267 content: " "; 4268 display: table; 4269} 4270.datepicker-panel > ul::after { 4271 clear: both; 4272} 4273.datepicker-panel > ul > li { 4274 background-color: #fff; 4275 cursor: pointer; 4276 float: left; 4277 height: 3rem; 4278 list-style: none; 4279 margin: 0; 4280 padding: 0; 4281 text-align: center; 4282 width: 3rem; 4283} 4284.datepicker-panel > ul > li:hover { 4285 background-color: #e5f2ff; 4286} 4287.datepicker-panel > ul > li.muted, 4288.datepicker-panel > ul > li.muted:hover { 4289 color: #999; 4290} 4291.datepicker-panel > ul > li.highlighted { 4292 background-color: #e5f2ff; 4293} 4294.datepicker-panel > ul > li.highlighted:hover { 4295 background-color: #cce5ff; 4296} 4297.datepicker-panel > ul > li.picked, 4298.datepicker-panel > ul > li.picked:hover { 4299 color: #39f; 4300} 4301.datepicker-panel > ul > li.disabled, 4302.datepicker-panel > ul > li.disabled:hover { 4303 background-color: #fff; 4304 color: #ccc; 4305 cursor: default; 4306} 4307.datepicker-panel > ul > li.disabled.highlighted, 4308.datepicker-panel > ul > li.disabled:hover.highlighted { 4309 background-color: #e5f2ff; 4310} 4311.datepicker-panel > ul > li[data-view="years prev"], 4312.datepicker-panel > ul > li[data-view="year prev"], 4313.datepicker-panel > ul > li[data-view="month prev"], 4314.datepicker-panel > ul > li[data-view="years next"], 4315.datepicker-panel > ul > li[data-view="year next"], 4316.datepicker-panel > ul > li[data-view="month next"], 4317.datepicker-panel > ul > li[data-view="next"] { 4318 font-size: 1.8rem; 4319} 4320.datepicker-panel > ul > li[data-view="years current"], 4321.datepicker-panel > ul > li[data-view="year current"], 4322.datepicker-panel > ul > li[data-view="month current"] { 4323 width: 15rem; 4324} 4325.datepicker-panel > ul[data-view="years"] > li, 4326.datepicker-panel > ul[data-view="months"] > li { 4327 height: 5.25rem; 4328 line-height: 5.25rem; 4329 width: 5.25rem; 4330} 4331.datepicker-panel > ul[data-view="week"] > li, 4332.datepicker-panel > ul[data-view="week"] > li:hover { 4333 background-color: #fff; 4334 cursor: default; 4335} 4336.datepicker-hide { 4337 display: none; 4338} 4339body.hide-headers .mother-milk-bar, 4340body.hide-headers header, 4341body.hide-headers footer, 4342body.hide-headers .sticky-header { 4343 display: none; 4344} 4345.button.navy-blue.inverted { 4346 background-color: transparent; 4347 color: #1e398f; 4348} 4349.button.purple-2 { 4350 background-color: #6a4570; 4351 border-color: #6a4570; 4352} 4353.button.purple-2.inverted { 4354 background-color: transparent; 4355 color: #6a4570; 4356} 4357.badge.orange { 4358 background-color: #e7c054; 4359} 4360.badge.baby-blue { 4361 background-color: #6dbff3; 4362} 4363.product { 4364 display: block; 4365 position: relative; 4366 text-align: center; 4367} 4368.product img { 4369 display: inline-block; 4370 width: 80%; 4371 margin-bottom: 2.6rem; 4372} 4373.product .name { 4374 font-family: 'book', arial, helvetica, sans-serif; 4375 cursor: pointer; 4376 font-size: 1.6rem; 4377 letter-spacing: -0.05em; 4378 line-height: 1.375em; 4379 margin-bottom: 1rem; 4380 -webkit-transition: color 0.2s linear; 4381 transition: color 0.2s linear; 4382} 4383.product .name:hover, 4384.product .name:active { 4385 color: #22a3f2; 4386} 4387.product .d2c-add { 4388 position: relative; 4389 width: 100%; 4390} 4391.product .d2c-add .button { 4392 text-align: center; 4393 width: 100%; 4394 white-space: nowrap; 4395} 4396.product .p-info { 4397 text-align: center; 4398 font-family: 'medium', arial, helvestica, sans-serif; 4399 font-size: 1.4rem; 4400 color: #1e398f; 4401 opacity: 0.5; 4402 padding-top: 1.9rem; 4403} 4404.product .aligner { 4405 width: 100%; 4406 box-sizing: border-box; 4407 text-align: center; 4408 padding: 0 2.3rem; 4409} 4410.amount-form { 4411 min-width: 12rem; 4412 height: 3rem; 4413 background-color: #1e398f; 4414 border-radius: 1.5rem; 4415 color: #fff; 4416 letter-spacing: 0; 4417 white-space: nowrap; 4418} 4419.amount-form .minus, 4420.amount-form .plus { 4421 font-family: 'bold', arial, helvetica, sans-serif; 4422 display: inline-block; 4423 vertical-align: middle; 4424 text-align: center; 4425 font-size: 1.6rem; 4426 width: 3.6rem; 4427 height: 3rem; 4428 line-height: 3rem; 4429 letter-spacing: normal; 4430} 4431.amount-form .amount-indicator { 4432 display: inline-block; 4433 vertical-align: middle; 4434 font-size: 1.6rem; 4435 padding: 0 0.5rem; 4436 height: 3rem; 4437 line-height: 3rem; 4438 letter-spacing: normal; 4439} 4440.p-tag { 4441 width: 100%; 4442 position: relative; 4443 display: flex; 4444 justify-content: center; 4445 align-items: center; 4446 margin-bottom: 2rem; 4447 font-size: 1.1rem; 4448 color: #e96a01; 4449} 4450.p-tag i { 4451 font-size: 1.3em; 4452} 4453.p-tag span { 4454 font-family: 'medium', arial, helvestica, sans-serif; 4455 margin-left: 1rem; 4456} 4457.d2c-para, 4458.d2c-price { 4459 width: 100%; 4460 display: flex; 4461 justify-content: center; 4462 align-items: center; 4463} 4464.d2c-para .old, 4465.d2c-price .old { 4466 font-family: 'book', arial, helvetica, sans-serif; 4467 color: #1e398f; 4468 opacity: 0.5; 4469 line-height: 1.1em; 4470 text-decoration: line-through; 4471 font-size: 1.4rem; 4472 text-align: center; 4473 margin-right: 1rem; 4474} 4475.d2c-para .price, 4476.d2c-price .price { 4477 font-family: 'medium', arial, helvestica, sans-serif; 4478 color: #1e398f; 4479 text-align: center; 4480 line-height: 1em; 4481 font-size: 2.6rem; 4482} 4483.d2c-price { 4484 justify-content: flex-start; 4485} 4486.d2c-price .old { 4487 margin-right: 0; 4488 margin-left: 1.6rem; 4489} 4490.page-banner { 4491 position: relative; 4492 width: 136rem; 4493 margin: 3rem auto 11.9rem; 4494 border-radius: 2.6rem; 4495 height: 60rem; 4496 overflow: hidden; 4497 z-index: 2; 4498} 4499.page-banner.small { 4500 height: 30rem; 4501} 4502.page-banner.product-banner { 4503 height: 20rem; 4504} 4505.page-banner .banner { 4506 position: absolute; 4507 left: 50%; 4508 -webkit-transform: translateX(-50%); 4509 -ms-transform: translateX(-50%); 4510 transform: translateX(-50%); 4511 width: 100%; 4512 z-index: 1; 4513} 4514.page-banner .text { 4515 position: absolute; 4516 top: 50%; 4517 -webkit-transform: translateY(-50%); 4518 -ms-transform: translateY(-50%); 4519 transform: translateY(-50%); 4520 left: 11.4rem; 4521 z-index: 2; 4522} 4523.page-banner .text h1 { 4524 display: inline-block; 4525 font-family: 'bold', arial, helvetica, sans-serif; 4526 background-color: #e3f2f9; 4527 border-radius: 2.5rem; 4528 font-size: 3.2rem; 4529 line-height: 5rem; 4530 color: #1e398f; 4531 padding: 0 2.2rem; 4532} 4533.page-banner .banner-link { 4534 display: block; 4535 position: absolute; 4536 width: 100%; 4537 height: 100%; 4538 cursor: pointer; 4539 z-index: 9; 4540} 4541.page-banner .banner-link img { 4542 position: absolute; 4543 -webkit-transition: transform 0.2s linear; 4544 transition: transform 0.2s linear; 4545 -webkit-transform: translateX(-50%) translateY(-50%) scale(1); 4546 -ms-transform: translateX(-50%) translateY(-50%) scale(1); 4547 transform: translateX(-50%) translateY(-50%) scale(1); 4548 top: 50%; 4549 left: 50%; 4550 width: 6.3rem; 4551} 4552.page-banner .banner-link:hover img, 4553.page-banner .banner-link:active img { 4554 -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2); 4555 -ms-transform: translateX(-50%) translateY(-50%) scale(1.2); 4556 transform: translateX(-50%) translateY(-50%) scale(1.2); 4557} 4558.mobile-page-header { 4559 display: none; 4560} 4561.pagination { 4562 position: relative; 4563 text-align: center; 4564 width: 113rem; 4565 margin: 0 auto 9rem; 4566} 4567.pagination a { 4568 display: inline-block; 4569 vertical-align: middle; 4570 font-family: 'bold', arial, helvetica, sans-serif; 4571 box-sizing: border-box; 4572 font-size: 1.7rem; 4573 width: 3.3rem; 4574 height: 3.3rem; 4575 line-height: 3.3rem; 4576 text-align: center; 4577 border: solid 1px #fff; 4578 margin: 0 1rem; 4579 border-radius: 50%; 4580 -webkit-transition: color 0.2s linear; 4581 transition: color 0.2s linear; 4582} 4583.pagination a i { 4584 display: inline-block; 4585 vertical-align: middle; 4586 font-size: 1.2em; 4587} 4588.pagination a.active { 4589 border-color: #1e398f; 4590} 4591.pagination a.prev { 4592 width: auto; 4593} 4594.pagination a.next { 4595 width: auto; 4596} 4597.pagination a.next i { 4598 -webkit-transform: rotate(180deg); 4599 -ms-transform: rotate(180deg); 4600 transform: rotate(180deg); 4601} 4602.pagination a:hover, 4603.pagination a:active { 4604 color: #22a3f2; 4605} 4606.category-slider-cont { 4607 width: 113rem; 4608 margin: 0 auto 9.8rem; 4609} 4610.category-slider-cont .cap { 4611 font-family: 'medium', arial, helvestica, sans-serif; 4612 position: relative; 4613 font-size: 1.8rem; 4614 margin-bottom: 4.5rem; 4615 color: #1e398f; 4616} 4617.category-slider-cont .cap span { 4618 position: relative; 4619 display: block; 4620 box-sizing: border-box; 4621 padding-left: 3.5rem; 4622} 4623.category-slider-cont .cap i { 4624 position: absolute; 4625 top: 50%; 4626 -webkit-transform: translateY(-50%); 4627 -ms-transform: translateY(-50%); 4628 transform: translateY(-50%); 4629 left: 0; 4630 font-size: 1.6em; 4631}
4632.category-slider-cont .slider.royalSlider.rsMinW { 4633 position: relative; 4634 width: 28rem; 4635 height: 36rem; 4636} 4637.category-slider-cont .slider.royalSlider.rsMinW .rsContent { 4638 width: 28rem; 4639 height: 35rem; 4640 overflow: visible; 4641} 4642.category-slider-cont .slider.royalSlider.rsMinW .rsSlide { 4643 overflow: visible; 4644 width: 28rem; 4645 height: 35rem; 4646} 4647.category-slider-cont .slider.royalSlider.rsMinW .rsOverflow { 4648 position: absolute; 4649 top: 0; 4650 left: 0; 4651 overflow: visible; 4652 width: 100% !important; 4653 height: 100% !important; 4654 float: none; 4655} 4656.category-slider-cont .slider.royalSlider.rsMinW .rsArrow { 4657 position: absolute; 4658 display: inline-block; 4659 top: 14rem; 4660 z-index: 99; 4661} 4662.category-slider-cont .slider.royalSlider.rsMinW .rsArrow .rsArrowIcn { 4663 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 4664 speak: never; 4665 font-display: swap; 4666 font-style: normal; 4667 font-weight: normal; 4668 font-variant: normal; 4669 text-transform: none; 4670 line-height: 1; 4671 -webkit-font-smoothing: antialiased; 4672 -moz-osx-font-smoothing: grayscale; 4673 display: inline-block !important; 4674 background: transparent none; 4675 width: auto; 4676 height: auto; 4677 color: #1e398f; 4678 font-size: 5rem; 4679} 4680.category-slider-cont .slider.royalSlider.rsMinW .rsArrow.rsArrowDisabled .rsArrowIcn { 4681 opacity: 1 !important; 4682} 4683.category-slider-cont .slider.royalSlider.rsMinW .rsArrow.rsArrowLeft { 4684 left: -7rem; 4685} 4686.category-slider-cont .slider.royalSlider.rsMinW .rsArrow.rsArrowLeft .rsArrowIcn:before { 4687 content: "\e902"; 4688} 4689.category-slider-cont .slider.royalSlider.rsMinW .rsArrow.rsArrowRight { 4690 right: -85.4rem; 4691} 4692.category-slider-cont .slider.royalSlider.rsMinW .rsArrow.rsArrowRight .rsArrowIcn:before { 4693 content: "\e901"; 4694} 4695.category-slider-cont .box { 4696 display: block; 4697 position: relative; 4698 width: 26rem; 4699 height: 35rem; 4700} 4701.category-slider-cont .box:hover, 4702.category-slider-cont .box:active { 4703 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 4704} 4705.category-slider-cont .box:after { 4706 display: block; 4707 position: absolute; 4708 width: 100%; 4709 height: 100%; 4710 bottom: 0; 4711 left: 0; 4712 content: ""; 4713 background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 43%, rgba(255, 255, 255, 0) 44%, rgba(128, 128, 128, 0.02) 45%, rgba(157, 167, 172, 0.21) 62%, rgba(158, 169, 171, 0.49) 83%, rgba(158, 168, 172, 0.6) 100%);; 4714 z-index: 2; 4715} 4716.category-slider-cont .box > img { 4717 position: absolute; 4718 left: 50%; 4719 -webkit-transform: translateX(-50%); 4720 -ms-transform: translateX(-50%); 4721 transform: translateX(-50%); 4722 height: 100%; 4723 top: 0; 4724 z-index: 1; 4725} 4726.category-slider-cont .box .text { 4727 position: absolute; 4728 box-sizing: border-box; 4729 width: 100%; 4730 padding: 0 2.5rem; 4731 bottom: 1.9rem; 4732 left: 0; 4733 color: #fff; 4734 font-size: 3.2rem; 4735 z-index: 3; 4736} 4737.category-slider-cont .box .text i { 4738 display: block; 4739 font-size: 1.5em; 4740 margin-bottom: 1.4rem; 4741} 4742.category-slider-cont .box .text strong { 4743 font-family: 'medium', arial, helvestica, sans-serif; 4744 letter-spacing: -0.05em; 4745} 4746.expert-section { 4747 position: relative; 4748 width: 136rem; 4749 margin: 0 auto 8.3rem; 4750} 4751.expert-section .top { 4752 width: 100%; 4753 position: relative; 4754 min-height: 68.2rem; 4755 border-radius: 2.5rem; 4756 background-color: #d7eefe; 4757} 4758.expert-section .top .left { 4759 text-align: center; 4760 float: left; 4761 width: 58%; 4762 padding-top: 10.8rem; 4763} 4764.expert-section .top .left img { 4765 display: inline-block; 4766} 4767.expert-section .top .right { 4768 float: right; 4769 width: calc(42% - 2rem); 4770 padding-top: 11.2rem; 4771 box-sizing: border-box; 4772} 4773.expert-section .top .right h2 { 4774 font-family: 'medium', arial, helvestica, sans-serif; 4775 font-size: 3.2rem; 4776 color: #1e398f; 4777 letter-spacing: -0.05em; 4778 margin-bottom: 2.2rem; 4779} 4780.expert-section .top .right h2 i { 4781 display: block; 4782 font-size: 2.1em; 4783 margin-bottom: 1rem; 4784} 4785.expert-section .top .right p { 4786 font-family: 'book', arial, helvetica, sans-serif; 4787 font-size: 1.4rem; 4788 color: #1e398f; 4789 opacity: 0.7; 4790 margin-bottom: 2rem; 4791 width: 30.2rem; 4792 line-height: 1.4em; 4793} 4794.expert-section .top .right .button { 4795 margin-bottom: 3.5rem; 4796} 4797.expert-section .top .right .faded { 4798 font-family: 'bold', arial, helvetica, sans-serif; 4799 font-size: 1.2rem; 4800 color: #1e398f; 4801 margin-bottom: 3.2rem; 4802 opacity: 0.7; 4803} 4804.expert-section .top .right .phone { 4805 display: inline-block; 4806 font-family: 'medium', arial, helvestica, sans-serif; 4807 -webkit-transform: scale(1); 4808 -ms-transform: scale(1); 4809 transform: scale(1); 4810 -webkit-transform-origin: 50% 50%; 4811 -ms-transform-origin: 50% 50%; 4812 transform-origin: 50% 50%; 4813 -webkit-transition: transform 0.2s linear, color 0.2s linear; 4814 transition: transform 0.2s linear, color 0.2s linear; 4815} 4816.expert-section .top .right .phone span { 4817 display: inline-block; 4818 vertical-align: middle; 4819 color: #1e398f; 4820 font-size: 1.4rem; 4821 letter-spacing: -0.03em; 4822} 4823.expert-section .top .right .phone i { 4824 display: inline-block; 4825 vertical-align: middle; 4826 color: #1e398f; 4827 font-size: 1.3em; 4828} 4829.expert-section .top .right .phone strong { 4830 display: inline-block; 4831 vertical-align: middle; 4832 color: #e7c054; 4833} 4834.expert-section .top .right .phone:hover, 4835.expert-section .top .right .phone:active { 4836 color: #22a3f2; 4837 -webkit-transform: scale(1.03); 4838 -ms-transform: scale(1.03); 4839 transform: scale(1.03); 4840} 4841.expert-section .top .tab-links { 4842 width: 100%; 4843 position: absolute; 4844 bottom: 0; 4845 left: 0; 4846 text-align: center; 4847 white-space: nowrap; 4848} 4849.expert-section .top .tab-links .cap { 4850 display: block; 4851 position: relative; 4852 width: 100%; 4853 font-family: 'bold', arial, helvetica, sans-serif; 4854 text-transform: uppercase; 4855 font-size: 1.2rem; 4856 padding-bottom: 2rem; 4857 color: #1e398f; 4858 opacity: 0.7; 4859 margin-bottom: 4.5rem; 4860} 4861.expert-section .top .tab-links .cap:after { 4862 display: block; 4863 position: absolute; 4864 left: 50%; 4865 -webkit-transform: translateX(-50%); 4866 -ms-transform: translateX(-50%); 4867 transform: translateX(-50%); 4868 bottom: 0; 4869 content: ""; 4870 width: 15rem; 4871 height: 0.1rem; 4872 background-color: #1e398f; 4873} 4874.expert-section .top .tab-links a { 4875 display: inline-block; 4876 font-family: 'medium', arial, helvestica, sans-serif; 4877 position: relative; 4878 font-size: 1.6rem; 4879 letter-spacing: -0.03em; 4880 padding-bottom: 2.9rem; 4881 color: #1e398f; 4882 margin: 0 2.5rem; 4883 white-space: nowrap; 4884 -webkit-transition: color 0.2s linear; 4885 transition: color 0.2s linear; 4886} 4887.expert-section .top .tab-links a br { 4888 display: none; 4889} 4890.expert-section .top .tab-links a:after { 4891 position: absolute; 4892 display: block; 4893 width: 100%; 4894 height: 0.6rem; 4895 left: 0; 4896 bottom: 0; 4897 content: ""; 4898 opacity: 0; 4899 background-color: #1e398f; 4900 -webkit-transform-origin: 50% 50%; 4901 -ms-transform-origin: 50% 50%; 4902 transform-origin: 50% 50%; 4903 -webkit-transform: scaleX(0); 4904 -ms-transform: scaleX(0); 4905 transform: scaleX(0); 4906 -webkit-transition: color 0.1s linear, opacity 0.2s linear, transform 0.3s ease; 4907 transition: color 0.1s linear, opacity 0.2s linear, transform 0.3s ease; 4908} 4909.expert-section .top .tab-links a.active { 4910 color: #5fbeec; 4911} 4912.expert-section .top .tab-links a.active:after { 4913 background-color: #5fbeec; 4914 opacity: 1; 4915 -webkit-transform: scaleX(1); 4916 -ms-transform: scaleX(1); 4917 transform: scaleX(1); 4918} 4919.expert-section .top .tab-links a.active:hover {
4920 color: #000; 4921} 4922.expert-section .top .tab-links a:hover { 4923 color: #000; 4924} 4925.expert-section .bottom { 4926 position: relative; 4927 box-sizing: border-box; 4928 margin-top: 3.6rem; 4929 width: 46rem; 4930 padding-left: 10.3rem; 4931 height: 9rem; 4932} 4933.expert-section .expert-content { 4934 display: none; 4935 width: 100%; 4936 position: relative; 4937} 4938.expert-section .expert-content:first-child { 4939 display: block; 4940} 4941.expert-section .slider.royalSlider.rsMinW { 4942 width: 34.5rem; 4943 height: 9rem; 4944} 4945.expert-section .slider.royalSlider.rsMinW .rsContent { 4946 width: 34.5rem; 4947 height: 9rem; 4948 overflow: visible; 4949} 4950.expert-section .slider.royalSlider.rsMinW .rsSlide { 4951 overflow: visible; 4952 width: 34.5rem; 4953 height: 9rem; 4954} 4955.expert-section .slider.royalSlider.rsMinW .rsOverflow { 4956 position: absolute; 4957 top: 0; 4958 left: 0; 4959 overflow: visible; 4960 width: 100% !important; 4961 height: 100% !important; 4962 float: none; 4963} 4964.expert-section .slider.royalSlider.rsMinW .box { 4965 position: relative; 4966 display: block; 4967 background-color: #eff7fd; 4968 padding: 2.5rem 1.5rem 0 11.7rem; 4969 color: #1e398f; 4970 width: 32.5rem; 4971 height: 9rem; 4972 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 4973 box-sizing: border-box; 4974} 4975.expert-section .slider.royalSlider.rsMinW .box .img { 4976 position: absolute; 4977 top: 50%; 4978 -webkit-transform: translateY(-50%); 4979 -ms-transform: translateY(-50%); 4980 transform: translateY(-50%); 4981 left: 2.5rem; 4982 width: 7.2rem; 4983 height: 7.2rem; 4984 overflow: hidden; 4985 border-radius: 50%; 4986} 4987.expert-section .slider.royalSlider.rsMinW .box .img img { 4988 position: absolute; 4989 left: 50%; 4990 -webkit-transform: translateX(-50%); 4991 -ms-transform: translateX(-50%); 4992 transform: translateX(-50%); 4993 width: 100%; 4994 top: 0; 4995} 4996.expert-section .slider.royalSlider.rsMinW .box .cap { 4997 font-family: 'medium', arial, helvestica, sans-serif; 4998 font-size: 1.6rem; 4999 letter-spacing: -0.03em; 5000 margin-bottom: 1rem; 5001} 5002.expert-section .slider.royalSlider.rsMinW .box .title { 5003 font-family: 'book', arial, helvetica, sans-serif; 5004 font-size: 1.4rem; 5005 opacity: 0.5; 5006} 5007.info-section { 5008 width: 113rem; 5009 margin: 0 auto 12rem; 5010} 5011.info-section h2 { 5012 font-family: 'medium', arial, helvestica, sans-serif; 5013 width: 100%; 5014 font-size: 3.2rem; 5015 text-align: center; 5016 color: #1e398f; 5017 margin-bottom: 4.8rem; 5018} 5019.info-section h2 i { 5020 display: block; 5021 font-size: 1.6em; 5022 margin-bottom: 2.8rem; 5023} 5024.info-section h2 i:after { 5025 display: inline-block; 5026} 5027.info-section .boxes { 5028 width: 100%; 5029 text-align: center; 5030} 5031.info-section .box { 5032 position: relative; 5033 display: inline-block; 5034 width: 35rem; 5035 height: 21.2rem; 5036 overflow: hidden; 5037 margin-right: 3rem; 5038 text-align: left; 5039 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 5040} 5041.info-section .box:last-child { 5042 margin-right: 0; 5043} 5044.info-section .box img { 5045 position: absolute; 5046 width: 100%; 5047 top: 0; 5048 left: 0; 5049 z-index: 1; 5050} 5051.info-section .box i { 5052 position: absolute; 5053 color: #a8d1eb; 5054 z-index: 2; 5055} 5056.info-section .box .text { 5057 position: absolute; 5058 display: inline-block; 5059 font-family: 'medium', arial, helvestica, sans-serif; 5060 width: 12.1rem; 5061 left: 19.5rem; 5062 top: 6.2rem; 5063 font-size: 1.8rem; 5064 letter-spacing: -0.03em; 5065 line-height: 1.34em; 5066 color: #1e398f; 5067 z-index: 3; 5068} 5069.info-section .box .text .button { 5070 margin-top: 1rem; 5071} 5072.info-section .box.bebek i { 5073 top: 2rem; 5074 left: 11rem; 5075 font-size: 11.5rem; 5076} 5077.info-section .box.gebelik i { 5078 top: 5rem; 5079 left: 10.9rem; 5080 font-size: 10.2rem; 5081} 5082.info-section .box.persentil i { 5083 top: 6.3rem; 5084 left: 12.8rem; 5085 font-size: 10.1rem; 5086} 5087.info-section a.large-banner { 5088 position: relative; 5089 display: block; 5090 width: 113rem; 5091 margin: 3rem auto; 5092 color: #1e398f; 5093} 5094.info-section a.large-banner .img { 5095 position: relative; 5096 width: 100%; 5097 z-index: 1; 5098} 5099.info-section a.large-banner .text { 5100 position: absolute; 5101 z-index: 2; 5102 left: 54.5rem; 5103 top: 7.4rem; 5104 width: 55rem; 5105} 5106.info-section a.large-banner .text i { 5107 display: block; 5108 font-size: 7rem; 5109 margin-left: -1.3rem; 5110} 5111.info-section a.large-banner .text .cap { 5112 display: block; 5113 font-family: 'medium', arial, helvestica, sans-serif; 5114 font-size: 3.2rem; 5115 letter-spacing: -0.03em; 5116 line-height: 1.34em; 5117 margin-bottom: 2rem; 5118} 5119.product-section { 5120 position: relative; 5121 width: 136rem; 5122 height: 78rem; 5123 margin: 0 auto 10.2rem; 5124 border-radius: 2.6rem; 5125 background-color: #d7eefe; 5126} 5127.product-section h2 { 5128 font-family: 'medium', arial, helvestica, sans-serif; 5129 display: inline-block; 5130 position: absolute; 5131 top: 11.9rem; 5132 left: 11.6rem; 5133 font-size: 3.2rem; 5134 letter-spacing: -0.03em; 5135 z-index: 9; 5136 color: #1e398f; 5137 line-height: 2.6rem; 5138} 5139.product-section h2 .badge { 5140 font-size: 1.2rem; 5141 letter-spacing: normal; 5142 padding: 0.3rem; 5143} 5144.product-section .product-slider-cont { 5145 position: absolute; 5146 left: 50%; 5147 -webkit-transform: translateX(-50%); 5148 -ms-transform: translateX(-50%); 5149 transform: translateX(-50%); 5150 top: 20.5rem; 5151 width: 117rem; 5152 height: 52rem; 5153 overflow: hidden; 5154} 5155.product-section .product-slider.royalSlider.rsMinW { 5156 width: 23.2rem; 5157 height: 52rem; 5158} 5159.product-section .product-slider.royalSlider.rsMinW .rsContent { 5160 width: 100%; 5161 height: 52rem; 5162 overflow: visible; 5163} 5164.product-section .product-slider.royalSlider.rsMinW .rsContent .product { 5165 width: 23.2rem; 5166} 5167.product-section .product-slider.royalSlider.rsMinW .rsContent .product .name { 5168 min-height: 8.8rem; 5169} 5170.product-section .product-slider.royalSlider.rsMinW .rsContent .product .d2c-para { 5171 width: 100%; 5172 margin-bottom: 1rem; 5173} 5174.product-section .product-slider.royalSlider.rsMinW .rsSlide { 5175 overflow: visible; 5176} 5177.product-section .product-slider.royalSlider.rsMinW .rsOverflow { 5178 position: absolute; 5179 top: 0; 5180 left: 0; 5181 overflow: visible; 5182 width: 100% !important; 5183 height: 100% !important; 5184 float: none; 5185} 5186.product-section .arrow { 5187 position: absolute; 5188 display: inline-block; 5189 cursor: pointer; 5190 font-size: 5rem; 5191 color: #1e398f; 5192 top: 32rem; 5193 z-index: 9; 5194} 5195.product-section .arrow:after { 5196 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 5197 speak: never; 5198 font-display: swap; 5199 font-style: normal; 5200 font-weight: normal; 5201 font-variant: normal; 5202 text-transform: none; 5203 line-height: 1; 5204 -webkit-font-smoothing: antialiased; 5205 -moz-osx-font-smoothing: grayscale; 5206} 5207.product-section .arrow.next { 5208 right: 4.7rem; 5209} 5210.product-section .arrow.next:after {
5211 content: "\e901"; 5212} 5213.product-section .arrow.prev { 5214 left: 4.7rem; 5215} 5216.product-section .arrow.prev:after { 5217 content: "\e902"; 5218} 5219.similar-products { 5220 position: relative; 5221 width: 113rem; 5222 margin: 11.4rem auto 3rem; 5223} 5224.similar-products .cap { 5225 font-family: 'medium', arial, helvestica, sans-serif; 5226 width: 100%; 5227 text-align: center; 5228 font-size: 3.2rem; 5229 letter-spacing: -0.03em; 5230 color: #1e398f; 5231 margin-bottom: 10rem; 5232} 5233.similar-products .product-slider-cont { 5234 width: 113rem; 5235 height: 52rem; 5236 overflow: hidden; 5237} 5238.similar-products .product-slider.royalSlider.rsMinw { 5239 width: 23.2rem; 5240 height: 52rem; 5241} 5242.similar-products .product-slider.royalSlider.rsMinw .rsContent { 5243 width: 100%; 5244 height: 52rem; 5245 overflow: visible; 5246} 5247.similar-products .product-slider.royalSlider.rsMinw .rsContent .product { 5248 width: 23rem; 5249} 5250.similar-products .product-slider.royalSlider.rsMinw .rsContent .product img { 5251 width: 80%; 5252} 5253.similar-products .product-slider.royalSlider.rsMinw .rsContent .product .name { 5254 min-height: 8.8rem; 5255} 5256.similar-products .product-slider.royalSlider.rsMinw .rsContent .product .d2c-para { 5257 width: 100%; 5258 margin-bottom: 1rem; 5259} 5260.similar-products .product-slider.royalSlider.rsMinw .rsSlide { 5261 overflow: visible; 5262} 5263.similar-products .product-slider.royalSlider.rsMinw .rsOverflow { 5264 position: absolute; 5265 top: 0; 5266 left: 0; 5267 overflow: visible; 5268 width: 100% !important; 5269 height: 100% !important; 5270 float: none; 5271} 5272.similar-products .arrow { 5273 position: absolute; 5274 display: inline-block; 5275 cursor: pointer; 5276 font-size: 5rem; 5277 color: #1e398f; 5278 top: 25rem; 5279 z-index: 9; 5280} 5281.similar-products .arrow:after { 5282 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 5283 speak: never; 5284 font-display: swap; 5285 font-style: normal; 5286 font-weight: normal; 5287 font-variant: normal; 5288 text-transform: none; 5289 line-height: 1; 5290 -webkit-font-smoothing: antialiased; 5291 -moz-osx-font-smoothing: grayscale; 5292} 5293.similar-products .arrow.next { 5294 right: -6.3rem; 5295} 5296.similar-products .arrow.next:after { 5297 content: "\e901"; 5298} 5299.similar-products .arrow.prev { 5300 left: -6.3rem; 5301} 5302.similar-products .arrow.prev:after { 5303 content: "\e902"; 5304} 5305.recipe-section { 5306 position: relative; 5307 box-sizing: border-box; 5308 width: 117rem; 5309 margin: 0 auto 11.4rem; 5310 min-height: 50.5rem; 5311 padding: 13.6rem 7rem 0 71rem; 5312} 5313.recipe-section > img { 5314 position: absolute; 5315 top: 50%; 5316 -webkit-transform: translateY(-50%); 5317 -ms-transform: translateY(-50%); 5318 transform: translateY(-50%); 5319 left: 0; 5320 width: 65.5rem; 5321} 5322.recipe-section h2 { 5323 font-family: 'medium', arial, helvestica, sans-serif; 5324 font-size: 3.2rem; 5325 color: #1e398f; 5326 margin-bottom: 2.2rem; 5327} 5328.recipe-section h2 i { 5329 display: block; 5330 font-size: 1.3em; 5331 margin-bottom: 1rem; 5332} 5333.recipe-section h2 i:before { 5334 display: inline-block; 5335 margin-left: -1rem; 5336} 5337.recipe-section p { 5338 font-family: 'book', arial, helvetica, sans-serif; 5339 font-size: 1.4rem; 5340 line-height: 1.58em; 5341 margin-bottom: 2.3rem; 5342} 5343.section-featured-contents { 5344 width: 113rem; 5345 margin: 0 auto 12.1rem; 5346} 5347.section-featured-contents h2 { 5348 width: 100%; 5349 font-family: 'medium', arial, helvestica, sans-serif; 5350 text-align: center; 5351 font-size: 3.2rem; 5352 margin-bottom: 6rem; 5353} 5354.section-featured-contents h2 i { 5355 display: block; 5356 font-size: 1.5em; 5357 margin-bottom: 2.5rem; 5358} 5359.section-featured-contents .slider.royalSlider.rsMinw { 5360 width: 46rem; 5361 height: 37.5rem; 5362} 5363.section-featured-contents .slider.royalSlider.rsMinw .rsContent { 5364 width: 46rem; 5365 height: 37.5rem; 5366 overflow: visible; 5367} 5368.section-featured-contents .slider.royalSlider.rsMinw .rsSlide { 5369 overflow: visible; 5370} 5371.section-featured-contents .slider.royalSlider.rsMinw .rsOverflow { 5372 position: absolute; 5373 top: 0; 5374 left: 0; 5375 overflow: visible; 5376 width: 100% !important; 5377 height: 100% !important; 5378 float: none; 5379} 5380.section-featured-contents .slider.royalSlider.rsMinw .rsNav.rsBullets { 5381 display: none; 5382} 5383.section-featured-contents .slider.royalSlider.rsMinw .rsArrow { 5384 position: absolute; 5385 display: inline-block; 5386 top: 11rem; 5387 z-index: 99; 5388} 5389.section-featured-contents .slider.royalSlider.rsMinw .rsArrow .rsArrowIcn { 5390 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 5391 speak: never; 5392 font-display: swap; 5393 font-style: normal; 5394 font-weight: normal; 5395 font-variant: normal; 5396 text-transform: none; 5397 line-height: 1; 5398 -webkit-font-smoothing: antialiased; 5399 -moz-osx-font-smoothing: grayscale; 5400 display: inline-block !important; 5401 background: transparent none; 5402 width: auto; 5403 height: auto; 5404 color: #1e398f; 5405 font-size: 5rem; 5406} 5407.section-featured-contents .slider.royalSlider.rsMinw .rsArrow.rsArrowDisabled { 5408 opacity: 0.5; 5409} 5410.section-featured-contents .slider.royalSlider.rsMinw .rsArrow.rsArrowLeft { 5411 left: -7rem; 5412} 5413.section-featured-contents .slider.royalSlider.rsMinw .rsArrow.rsArrowLeft .rsArrowIcn:before { 5414 content: "\e902"; 5415} 5416.section-featured-contents .slider.royalSlider.rsMinw .rsArrow.rsArrowRight { 5417 right: -73.4rem; 5418} 5419.section-featured-contents .slider.royalSlider.rsMinw .rsArrow.rsArrowRight .rsArrowIcn:before { 5420 content: "\e901"; 5421} 5422.section-featured-contents .slider.royalSlider.rsMinw .content { 5423 display: block; 5424 position: relative; 5425 width: 44rem; 5426 height: 37.5rem; 5427} 5428.section-featured-contents .slider.royalSlider.rsMinw .content .badge-container { 5429 position: absolute; 5430 display: inline-block; 5431 right: 2rem; 5432 top: -0.7rem; 5433 text-align: right; 5434 white-space: nowrap; 5435 z-index: 3; 5436} 5437.section-featured-contents .slider.royalSlider.rsMinw .content .badge-container .badge { 5438 font-size: 0.9rem; 5439 padding: 0.3rem 0.5rem; 5440 margin-left: 0.5rem; 5441} 5442.section-featured-contents .slider.royalSlider.rsMinw .content .badge-container .badge:before { 5443 display: inline-block; 5444 vertical-align: middle; 5445 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 5446 speak: never; 5447 font-display: swap; 5448 font-style: normal; 5449 font-weight: normal; 5450 font-variant: normal; 5451 text-transform: none; 5452 line-height: 1; 5453 -webkit-font-smoothing: antialiased; 5454 -moz-osx-font-smoothing: grayscale; 5455 font-size: 0.9em; 5456 margin-right: 0.5rem; 5457} 5458.section-featured-contents .slider.royalSlider.rsMinw .content .badge-container .badge.yeni { 5459 background-color: #ffc31c; 5460} 5461.section-featured-contents .slider.royalSlider.rsMinw .content .badge-container .badge.yeni:before { 5462 content: "\e922"; 5463} 5464.section-featured-contents .slider.royalSlider.rsMinw .content .badge-container .badge.video { 5465 background-color: #8795c3; 5466} 5467.section-featured-contents .slider.royalSlider.rsMinw .content .badge-container .badge.video:before { 5468 content: "\e919"; 5469} 5470.section-featured-contents .slider.royalSlider.rsMinw .content .badge-container .badge.tarif { 5471 background-color: #96e6e7; 5472} 5473.section-featured-contents .slider.royalSlider.rsMinw .content .badge-container .badge.tarif:before { 5474 content: "\e938"; 5475} 5476.section-featured-contents .slider.royalSlider.rsMinw .content .box { 5477 position: relative; 5478 width: 100%; 5479 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 5480 height: 27rem; 5481 overflow: hidden; 5482 margin-bottom: 4rem; 5483} 5484.section-featured-contents .slider.royalSlider.rsMinw .content .box img { 5485 position: absolute; 5486 left: 50%; 5487 top: 50%; 5488 -webkit-transform: translateX(-50%) translateY(-50%); 5489 -ms-transform: translateX(-50%) translateY(-50%); 5490 transform: translateX(-50%) translateY(-50%); 5491 height: 100%; 5492 z-index: 1; 5493} 5494.section-featured-contents .slider.royalSlider.rsMinw .content .name { 5495 font-family: 'medium', arial, helvestica, sans-serif; 5496 width: 90%; 5497 margin: 0 auto; 5498 color: #1e398f; 5499 font-size: 1.6rem; 5500 letter-spacing: -0.03em; 5501 line-height: 1.375em; 5502 -webkit-transition: color 0.2s linear; 5503 transition: color 0.2s linear; 5504} 5505.section-featured-contents .slider.royalSlider.rsMinw .content:hover .name, 5506.section-featured-contents .slider.royalSlider.rsMinw .content:active .name { 5507 color: #22a3f2; 5508} 5509.product-category-section { 5510 position: relative; 5511 box-sizing: border-box; 5512 width: 136rem; 5513 margin: 0 auto 7.4rem; 5514 background-color: #d7eefe; 5515 border-radius: 2.6rem; 5516 padding: 6.4rem 11.5rem; 5517} 5518.product-category-section:after {
5519 content: ' '; 5520 display: block; 5521 clear: both; 5522 height: 0; 5523 overflow: hidden; 5524} 5525.product-category-section h2 { 5526 width: 100%; 5527 font-family: 'medium', arial, helvestica, sans-serif; 5528 font-size: 3.2rem; 5529 letter-spacing: -0.03em; 5530 text-align: center; 5531} 5532.product-category-section h2 a { 5533 display: inline-block; 5534 font-size: 1.8rem; 5535 line-height: 3.6rem; 5536 border-radius: 1.8rem; 5537 color: #8c52ba; 5538 background-color: #c8cff0; 5539 margin-top: 1rem; 5540 padding: 0 2.2rem; 5541 -webkit-transition: color 0.2s, background-color 0.2s; 5542 transition: color 0.2s, background-color 0.2s; 5543} 5544.product-category-section h2 a:hover, 5545.product-category-section h2 a:active { 5546 color: #fff; 5547 background-color: #8c52ba; 5548} 5549.product-category-section .side { 5550 width: 48%; 5551} 5552.product-category-section .side img { 5553 width: 91%; 5554} 5555.product-category-section .side .cap { 5556 display: block; 5557 font-family: 'bold', arial, helvetica, sans-serif; 5558 width: 100%; 5559 font-size: 1.8rem; 5560 letter-spacing: -0.03em; 5561 line-height: 1.34em; 5562 margin: 7.8rem 0 3.6rem; 5563} 5564.product-category-section .side .cap .badge { 5565 display: inline-block; 5566 font-family: 'bold', arial, helvetica, sans-serif; 5567 font-size: 1.2rem; 5568 padding: 0.3rem; 5569 letter-spacing: normal; 5570} 5571.product-category-section .side ul { 5572 width: 100%; 5573} 5574.product-category-section .side ul li { 5575 display: inline-block; 5576 width: 48%; 5577 margin-right: 1%; 5578 margin-bottom: 1.4rem; 5579} 5580.product-category-section .side ul li a { 5581 display: block; 5582 font-family: 'book', arial, helvetica, sans-serif; 5583 -webkit-transition: color 0.2s linear; 5584 transition: color 0.2s linear; 5585 font-size: 1.4rem; 5586 color: #1e398f; 5587} 5588.product-category-section .side ul li a:hover, 5589.product-category-section .side ul li a:active { 5590 color: #22a3f2; 5591} 5592.product-category-section .side.left { 5593 float: left; 5594} 5595.product-category-section .side.right { 5596 float: right; 5597} 5598.signup-section { 5599 position: relative; 5600 box-sizing: border-box; 5601 width: 113rem; 5602 margin: 0 auto; 5603 min-height: 38.3rem; 5604 padding: 8.5rem 64rem 0 0; 5605} 5606.signup-section > img { 5607 position: absolute; 5608 right: 0; 5609 top: 0; 5610 width: 57.7rem; 5611} 5612.signup-section h2 { 5613 font-family: 'medium', arial, helvestica, sans-serif; 5614 font-size: 3.2rem; 5615 letter-spacing: -0.03em; 5616 color: #1e398f; 5617 margin-bottom: 1rem; 5618} 5619.signup-section p { 5620 font-family: 'book', arial, helvetica, sans-serif; 5621 color: #1e398f; 5622 font-size: 1.4rem; 5623 line-height: 1.58em; 5624 margin-bottom: 1rem; 5625} 5626.app-bar { 5627 display: none; 5628} 5629.generic-thanks { 5630 text-align: center; 5631 position: relative; 5632 box-sizing: border-box; 5633 width: 136rem; 5634 margin: 0 auto 7.4rem; 5635} 5636.generic-thanks:after { 5637 content: ' '; 5638 display: block; 5639 clear: both; 5640 height: 0; 5641 overflow: hidden; 5642} 5643.generic-thanks .icon-check-rounded { 5644 font-size: 5rem; 5645} 5646.generic-thanks h2 { 5647 font-size: 2.6rem; 5648 margin: 3.2rem 0 3.2rem; 5649 line-height: 1.3em; 5650} 5651.generic-thanks .button { 5652 display: none; 5653} 5654.app-view .generic-thanks .button { 5655 display: inline-block; 5656} 5657.akademi-section { 5658 position: relative; 5659 z-index: 1; 5660 width: 136rem; 5661 margin: 0 auto 12rem; 5662} 5663.akademi-section .top { 5664 position: relative; 5665 width: 100%; 5666 box-sizing: border-box; 5667 border-radius: 3.2rem; 5668 background-color: #d7eefe; 5669 height: 47.6rem; 5670} 5671.akademi-section .top .img { 5672 position: absolute; 5673 width: 40rem; 5674 top: 4.7rem; 5675 left: 17rem; 5676} 5677.akademi-section .top .text { 5678 position: absolute; 5679 top: 9.6rem; 5680 right: 23.5rem; 5681 width: 33rem; 5682} 5683.akademi-section .top .text .akademi-logo { 5684 width: 16rem; 5685 margin: 0 0 2rem -3.4rem; 5686} 5687.akademi-section .top .text h2 { 5688 font-family: 'medium', arial, helvestica, sans-serif; 5689 font-size: 2.3rem; 5690 margin-bottom: 2rem; 5691} 5692.akademi-section .top .text p { 5693 font-family: 'book', arial, helvetica, sans-serif; 5694 font-size: 1.4rem; 5695 line-height: 1.57em; 5696 margin-bottom: 2rem; 5697} 5698.cast-card { 5699 position: relative; 5700 display: block; 5701 box-sizing: border-box; 5702 box-shadow: 0 3rem 3rem 0 rgba(141, 144, 163, 0.1); 5703 width: 35rem; 5704 height: 38rem; 5705 border-radius: 1.2rem; 5706 border: solid 1px #e6e6ed; 5707 background-color: #fff; 5708 overflow: hidden; 5709} 5710.cast-card .card { 5711 display: block; 5712 position: absolute; 5713 width: 100%; 5714 height: 100%; 5715 z-index: 1; 5716} 5717.cast-card .img { 5718 width: 100%; 5719 position: relative; 5720 height: 14rem; 5721 background-color: #d6edfb; 5722 overflow: hidden; 5723} 5724.cast-card .img img { 5725 position: relative; 5726 z-index: 1; 5727} 5728.cast-card .date { 5729 box-shadow: 0 3rem 3rem 0 rgba(141, 144, 163, 0.1); 5730 display: block; 5731 box-sizing: border-box; 5732 position: absolute; 5733 text-align: center; 5734 width: 6rem; 5735 padding: 0.9rem 0; 5736 background-color: #fff; 5737 border-radius: 0.6rem; 5738 color: #1e398f; 5739 top: 1.5rem; 5740 right: 1.7rem; 5741 z-index: 2; 5742} 5743.cast-card .date span { 5744 display: block; 5745 width: 100%; 5746} 5747.cast-card .date span.day { 5748 font-family: 'book', arial, helvetica, sans-serif; 5749 font-size: 2.5rem; 5750 margin-bottom: 0.5rem; 5751} 5752.cast-card .date span.month, 5753.cast-card .date span.weekday { 5754 font-family: 'book', arial, helvetica, sans-serif; 5755 font-size: 1rem; 5756 letter-spacing: -0.03em; 5757 margin-bottom: 0.2rem; 5758} 5759.cast-card .date span.weekday { 5760 margin-bottom: 0.5rem; 5761} 5762.cast-card .date span.time { 5763 font-family: 'bold', arial, helvetica, sans-serif; 5764 font-size: 1rem; 5765} 5766.cast-card .inner { 5767 width: 100%; 5768 box-sizing: border-box; 5769 position: relative; 5770 padding: 1.7rem; 5771} 5772.cast-card .tags { 5773 width: 100%; 5774 box-sizing: border-box; 5775 margin-bottom: 0.7rem; 5776 height: auto; 5777 overflow: hidden; 5778} 5779.cast-card .tags .tag { 5780 margin: 0 0.6rem 0.6rem 0; 5781} 5782.cast-card .cap { 5783 position: relative; 5784 width: 100%; 5785 box-sizing: border-box; 5786 padding-right: 10.5rem; 5787 margin-bottom: 1rem; 5788 height: auto; 5789 min-height: 3rem; 5790 overflow: hidden; 5791} 5792.cast-card .cap h2, 5793.cast-card .cap h3, 5794.cast-card .cap h4 { 5795 font-family: 'medium', arial, helvestica, sans-serif; 5796 font-size: 1.6rem; 5797 line-height: 1.375em; 5798}
5799.cast-card .cap h3 { 5800 display: -webkit-box; 5801 -webkit-box-orient: vertical; 5802 -webkit-line-clamp: 3; 5803 overflow: hidden; 5804} 5805.cast-card .vid-indicator { 5806 position: absolute; 5807 right: 0; 5808 top: 0; 5809} 5810.cast-card .vid-indicator i { 5811 font-size: 3.2rem; 5812} 5813.cast-card .vid-indicator span { 5814 display: inline-block; 5815 vertical-align: middle; 5816 font-family: 'medium', arial, helvestica, sans-serif; 5817 font-size: 0.8rem; 5818 color: #8c52ba; 5819} 5820.cast-card .vid-indicator img { 5821 display: inline-block; 5822 vertical-align: middle; 5823 width: 3.4rem; 5824 margin-left: 0.5rem; 5825} 5826.cast-card .edu-indicator { 5827 position: absolute; 5828 right: 0; 5829 top: 0; 5830} 5831.cast-card .edu-indicator i { 5832 font-size: 2.2rem; 5833} 5834.cast-card .edu-indicator span { 5835 display: inline-block; 5836 vertical-align: middle; 5837 font-family: 'medium', arial, helvestica, sans-serif; 5838 font-size: 0.8rem; 5839 color: #1e398f; 5840} 5841.cast-card .edu-indicator img { 5842 display: inline-block; 5843 vertical-align: middle; 5844 width: 3.4rem; 5845 margin-left: 0.5rem; 5846} 5847.cast-card .name { 5848 width: 100%; 5849 font-family: 'book', arial, helvetica, sans-serif; 5850 font-size: 1.4rem; 5851 color: #1c1e25; 5852 opacity: 0.5; 5853} 5854.cast-card .name .info { 5855 display: block; 5856 font-family: 'book', arial, helvetica, sans-serif; 5857 font-size: 1rem; 5858 margin-top: 1.5rem; 5859 color: #1e398f; 5860} 5861.cast-card .bottom { 5862 position: absolute; 5863 left: 50%; 5864 -webkit-transform: translateX(-50%); 5865 -ms-transform: translateX(-50%); 5866 transform: translateX(-50%); 5867 width: calc(100% - 3.4rem); 5868 bottom: 1.7rem; 5869 min-height: 3.6rem; 5870} 5871.cast-card .bottom .people { 5872 top: 50%; 5873 -webkit-transform: translateY(-50%); 5874 -ms-transform: translateY(-50%); 5875 transform: translateY(-50%); 5876 position: absolute; 5877 right: 0; 5878 white-space: nowrap; 5879} 5880.cast-card .bottom .people img { 5881 display: inline-block; 5882 vertical-align: middle; 5883 width: 6.7rem; 5884 margin-right: 0.5rem; 5885} 5886.cast-card .bottom .people span { 5887 display: inline-block; 5888 vertical-align: middle; 5889 font-family: 'book', arial, helvetica, sans-serif; 5890 font-size: 1rem; 5891 color: #1e398f; 5892} 5893.cast-card:hover { 5894 box-shadow: 0 3rem 3rem 0 rgba(141, 144, 163, 0.2); 5895} 5896.cast-card .button { 5897 position: absolute; 5898 text-align: center; 5899 min-width: 10rem; 5900 z-index: 2; 5901 bottom: 1.6rem; 5902 left: 1.6rem; 5903} 5904.cast-card .button.join-event { 5905 display: none; 5906} 5907.tag { 5908 display: inline-block; 5909 font-family: 'medium', arial, helvestica, sans-serif; 5910 text-transform: uppercase; 5911 font-size: 1.1rem; 5912 line-height: 1em; 5913 padding: 0.4rem; 5914 border-radius: 0.4rem; 5915 color: #fff; 5916 white-space: nowrap; 5917} 5918.tag.default { 5919 background-color: #83a0b3; 5920} 5921.tag.purple { 5922 background-color: #8c52ba; 5923} 5924.tag.blue { 5925 background-color: #1e398f; 5926} 5927.tag.yellow { 5928 background-color: #e7c054; 5929} 5930.tag.baby-blue { 5931 background-color: #6dbff3; 5932} 5933.akademi-slider { 5934 position: relative; 5935 width: 113rem; 5936 z-index: 2; 5937 margin: -16rem auto 12rem; 5938} 5939.akademi-slider .sec-cap { 5940 font-family: 'bold', arial, helvetica, sans-serif; 5941 position: relative; 5942 width: 100%; 5943 text-align: center; 5944 font-size: 1.2rem; 5945 color: #1e398f; 5946 margin-bottom: 7rem; 5947} 5948.akademi-slider .sec-cap:after { 5949 display: block; 5950 position: absolute; 5951 left: 50%; 5952 -webkit-transform: translateX(-50%); 5953 -ms-transform: translateX(-50%); 5954 transform: translateX(-50%); 5955 -webkit-transform: translateX(-50%) rotate(45deg); 5956 -ms-transform: translateX(-50%) rotate(45deg); 5957 transform: translateX(-50%) rotate(45deg); 5958 top: 2.6rem; 5959 content: ""; 5960 width: 2.2rem; 5961 height: 2.2rem; 5962 background-color: #d7eefe; 5963} 5964.akademi-slider .slider-cont { 5965 width: 100%; 5966 position: relative; 5967 overflow: hidden; 5968 height: 38rem; 5969} 5970.akademi-slider .slider-cont .item { 5971 width: 35rem; 5972 height: 38rem; 5973} 5974.akademi-slider .slider-cont .slider.royalSlider.rsMinW { 5975 position: relative; 5976 width: 38.8rem; 5977 height: 38rem; 5978} 5979.akademi-slider .slider-cont .slider.royalSlider.rsMinW .rsContent { 5980 width: 38.8rem; 5981 height: 38rem; 5982 overflow: visible; 5983} 5984.akademi-slider .slider-cont .slider.royalSlider.rsMinW .rsSlide { 5985 width: 38.8rem; 5986 height: 38rem; 5987 overflow: visible; 5988} 5989.akademi-slider .slider-cont .slider.royalSlider.rsMinW .rsOverflow { 5990 position: absolute; 5991 z-index: 1; 5992 top: 0; 5993 left: 0; 5994 overflow: visible; 5995 width: 100% !important; 5996 height: 100% !important; 5997 float: none; 5998} 5999.akademi-slider .slider-arrow { 6000 position: absolute; 6001 display: block; 6002 -webkit-transition: opacity 0.3s; 6003 transition: opacity 0.3s; 6004 cursor: pointer; 6005 width: 5.5rem; 6006 height: 5rem; 6007 font-size: 5rem; 6008 color: #1e398f; 6009 opacity: 0; 6010 z-index: 999; 6011 top: 24rem; 6012} 6013.akademi-slider .slider-arrow:before { 6014 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 6015 speak: never; 6016 font-display: swap; 6017 font-style: normal; 6018 font-weight: normal; 6019 font-variant: normal; 6020 text-transform: none; 6021 line-height: 1; 6022 -webkit-font-smoothing: antialiased; 6023 -moz-osx-font-smoothing: grayscale; 6024 display: inline-block; 6025 position: absolute; 6026 left: 50%; 6027 top: 50%; 6028 -webkit-transform: translateX(-50%) translateY(-50%); 6029 -ms-transform: translateX(-50%) translateY(-50%); 6030 transform: translateX(-50%) translateY(-50%); 6031} 6032.akademi-slider .slider-arrow.left { 6033 right: -7rem; 6034} 6035.akademi-slider .slider-arrow.left:before { 6036 content: "\e901"; 6037} 6038.akademi-slider .slider-arrow.right { 6039 left: -7rem; 6040} 6041.akademi-slider .slider-arrow.right:before { 6042 content: "\e902"; 6043} 6044.guide { 6045 width: 100%; 6046 display: flex; 6047 flex-wrap: wrap; 6048 justify-content: space-between; 6049} 6050.guide .task { 6051 position: relative; 6052 box-sizing: border-box; 6053 width: 31rem; 6054 padding-left: 12rem; 6055 margin-bottom: 6.4rem; 6056} 6057.guide .task img { 6058 position: absolute; 6059 width: 9.2rem; 6060 top: 0; 6061 left: 0; 6062} 6063.guide .task p { 6064 font-family: 'book', arial, helvetica, sans-serif; 6065 font-size: 1.4rem; 6066 line-height: 1.58em; 6067 color: #1e398f; 6068 opacity: 0.7; 6069} 6070.inpage-banner { 6071 width: 112.8rem; 6072 margin: 0 auto 8rem; 6073} 6074.inpage-banner a { 6075 display: block; 6076} 6077.inpage-banner.special { 6078 border-radius: 2.6rem; 6079 overflow: hidden; 6080} 6081.more-contents-section { 6082 position: relative; 6083 width: 136rem; 6084 margin: 0 auto 16.5rem; 6085} 6086.more-contents-section .top { 6087 position: relative; 6088 width: 100%; 6089 text-align: center; 6090 background-color: #d7eefe; 6091 border-radius: 2.6rem; 6092 padding: 7.9rem 0 9.6rem; 6093} 6094.more-contents-section .top h2 { 6095 font-family: 'medium', arial, helvestica, sans-serif; 6096 font-size: 3.2rem; 6097 letter-spacing: -0.03em; 6098 color: #1e398f; 6099 margin-bottom: 2.6rem; 6100} 6101.more-contents-section .top h2 i { 6102 width: 100%; 6103 display: block; 6104 text-align: center; 6105 margin-bottom: 2.6rem; 6106 font-size: 1.4em; 6107} 6108.more-contents-section .top h2 i:after { 6109 display: inline-block; 6110} 6111.more-contents-section .top p { 6112 font-family: 'book', arial, helvetica, sans-serif; 6113 font-size: 1.4rem; 6114 line-height: 1.58em; 6115 width: 49%; 6116 margin: 0 auto; 6117} 6118.more-contents-section .top .tab-links { 6119 width: 100%; 6120 position: absolute; 6121 bottom: 0; 6122 left: 0; 6123 text-align: center; 6124 white-space: nowrap; 6125} 6126.more-contents-section .top .tab-links a { 6127 display: inline-block; 6128 font-family: 'medium', arial, helvestica, sans-serif; 6129 position: relative; 6130 -webkit-transition: color 0.2s linear; 6131 transition: color 0.2s linear; 6132 font-size: 1.6rem; 6133 letter-spacing: -0.03em; 6134 padding-bottom: 2.9rem; 6135 color: #1e398f; 6136 margin: 0 2.5rem; 6137 white-space: nowrap; 6138 line-height: 1.34em; 6139} 6140.more-contents-section .top .tab-links a .only-mobile { 6141 display: none; 6142} 6143.more-contents-section .top .tab-links a:after { 6144 position: absolute; 6145 display: block; 6146 width: 100%; 6147 height: 0.6rem; 6148 left: 0; 6149 bottom: 0; 6150 content: ""; 6151 opacity: 0; 6152 background-color: #1e398f; 6153 -webkit-transform-origin: 50% 50%; 6154 -ms-transform-origin: 50% 50%; 6155 transform-origin: 50% 50%; 6156 -webkit-transform: scaleX(0); 6157 -ms-transform: scaleX(0); 6158 transform: scaleX(0); 6159 -webkit-transition: color 0.1s linear, opacity 0.2s linear, transform 0.3s ease; 6160 transition: color 0.1s linear, opacity 0.2s linear, transform 0.3s ease; 6161} 6162.more-contents-section .top .tab-links a.active { 6163 color: #5fbeec; 6164} 6165.more-contents-section .top .tab-links a.active:after { 6166 background-color: #5fbeec; 6167 opacity: 1; 6168 -webkit-transform: scaleX(1); 6169 -ms-transform: scaleX(1); 6170 transform: scaleX(1); 6171} 6172.more-contents-section .top .tab-links a:hover {
6173 color: #000; 6174} 6175.more-contents-section .bottom { 6176 position: relative; 6177 box-sizing: border-box; 6178 margin-top: 3.6rem; 6179 width: 46rem; 6180 padding-left: 10.3rem; 6181 height: 9rem; 6182} 6183.more-contents-section .more-content { 6184 display: none; 6185 width: 100%; 6186 position: relative; 6187} 6188.more-contents-section .more-content:first-child { 6189 display: block; 6190} 6191.more-contents-section .slider.royalSlider.rsMinW { 6192 width: 34.5rem; 6193 height: 9rem; 6194} 6195.more-contents-section .slider.royalSlider.rsMinW .rsContent { 6196 width: 34.5rem; 6197 height: 9rem; 6198 overflow: visible; 6199} 6200.more-contents-section .slider.royalSlider.rsMinW .rsSlide { 6201 width: 34.5rem; 6202 height: 9rem; 6203 overflow: visible; 6204} 6205.more-contents-section .slider.royalSlider.rsMinW .rsOverflow { 6206 position: absolute; 6207 top: 0; 6208 left: 0; 6209 overflow: visible; 6210 width: 100% !important; 6211 height: 100% !important; 6212 float: none; 6213} 6214.more-contents-section .slider.royalSlider.rsMinW .box { 6215 position: relative; 6216 display: block; 6217 background-color: #eff7fd; 6218 padding: 2.5rem 1.5rem 0 11.7rem; 6219 color: #1e398f; 6220 width: 32.5rem; 6221 height: 9rem; 6222 -webkit-transition: color 0.2s linear; 6223 transition: color 0.2s linear; 6224 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 6225 box-sizing: border-box; 6226} 6227.more-contents-section .slider.royalSlider.rsMinW .box .img { 6228 position: absolute; 6229 top: 50%; 6230 -webkit-transform: translateY(-50%); 6231 -ms-transform: translateY(-50%); 6232 transform: translateY(-50%); 6233 left: 2.5rem; 6234 width: 7.2rem; 6235 height: 7.2rem; 6236 overflow: hidden; 6237 border-radius: 50%; 6238} 6239.more-contents-section .slider.royalSlider.rsMinW .box .img img { 6240 position: absolute; 6241 left: 50%; 6242 top: 50%; 6243 -webkit-transform: translateX(-50%) translateY(-50%); 6244 -ms-transform: translateX(-50%) translateY(-50%); 6245 transform: translateX(-50%) translateY(-50%); 6246 width: 100%; 6247} 6248.more-contents-section .slider.royalSlider.rsMinW .box .cap { 6249 font-family: 'medium', arial, helvestica, sans-serif; 6250 font-size: 1.6rem; 6251 letter-spacing: -0.03em; 6252 margin-bottom: 1rem; 6253} 6254.more-contents-section .slider.royalSlider.rsMinW .box:hover, 6255.more-contents-section .slider.royalSlider.rsMinW .box:active { 6256 color: #22a3f2; 6257} 6258.more-contents-section.no-image .slider.royalSlider.rsMinW { 6259 width: 25.8rem; 6260} 6261.more-contents-section.no-image .slider.royalSlider.rsMinW .rsContent { 6262 width: 25.8rem; 6263} 6264.more-contents-section.no-image .slider.royalSlider.rsMinW .rsSlide { 6265 width: 25.8rem; 6266} 6267.more-contents-section.no-image .slider.royalSlider.rsMinW .box { 6268 padding: 2.5rem 2.5rem 0; 6269 width: 24.3rem; 6270} 6271.more-contents-section.no-image .slider.royalSlider.rsMinW .box .img { 6272 display: none; 6273} 6274.formatted-text { 6275 font-family: 'book', arial, helvetica, sans-serif; 6276 color: #6174b0; 6277 font-size: 1.4rem; 6278 line-height: 1.65em; 6279} 6280.formatted-text a { 6281 color: #6dbff3; 6282 text-decoration: underline; 6283 -webkit-transition: color 0.2s linear; 6284 transition: color 0.2s linear; 6285} 6286.formatted-text a:hover, 6287.formatted-text a:active { 6288 color: #22a3f2; 6289 text-decoration: none; 6290} 6291.formatted-text p { 6292 font-family: 'book', arial, helvetica, sans-serif; 6293 font-size: 1.4rem; 6294 line-height: 1.65em; 6295 margin-bottom: 3.3rem; 6296} 6297.formatted-text h1 { 6298 font-family: 'medium', arial, helvestica, sans-serif; 6299 font-size: 2.8rem; 6300 line-height: 1.35em; 6301 margin-bottom: 1.9rem; 6302 color: #1e398f; 6303} 6304.formatted-text h2 { 6305 font-family: 'medium', arial, helvestica, sans-serif; 6306 font-size: 2.2rem; 6307 line-height: 1.35em; 6308 margin-bottom: 1.9rem; 6309 color: #1e398f; 6310} 6311.formatted-text h3 { 6312 font-family: 'book', arial, helvetica, sans-serif; 6313 font-size: 1.8rem; 6314 line-height: 1.56em; 6315 margin-bottom: 1.9rem; 6316} 6317.formatted-text h4 { 6318 font-family: 'bold', arial, helvetica, sans-serif; 6319 font-size: 1.4rem; 6320 line-height: 1.65em; 6321 color: #6174b0; 6322 text-decoration: underline; 6323 margin-bottom: 1.9rem; 6324} 6325.formatted-text u { 6326 font-family: 'bold', arial, helvetica, sans-serif; 6327 text-decoration: underline; 6328} 6329.formatted-text b, 6330.formatted-text strong { 6331 font-family: 'bold', arial, helvetica, sans-serif; 6332} 6333.formatted-text ul { 6334 margin-bottom: 3.2rem; 6335 color: #6174b0; 6336} 6337.formatted-text ul li { 6338 font-family: 'book', arial, helvetica, sans-serif; 6339 position: relative; 6340 box-sizing: border-box; 6341 font-size: 1.4rem; 6342 line-height: 1.65em; 6343 padding-left: 2.1rem; 6344 color: #6174b0; 6345 margin-bottom: 1.9rem; 6346} 6347.formatted-text ul li:before { 6348 display: block; 6349 position: absolute; 6350 content: ""; 6351 top: 0.6rem; 6352 left: 0; 6353 width: 0.9rem; 6354 height: 0.9rem; 6355 border-radius: 50%; 6356 background-color: #9dc8e3; 6357} 6358.formatted-text ol { 6359 margin-bottom: 3.2rem; 6360 color: #6174b0; 6361} 6362.formatted-text ol li { 6363 font-family: 'book', arial, helvetica, sans-serif; 6364 position: relative; 6365 box-sizing: border-box; 6366 font-size: 1.4rem; 6367 line-height: 1.65em; 6368 padding-left: 2.1rem; 6369 color: #6174b0; 6370 margin-bottom: 1.9rem; 6371} 6372.formatted-text img { 6373 width: auto; 6374 max-width: 100%; 6375} 6376.formatted-text table.content-table { 6377 max-width: 100%; 6378 width: 100%; 6379 box-sizing: border-box; 6380 border-collapse: collapse; 6381 table-layout: fixed; 6382} 6383.formatted-text table.content-table tr td { 6384 box-sizing: border-box; 6385 padding: 1rem; 6386} 6387.formatted-text table.content-table tr td a { 6388 word-wrap: break-word; 6389} 6390.formatted-text .text-center { 6391 text-align: center; 6392} 6393.formatted-text .content-product-card { 6394 position: relative; 6395 box-sizing: border-box; 6396 margin-bottom: 4.7rem; 6397 width: 47.7rem; 6398 min-height: 19.8rem; 6399} 6400.formatted-text .content-product-card .card { 6401 -webkit-transition: transform 1s cubic-bezier(0, 0, 0.02, 1.05); 6402 transition: transform 1s cubic-bezier(0, 0, 0.02, 1.05); 6403 -webkit-transform: translateX(-190%); 6404 -ms-transform: translateX(-190%); 6405 transform: translateX(-190%); 6406 background-color: #d7eefe; 6407 width: 47.7rem; 6408 min-height: 19.8rem; 6409 border-top-right-radius: 1.2rem; 6410 border-bottom-right-radius: 1.2rem; 6411} 6412.formatted-text .content-product-card .card > a { 6413 display: block; 6414 position: relative; 6415 width: 100%; 6416 height: 100%; 6417 box-sizing: border-box; 6418 z-index: 2; 6419 top: 0; 6420 left: 0; 6421 padding: 4.3rem 3.6rem 4.2rem 11.6rem; 6422} 6423.formatted-text .content-product-card .card:before { 6424 display: block; 6425 position: absolute; 6426 z-index: 1; 6427 content: ""; 6428 height: 100%; 6429 width: 1000%; 6430 top: 0; 6431 right: 10rem; 6432 background-color: #d7eefe; 6433} 6434.formatted-text .content-product-card .card img { 6435 position: absolute; 6436 z-index: 2; 6437 width: 9rem; 6438 left: 0; 6439 top: 3.9rem; 6440} 6441.formatted-text .content-product-card .card .text { 6442 position: relative; 6443 z-index: 3; 6444 color: #1e398f; 6445} 6446.formatted-text .content-product-card .card .text strong.name { 6447 display: block; 6448 font-family: 'medium', arial, helvestica, sans-serif; 6449 font-size: 1.6rem; 6450 line-height: 1.375em; 6451 margin-bottom: 0.5rem; 6452} 6453.formatted-text .content-product-card .card .text p { 6454 margin-bottom: 2.3rem; 6455 font-size: 1.2rem; 6456 line-height: 1.75em; 6457} 6458.formatted-text .content-product-card .card .text .detail { 6459 position: relative; 6460 display: inline-block; 6461 font-family: 'medium', arial, helvestica, sans-serif; 6462 font-size: 1.4rem; 6463 padding-left: 2.5rem; 6464} 6465.formatted-text .content-product-card .card .text .detail i { 6466 font-size: 1.3em; 6467 left: 0; 6468 position: absolute; 6469 top: 50%; 6470 -webkit-transform: translateY(-50%); 6471 -ms-transform: translateY(-50%); 6472 transform: translateY(-50%); 6473} 6474.formatted-text .content-product-card.animate .card { 6475 -webkit-transform: translateY(0); 6476 -ms-transform: translateY(0); 6477 transform: translateY(0); 6478} 6479.formatted-text.margin-bottom-large { 6480 margin-bottom: 9rem; 6481} 6482.content-academi-sticky { 6483 display: none; 6484 width: 100%; 6485 overflow: hidden; 6486 position: fixed; 6487 height: 16.9rem; 6488 bottom: 0; 6489 left: 0; 6490 z-index: 999; 6491} 6492.content-academi-sticky a { 6493 display: block; 6494 width: 100%; 6495 -webkit-transform: translateX(0) translateY(101%); 6496 -ms-transform: translateX(0) translateY(101%); 6497 transform: translateX(0) translateY(101%); 6498 -webkit-transition: transform .3s linear; 6499 transition: transform .3s linear; 6500 height: 16.9rem; 6501} 6502.content-academi-sticky img { 6503 width: 100%; 6504} 6505.content-academi-sticky.active a { 6506 -webkit-transform: translateX(0) translateY(0); 6507 -ms-transform: translateX(0) translateY(0); 6508 transform: translateX(0) translateY(0); 6509} 6510.new-content-banner { 6511 width: 115.8rem; 6512 margin: 8rem auto 0; 6513 overflow: hidden; 6514 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 6515} 6516.new-content-banner a { 6517 width: 100%; 6518 display: block; 6519} 6520.new-content-banner a img { 6521 width: 100%; 6522} 6523.content-text { 6524 width: 113rem; 6525 margin: 0 auto 9rem; 6526 max-width: calc(100% - 8rem); 6527} 6528.aptamil-content-banner { 6529 width: 100%; 6530 text-align: center; 6531 margin: 0 auto 6.6rem; 6532} 6533.aptamil-content-banner img { 6534 display: inline-block; 6535} 6536.mfp-close-btn-in .mfp-close { 6537 color: #1e398f; 6538} 6539.mfp-close { 6540 width: 4.4rem; 6541 height: 4.4rem; 6542 line-height: 4.4rem; 6543 font-size: 3.8rem; 6544} 6545.modal { 6546 box-sizing: border-box; 6547 position: relative; 6548 margin: 5rem auto; 6549 border-radius: 2.6rem; 6550} 6551.modal .button { 6552 white-space: nowrap; 6553} 6554.modal .mfp-close { 6555 right: 2rem; 6556 top: 2rem; 6557 background-color: #9dc8e3; 6558 color: #fff; 6559 border-radius: 50%; 6560} 6561.modal.info { 6562 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 6563 width: 63%; 6564 padding: 7rem 9.9rem; 6565 background-color: #fff; 6566 border-radius: 2.6rem; 6567} 6568.modal.info .mfp-close { 6569 right: 2rem; 6570 top: 2rem; 6571} 6572.modal.info .cap { 6573 display: block; 6574 font-family: 'bold', arial, helvetica, sans-serif; 6575 text-align: center; 6576 color: #1e398f; 6577 font-size: 3rem; 6578 line-height: 1.35em; 6579 margin-bottom: 3rem; 6580} 6581.modal.form { 6582 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 6583 width: 40%; 6584 padding: 7rem 9.9rem; 6585 background-color: #fff; 6586 border-radius: 2.6rem; 6587} 6588.modal.form .mfp-close { 6589 right: 2rem; 6590 top: 2rem; 6591} 6592.modal.form .buttons { 6593 text-align: center; 6594} 6595.modal.form .buttons .button { 6596 vertical-align: middle; 6597 margin: 0 1rem; 6598} 6599.modal.youtube { 6600 position: relative; 6601 width: 74.3%; 6602 margin: 2rem auto 0; 6603 padding-bottom: 41.8%; 6604} 6605.modal.youtube iframe { 6606 position: absolute; 6607 width: 100%; 6608 height: 100%; 6609} 6610.modal.youtube .mfp-close { 6611 color: #fff; 6612 top: -5rem; 6613} 6614.modal.speacial { 6615 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 6616 width: 63%; 6617 padding: 7rem 9.9rem; 6618 background-color: #fff; 6619 border-radius: 2.6rem; 6620 height: calc(100vh - 13rem); 6621} 6622.modal.speacial .mfp-close { 6623 display: none; 6624} 6625.modal.speacial .cap { 6626 display: block; 6627 font-family: 'bold', arial, helvetica, sans-serif; 6628 text-align: center; 6629 color: #1e398f; 6630 font-size: 2rem; 6631 line-height: 1.35em; 6632} 6633.modal.speacial .overflow { 6634 height: calc(100vh - 44rem);
6635 overflow-y: scroll; 6636 -webkit-overflow-scrolling: touch; 6637 padding-right: 2rem; 6638} 6639.modal.speacial .header { 6640 width: 100%; 6641 height: 8rem; 6642} 6643.modal.speacial .footer { 6644 width: 100%; 6645 padding: 3rem 0; 6646 display: flex; 6647 justify-content: space-between; 6648} 6649.modal.speacial #explicit-button-close, 6650.modal.speacial #explicit-error-holder, 6651.modal.speacial .button br.mobile { 6652 display: none; 6653} 6654.modal.speacial #explicit-error-holder p, 6655.modal.speacial #explicit-error-holder h3 { 6656 color: #ff4040; 6657} 6658.modal.confirm { 6659 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 6660 width: 40%; 6661 padding: 7rem 9.9rem; 6662 background-color: #fff; 6663 border-radius: 2.6rem; 6664} 6665.modal.confirm .modal-header { 6666 text-align: center; 6667 font-size: 2.4rem; 6668} 6669.modal.confirm .modal-header i { 6670 display: block; 6671 text-align: center; 6672 font-size: 2.6em; 6673 margin-bottom: 2.6rem; 6674} 6675.modal.confirm .modal-header i.icon-close { 6676 font-size: 1.8em; 6677} 6678.modal.confirm .modal-header .cap { 6679 width: 100%; 6680 text-align: center; 6681 font-family: 'bold', arial, helvetica, sans-serif; 6682 color: #1e398f; 6683 line-height: 1.4em; 6684 margin-bottom: 3.7rem; 6685} 6686.modal.confirm .modal-image { 6687 text-align: center; 6688 margin-bottom: 2.6rem; 6689} 6690.modal.confirm .modal-image img { 6691 display: inline-block; 6692 max-width: 100%; 6693} 6694.modal.confirm .modal-body { 6695 text-align: center; 6696 font-family: 'book', arial, helvetica, sans-serif; 6697 font-size: 1.8rem; 6698 margin-bottom: 2.6rem; 6699 line-height: 1.4em; 6700 color: #1e398f; 6701} 6702.modal.confirm .modal-body a { 6703 -webkit-transition: color 0.2s linear; 6704 transition: color 0.2s linear; 6705 display: inline; 6706 text-decoration: underline; 6707 color: #6dbff3; 6708} 6709.modal.confirm .modal-body u { 6710 text-decoration: underline; 6711} 6712.modal.confirm .modal-body b, 6713.modal.confirm .modal-body strong { 6714 font-family: 'medium', arial, helvestica, sans-serif; 6715} 6716.modal.confirm .modal-buttons { 6717 display: flex; 6718 justify-content: center; 6719} 6720.modal.confirm .modal-buttons .button { 6721 margin: 0 1rem; 6722} 6723.modal.confirm.added-to-basket .modal-image img { 6724 max-height: 23rem; 6725} 6726.modal.return-form { 6727 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 6728 width: 69rem; 6729 padding: 3.4rem; 6730 background-color: #fff; 6731 border-radius: 2.6rem; 6732} 6733.modal.return-form .mfp-close { 6734 right: 2rem; 6735 top: 2rem; 6736} 6737.modal.return-form .cap { 6738 font-family: 'bold', arial, helvetica, sans-serif; 6739 width: 100%; 6740 font-size: 3rem; 6741 margin-bottom: 5rem; 6742} 6743.modal.return-form .form .return-product { 6744 width: 100%; 6745 display: flex; 6746 justify-content: flex-start; 6747 flex-wrap: nowrap; 6748 margin-bottom: 4rem; 6749} 6750.modal.return-form .form .return-product .check { 6751 width: 2.4rem; 6752 margin-right: 1rem; 6753} 6754.modal.return-form .form .return-product .img { 6755 position: relative; 6756 width: 10rem; 6757 margin-right: 1rem; 6758} 6759.modal.return-form .form .return-product .img img { 6760 width: 100%; 6761 top: -2rem; 6762} 6763.modal.return-form .form .return-product .text { 6764 width: 18.2rem; 6765 margin-right: 1.6rem; 6766} 6767.modal.return-form .form .return-product .text .name { 6768 font-family: 'book', arial, helvetica, sans-serif; 6769 font-size: 1.4rem; 6770 line-height: 1.5em; 6771} 6772.modal.return-form .form .return-product .text .price { 6773 font-family: 'bold', arial, helvetica, sans-serif; 6774 font-size: 1.4rem; 6775} 6776.modal.return-form .form .return-product .text .price .old { 6777 display: block; 6778 text-decoration: line-through; 6779 font-size: 0.8em; 6780} 6781.modal.return-form .form .return-product .selects { 6782 width: 27rem; 6783} 6784.modal.return-form .form .return-product .selects .form-item.select { 6785 margin-bottom: 1.4rem; 6786} 6787.modal.return-form .form .return-product .selects .form-item.select.short { 6788 width: 50%; 6789} 6790.modal.return-form .buttons { 6791 padding-top: 3.3rem; 6792 text-align: right; 6793 border-top: solid 1px #e6e6ed; 6794 margin-right: 2rem; 6795} 6796.modal.return-form .buttons:last-child { 6797 margin-right: 0; 6798} 6799.modal.order-adress-form { 6800 width: 60rem; 6801 background-color: #fff; 6802 padding: 7rem 4rem; 6803} 6804.modal.order-adress-form .cap { 6805 font-family: 'medium', arial, helvestica, sans-serif; 6806 font-size: 2.4rem; 6807 margin-bottom: 2.5rem; 6808} 6809.modal.order-adress-form .cap i { 6810 display: block; 6811 font-size: 2em; 6812 margin-bottom: 1rem; 6813} 6814.modal.order-adress-form .mini-cap { 6815 display: inline-block; 6816 vertical-align: middle; 6817 font-family: 'medium', arial, helvestica, sans-serif; 6818 font-size: 1.4rem; 6819 margin-right: 3rem; 6820 opacity: 0.7; 6821} 6822.modal.order-adress-form .adress-form-tabs { 6823 padding-top: 2rem; 6824} 6825.modal.product-filter-modal { 6826 width: 45rem; 6827 background-color: #fff; 6828 border-radius: 2.6rem; 6829 padding: 3rem 2.8rem 3.8rem; 6830} 6831.modal.product-filter-modal .mfp-close { 6832 right: 2rem; 6833 top: 2rem; 6834 background-color: #9dc8e3; 6835 color: #fff; 6836 border-radius: 50%; 6837} 6838.modal.product-filter-modal .cap { 6839 width: 100%; 6840 box-sizing: border-box; 6841 font-family: 'bold', arial, helvetica, sans-serif; 6842 font-size: 3rem; 6843 margin-bottom: 4rem; 6844} 6845.modal.product-filter-modal .small-cap { 6846 width: 100%; 6847 position: relative; 6848 box-sizing: border-box; 6849 font-family: 'bold', arial, helvetica, sans-serif; 6850 font-size: 1.6rem; 6851 padding: 2rem 0; 6852 border-top: solid 1px #d2d7e9; 6853} 6854.modal.product-filter-modal .form-content { 6855 width: 100%; 6856 position: relative; 6857 box-sizing: border-box; 6858} 6859.modal.product-filter-modal .modal-accord { 6860 width: 100%; 6861 position: relative; 6862} 6863.modal.product-filter-modal .modal-accord .small-cap { 6864 cursor: pointer; 6865} 6866.modal.product-filter-modal .modal-accord .small-cap:after { 6867 position: absolute; 6868 display: inline-block; 6869 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 6870 speak: never; 6871 font-display: swap; 6872 font-style: normal; 6873 font-weight: normal; 6874 font-variant: normal; 6875 text-transform: none; 6876 line-height: 1; 6877 -webkit-font-smoothing: antialiased; 6878 -moz-osx-font-smoothing: grayscale; 6879 content: "\e903"; 6880 -webkit-transform: rotate(0); 6881 -ms-transform: rotate(0); 6882 transform: rotate(0); 6883 -webkit-transition: transform 0.2s linear; 6884 transition: transform 0.2s linear; 6885 font-size: 0.8rem; 6886 right: 0; 6887 top: 2.4rem; 6888} 6889.modal.product-filter-modal .modal-accord .small-cap.active:after { 6890 -webkit-transform: rotate(-180deg); 6891 -ms-transform: rotate(-180deg); 6892 transform: rotate(-180deg); 6893} 6894.modal.product-filter-modal .modal-accord .form-content { 6895 display: none; 6896} 6897.modal.product-filter-modal .buttons { 6898 width: 100%; 6899 box-sizing: border-box; 6900 display: flex; 6901 justify-content: space-between; 6902 align-items: center; 6903 margin-top: 2.5rem; 6904} 6905.modal.product-filter-modal .buttons .button { 6906 text-align: center; 6907 box-shadow: 0 1rem 4.6rem 0 rgba(0, 0, 0, 0.1); 6908} 6909.modal.product-filter-modal .buttons a.text-link { 6910 font-family: 'bold', arial, helvetica, sans-serif; 6911 font-size: 1.5rem; 6912} 6913.modal.sort .buttons .button { 6914 width: 100%; 6915} 6916.embed-container { 6917 position: relative; 6918 padding-bottom: 56.25%; 6919 height: 0; 6920 overflow: hidden; 6921 max-width: 100%; 6922} 6923.embed-container iframe, 6924.embed-container object, 6925.embed-container embed { 6926 position: absolute; 6927 top: 0; 6928 left: 0; 6929 width: 100%; 6930 height: 100%; 6931} 6932.page.category.list .page-banner { 6933 margin-bottom: 0; 6934} 6935.page.category.list .category-bar { 6936 height: 5rem; 6937 margin: -2.5rem auto 4.5rem; 6938} 6939.page.category.list .category-bar .scroll-to { 6940 display: inline-block; 6941 vertical-align: middle; 6942 font-family: 'bold', arial, helvetica, sans-serif; 6943 position: relative; 6944 font-size: 1.4rem; 6945 padding-right: 1.8rem; 6946 margin-right: 4.2rem; 6947 color: #1e398f; 6948 -webkit-transition: color 0.2s linear; 6949 transition: color 0.2s linear; 6950} 6951.page.category.list .category-bar .scroll-to:after { 6952 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 6953 speak: never; 6954 font-display: swap; 6955 font-style: normal; 6956 font-weight: normal; 6957 font-variant: normal; 6958 text-transform: none; 6959 line-height: 1; 6960 -webkit-font-smoothing: antialiased; 6961 -moz-osx-font-smoothing: grayscale; 6962 position: absolute; 6963 top: 50%; 6964 -webkit-transform: translateY(-50%); 6965 -ms-transform: translateY(-50%); 6966 transform: translateY(-50%); 6967 content: "\e93f"; 6968 right: 0; 6969 font-size: 1.2rem; 6970} 6971.page.category.list .category-bar .scroll-to:hover, 6972.page.category.list .category-bar .scroll-to:active { 6973 color: #22a3f2; 6974} 6975.category-list { 6976 position: relative; 6977 width: 100%; 6978} 6979.category-list .list-section { 6980 position: relative; 6981 width: 113rem; 6982 margin: 0 auto 9.7rem; 6983} 6984.category-list .list-section h2 { 6985 font-family: 'medium', arial, helvestica, sans-serif; 6986 font-size: 3.2rem; 6987 letter-spacing: -0.03em; 6988 color: #1e398f; 6989 margin-bottom: 3.2rem; 6990} 6991.category-list .list-section .slider.royalSlider.rsMinW { 6992 width: 46rem; 6993 height: 46rem; 6994 overflow: visible; 6995} 6996.category-list .list-section .slider.royalSlider.rsMinW:before { 6997 display: block; 6998 position: absolute; 6999 content: ""; 7000 width: 46rem; 7001 height: 47rem; 7002 top: -1; 7003 right: -92rem; 7004 z-index: 9; 7005 background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 55%); 7006 background: -o-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 55%); 7007 background: -ms-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 55%); 7008 background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 55%); 7009 background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 55%); 7010} 7011.category-list .list-section .slider.royalSlider.rsMinW .rsContent { 7012 width: 46rem; 7013 height: 46rem; 7014 overflow: visible; 7015} 7016.category-list .list-section .slider.royalSlider.rsMinW .rsSlide { 7017 overflow: visible; 7018 width: 46rem; 7019 height: 46rem; 7020} 7021.category-list .list-section .slider.royalSlider.rsMinW .rsOverflow { 7022 position: absolute; 7023 top: 0; 7024 left: 0; 7025 overflow: visible; 7026 width: 100% !important; 7027 height: 100% !important; 7028 float: none; 7029} 7030.category-list .list-section .slider.royalSlider.rsMinW .rsNav.rsBullets { 7031 display: none; 7032} 7033.category-list .list-section .slider.royalSlider.rsMinW .rsArrow { 7034 position: absolute; 7035 display: inline-block; 7036 top: 11rem; 7037 z-index: 99; 7038}
7039.category-list .list-section .slider.royalSlider.rsMinW .rsArrow .rsArrowIcn { 7040 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 7041 speak: never; 7042 font-display: swap; 7043 font-style: normal; 7044 font-weight: normal; 7045 font-variant: normal; 7046 text-transform: none; 7047 line-height: 1; 7048 -webkit-font-smoothing: antialiased; 7049 -moz-osx-font-smoothing: grayscale; 7050 display: inline-block !important; 7051 background: transparent none; 7052 width: auto; 7053 height: auto; 7054 color: #1e398f; 7055 font-size: 5rem; 7056} 7057.category-list .list-section .slider.royalSlider.rsMinW .rsArrow.rsArrowDisabled .rsArrowIcn { 7058 opacity: 1 !important; 7059} 7060.category-list .list-section .slider.royalSlider.rsMinW .rsArrow.rsArrowLeft { 7061 left: -7rem; 7062} 7063.category-list .list-section .slider.royalSlider.rsMinW .rsArrow.rsArrowLeft .rsArrowIcn:before { 7064 content: "\e902"; 7065} 7066.category-list .list-section .slider.royalSlider.rsMinW .rsArrow.rsArrowRight { 7067 right: -73.4rem; 7068} 7069.category-list .list-section .slider.royalSlider.rsMinW .rsArrow.rsArrowRight .rsArrowIcn:before { 7070 content: "\e901"; 7071} 7072.category-list .list-section .slider.royalSlider.rsMinW .list-item { 7073 position: relative; 7074 display: block; 7075 width: 44rem; 7076 margin-bottom: 3.9rem; 7077} 7078.category-list .list-section .slider.royalSlider.rsMinW .list-item .badge-container { 7079 position: absolute; 7080 display: inline-block; 7081 right: 2rem; 7082 top: -0.7rem; 7083 text-align: right; 7084 white-space: nowrap; 7085 z-index: 3; 7086} 7087.category-list .list-section .slider.royalSlider.rsMinW .list-item .badge-container .badge { 7088 font-size: 0.9rem; 7089 padding: 0.3rem 0.5rem; 7090 margin-left: 0.5rem; 7091} 7092.category-list .list-section .slider.royalSlider.rsMinW .list-item .badge-container .badge:before { 7093 display: inline-block; 7094 vertical-align: middle; 7095 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 7096 speak: never; 7097 font-display: swap; 7098 font-style: normal; 7099 font-weight: normal; 7100 font-variant: normal; 7101 text-transform: none; 7102 line-height: 1; 7103 -webkit-font-smoothing: antialiased; 7104 -moz-osx-font-smoothing: grayscale; 7105 font-size: 0.9em; 7106 margin-right: 0.5rem; 7107} 7108.category-list .list-section .slider.royalSlider.rsMinW .list-item .badge-container .badge.yeni { 7109 background-color: #ffc31c; 7110} 7111.category-list .list-section .slider.royalSlider.rsMinW .list-item .badge-container .badge.yeni:before { 7112 content: "\e922"; 7113} 7114.category-list .list-section .slider.royalSlider.rsMinW .list-item .badge-container .badge.video { 7115 background-color: #8795c3; 7116} 7117.category-list .list-section .slider.royalSlider.rsMinW .list-item .badge-container .badge.video:before { 7118 content: "\e919"; 7119} 7120.category-list .list-section .slider.royalSlider.rsMinW .list-item .badge-container .badge.tarif { 7121 background-color: #96e6e7; 7122} 7123.category-list .list-section .slider.royalSlider.rsMinW .list-item .badge-container .badge.tarif:before { 7124 content: "\e938"; 7125} 7126.category-list .list-section .slider.royalSlider.rsMinW .list-item .box { 7127 position: relative; 7128 width: 44rem; 7129 height: 27rem; 7130 z-index: 1; 7131 margin-bottom: 3.8rem; 7132} 7133.category-list .list-section .slider.royalSlider.rsMinW .list-item .box img { 7134 position: absolute; 7135 left: 50%; 7136 top: 50%; 7137 -webkit-transform: translateX(-50%) translateY(-50%); 7138 -ms-transform: translateX(-50%) translateY(-50%); 7139 transform: translateX(-50%) translateY(-50%); 7140 height: 100%; 7141} 7142.category-list .list-section .slider.royalSlider.rsMinW .list-item .name { 7143 font-family: 'medium', arial, helvestica, sans-serif; 7144 box-sizing: border-box; 7145 font-size: 1.6rem; 7146 line-height: 1.5em; 7147 height: 5.5rem; 7148 padding-left: 2.2rem; 7149 -webkit-transition: color 0.2s linear; 7150 transition: color 0.2s linear; 7151} 7152.category-list .list-section .slider.royalSlider.rsMinW .list-item .desc { 7153 font-family: 'book', arial, helvetica, sans-serif; 7154 box-sizing: border-box; 7155 font-size: 1.4rem; 7156 line-height: 1.65em; 7157 opacity: 0.7; 7158 padding-left: 2.2rem; 7159 -webkit-transition: opacity 0.2s linear; 7160 transition: opacity 0.2s linear; 7161} 7162.category-list .list-section .slider.royalSlider.rsMinW .list-item:hover .name, 7163.category-list .list-section .slider.royalSlider.rsMinW .list-item:active .name { 7164 color: #22a3f2; 7165} 7166.category-list .list-section .slider.royalSlider.rsMinW .list-item:hover .box, 7167.category-list .list-section .slider.royalSlider.rsMinW .list-item:active .box { 7168 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 7169} 7170.category-list .list-section .slider.royalSlider.rsMinW .list-item:hover .desc, 7171.category-list .list-section .slider.royalSlider.rsMinW .list-item:active .desc { 7172 opacity: 1; 7173} 7174.category-list .text-center { 7175 text-align: center; 7176} 7177.page.category.list.search-result .page-banner { 7178 background-color: #68c3ee; 7179 height: 25rem; 7180 margin-bottom: 11.9rem; 7181} 7182.page.category.list.search-result .page-banner .text .search-cap { 7183 display: block; 7184 font-family: 'bold', arial, helvetica, sans-serif; 7185 text-transform: uppercase; 7186 font-size: 1.2rem; 7187 color: #1e398f; 7188 opacity: 0.5; 7189 margin-bottom: 1.2rem; 7190} 7191.page.category.list.search-result .page-banner .text .serch-count { 7192 display: block; 7193 font-family: 'medium', arial, helvestica, sans-serif; 7194 font-size: 1.8rem; 7195 color: #fff; 7196 margin-top: 2rem; 7197} 7198.category-bar { 7199 position: relative; 7200 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 7201 box-sizing: border-box; 7202 width: 120rem; 7203 height: 7.5rem; 7204 border-radius: 1.2rem; 7205 background-color: #e3f2f9; 7206 margin: -14.7rem auto 8.5rem; 7207 z-index: 3; 7208 padding: 1.9rem 0 0 2.3rem; 7209} 7210.category-bar .sroller { 7211 position: relative; 7212} 7213.category-bar .button { 7214 vertical-align: middle; 7215 margin-right: 0.5rem; 7216 padding: 0px 1.4rem; 7217} 7218.category-bar .button.active { 7219 background-color: #1e398f; 7220 color: #fff; 7221} 7222.category-bar .vid-filter { 7223 display: block; 7224 position: absolute; 7225 height: 100%; 7226 box-sizing: border-box; 7227 width: 20.1rem; 7228 top: 0; 7229 right: 0; 7230 background-color: #cae6f3; 7231 border-top-right-radius: 1.2rem; 7232 border-bottom-right-radius: 1.2rem; 7233 padding: 2.6rem 0 0 2.3rem; 7234} 7235.category-bar .vid-filter span { 7236 display: inline-block; 7237 vertical-align: middle; 7238 box-sizing: border-box; 7239 position: relative; 7240 width: 2rem; 7241 height: 2rem; 7242 border: solid 0.2rem #1e398f; 7243 border-radius: 0.4rem; 7244} 7245.category-bar .vid-filter i { 7246 display: inline-block; 7247 vertical-align: middle; 7248 margin: 0 0.6rem; 7249 font-size: 1.1rem; 7250} 7251.category-bar .vid-filter b { 7252 display: inline-block; 7253 vertical-align: middle; 7254 font-family: 'medium', arial, helvestica, sans-serif; 7255 font-size: 1.4rem; 7256 letter-spacing: -0.025em; 7257} 7258.category-bar .vid-filter.active span:after { 7259 display: inline-block; 7260 position: absolute; 7261 left: 50%; 7262 top: 50%; 7263 -webkit-transform: translateX(-50%) translateY(-50%); 7264 -ms-transform: translateX(-50%) translateY(-50%); 7265 transform: translateX(-50%) translateY(-50%); 7266 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 7267 speak: never; 7268 font-display: swap; 7269 font-style: normal; 7270 font-weight: normal; 7271 font-variant: normal; 7272 text-transform: none; 7273 line-height: 1; 7274 -webkit-font-smoothing: antialiased; 7275 -moz-osx-font-smoothing: grayscale; 7276 content: "\e949"; 7277 font-size: 0.8rem; 7278} 7279.category-bar.multi-line { 7280 height: auto; 7281 padding: 2.3rem; 7282} 7283.category-bar.multi-line .button { 7284 margin: 0 1rem 1rem 0; 7285} 7286.category-bar.multi-line .vid-filter { 7287 display: none; 7288} 7289.category-detail { 7290 display: flex; 7291 justify-content: flex-start; 7292 flex-wrap: wrap; 7293 width: 113rem; 7294 margin: 0 auto 3.8rem; 7295} 7296.category-detail .list-section h2 { 7297 font-family: 'medium', arial, helvestica, sans-serif; 7298 font-size: 3.2rem; 7299 letter-spacing: -0.03em; 7300 color: #1e398f; 7301 margin-bottom: 3.2rem; 7302} 7303.category-detail .list-item { 7304 position: relative; 7305 display: block; 7306 width: calc(33.33% - 3.9rem); 7307 margin: 0 1.95rem 3.9rem; 7308} 7309.category-detail .list-item .badge-container { 7310 position: absolute; 7311 display: inline-block; 7312 right: 2rem; 7313 top: -0.7rem; 7314 text-align: right; 7315 white-space: nowrap; 7316 z-index: 3; 7317}
7318.category-detail .list-item .badge-container .badge { 7319 font-size: 0.9rem; 7320 padding: 0.3rem 0.5rem; 7321 margin-left: 0.5rem; 7322} 7323.category-detail .list-item .badge-container .badge:before { 7324 display: inline-block; 7325 vertical-align: middle; 7326 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 7327 speak: never; 7328 font-display: swap; 7329 font-style: normal; 7330 font-weight: normal; 7331 font-variant: normal; 7332 text-transform: none; 7333 line-height: 1; 7334 -webkit-font-smoothing: antialiased; 7335 -moz-osx-font-smoothing: grayscale; 7336 font-size: 0.9em; 7337 margin-right: 0.5rem; 7338} 7339.category-detail .list-item .badge-container .badge.yeni { 7340 background-color: #ffc31c; 7341} 7342.category-detail .list-item .badge-container .badge.yeni:before { 7343 content: "\e922"; 7344} 7345.category-detail .list-item .badge-container .badge.video { 7346 background-color: #8795c3; 7347} 7348.category-detail .list-item .badge-container .badge.video:before { 7349 content: "\e919"; 7350} 7351.category-detail .list-item .badge-container .badge.tarif { 7352 background-color: #96e6e7; 7353} 7354.category-detail .list-item .badge-container .badge.tarif:before { 7355 content: "\e938"; 7356} 7357.category-detail .list-item .box { 7358 position: relative; 7359 width: 100%; 7360 height: 22.4rem; 7361 z-index: 1; 7362 margin-bottom: 3.8rem; 7363} 7364.category-detail .list-item .box img { 7365 position: absolute; 7366 left: 50%; 7367 top: 50%; 7368 -webkit-transform: translateX(-50%) translateY(-50%); 7369 -ms-transform: translateX(-50%) translateY(-50%); 7370 transform: translateX(-50%) translateY(-50%); 7371 height: 100%; 7372 max-width: none; 7373} 7374.category-detail .list-item .name { 7375 font-family: 'medium', arial, helvestica, sans-serif; 7376 box-sizing: border-box; 7377 font-size: 1.6rem; 7378 line-height: 1.5em; 7379 height: auto; 7380 padding-left: 2.2rem; 7381 -webkit-transition: color 0.2s linear; 7382 transition: color 0.2s linear; 7383} 7384.category-detail .list-item .desc { 7385 font-family: 'book', arial, helvetica, sans-serif; 7386 box-sizing: border-box; 7387 font-size: 1.4rem; 7388 line-height: 1.65em; 7389 opacity: 0.7; 7390 padding-left: 2.2rem; 7391 -webkit-transition: opacity 0.2s linear; 7392 transition: opacity 0.2s linear; 7393} 7394.category-detail .list-item:hover .box, 7395.category-detail .list-item:active .box { 7396 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 7397} 7398.category-detail .list-item:hover .name, 7399.category-detail .list-item:active .name { 7400 color: #22a3f2; 7401} 7402.category-detail .list-item:hover .desc, 7403.category-detail .list-item:active .desc { 7404 opacity: 1; 7405} 7406.content-breadcrumb { 7407 font-family: 'book', arial, helvetica, sans-serif; 7408 font-size: 1.2rem; 7409 width: 115.8rem; 7410 margin: 2.6rem auto 3.6rem; 7411 color: #1e398f; 7412} 7413.content-breadcrumb a { 7414 color: #1e398f; 7415 -webkit-transition: color 0.2s linear; 7416 transition: color 0.2s linear; 7417} 7418.content-breadcrumb a:hover, 7419.content-breadcrumb a:active { 7420 color: #6dbff3; 7421} 7422.content-breadcrumb li { 7423 display: inline-block; 7424 position: relative; 7425} 7426.content-breadcrumb li:after { 7427 color: #1e398f; 7428 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 7429 speak: never; 7430 font-display: swap; 7431 font-style: normal; 7432 font-weight: normal; 7433 font-variant: normal; 7434 text-transform: none; 7435 line-height: 1; 7436 -webkit-font-smoothing: antialiased; 7437 -moz-osx-font-smoothing: grayscale; 7438 content: "\e903"; 7439 display: inline-block; 7440 -webkit-transform: rotate(-90deg); 7441 -ms-transform: rotate(-90deg); 7442 transform: rotate(-90deg); 7443 font-size: 0.5em; 7444 padding: 0.8em 0; 7445} 7446.content-breadcrumb li:last-child:after { 7447 display: none; 7448} 7449.page.content .page-banner { 7450 width: 115.8rem; 7451 margin-top: 0; 7452 margin-bottom: 0; 7453 height: auto; 7454 padding: 5.4rem 0; 7455} 7456.page.content .page-banner .text { 7457 position: relative; 7458 top: auto; 7459 left: auto; 7460 right: auto; 7461 bottom: auto; 7462 -webkit-transform: none; 7463 -ms-transform: none; 7464 transform: none; 7465} 7466.page.content .page-banner.mini { 7467 margin-bottom: 0; 7468 padding: 7.4rem 0 1.5rem; 7469} 7470.page.content .page-banner.mini .banner { 7471 display: none; 7472 top: 0; 7473} 7474.page.content .section-featured-contents { 7475 margin-bottom: 21.7rem; 7476} 7477.page.content .uzman-banner { 7478 margin-bottom: 8.2rem; 7479} 7480.content-detail { 7481 position: relative; 7482 width: 67rem; 7483 margin: 0 auto 4rem; 7484 overflow: visible; 7485} 7486.content-detail .utility { 7487 position: absolute; 7488 top: 0.8rem; 7489 left: -23rem; 7490 width: 17rem; 7491 z-index: 3; 7492}
7493.content-detail .utility .expert { 7494 display: block; 7495 color: #1e398f; 7496 margin-bottom: 2rem; 7497 padding-bottom: 1.5rem; 7498 border-bottom: solid 0.1rem rgba(15, 32, 87, 0.05); 7499} 7500.content-detail .utility .expert .img { 7501 position: relative; 7502 width: 5rem; 7503 height: 6.2rem; 7504 overflow: hidden; 7505 margin-bottom: 1rem; 7506} 7507.content-detail .utility .expert .img img.shield { 7508 position: absolute; 7509 width: 100%; 7510 height: 101%; 7511 top: 0; 7512 left: 0; 7513 z-index: 2; 7514} 7515.content-detail .utility .expert .img img.ex { 7516 position: absolute; 7517 left: 50%; 7518 -webkit-transform: translateX(-50%); 7519 -ms-transform: translateX(-50%); 7520 transform: translateX(-50%); 7521 height: 100%; 7522 top: 0; 7523 width: auto; 7524 max-width: none; 7525 z-index: 1; 7526} 7527.content-detail .utility .expert .cap { 7528 font-family: 'medium', arial, helvestica, sans-serif; 7529 font-size: 1.2rem; 7530 letter-spacing: -0.03em; 7531 margin-bottom: 1rem; 7532} 7533.content-detail .utility .expert .title { 7534 font-family: 'book', arial, helvetica, sans-serif; 7535 font-size: 1.2rem; 7536 margin-bottom: 1rem; 7537 opacity: 0.5; 7538} 7539.content-detail .utility .expert .date { 7540 font-family: 'book', arial, helvetica, sans-serif; 7541 color: #1e398f; 7542 font-size: 1.2rem; 7543 letter-spacing: -0.03em; 7544 line-height: 1.34em; 7545} 7546.content-detail .utility .expert .date strong { 7547 font-family: 'medium', arial, helvestica, sans-serif; 7548} 7549.content-detail .utility .listen { 7550 display: inline-block; 7551 box-sizing: border-box; 7552 font-family: 'medium', arial, helvestica, sans-serif; 7553 position: relative; 7554 font-size: 1.4rem; 7555 line-height: 4rem; 7556 border-radius: 2rem; 7557 color: #fff; 7558 padding: 0 1.7rem 0 4.7rem; 7559 background-color: #9dc8e3; 7560 margin-bottom: 1.3rem; 7561} 7562.content-detail .utility .listen i { 7563 position: absolute; 7564 top: 50%; 7565 -webkit-transform: translateY(-50%); 7566 -ms-transform: translateY(-50%); 7567 transform: translateY(-50%); 7568 left: 0.9rem; 7569 font-size: 1.6em; 7570} 7571.content-detail .utility .with-link { 7572 display: block; 7573 position: relative; 7574 font-family: 'book', arial, helvetica, sans-serif; 7575 color: #1e398f; 7576 padding-left: 4.3rem; 7577 font-size: 1.4rem; 7578 line-height: 2.6em; 7579} 7580.content-detail .utility .with-link i { 7581 position: absolute; 7582 top: 50%; 7583 -webkit-transform: translateY(-50%); 7584 -ms-transform: translateY(-50%); 7585 transform: translateY(-50%); 7586 left: 0.9rem; 7587 font-size: 1.5em; 7588} 7589.content-detail .utility .with-link.views i { 7590 font-size: 0.9em; 7591} 7592.content-detail .utility .with-link.share { 7593 -webkit-transition: color 0.2s linear; 7594 transition: color 0.2s linear; 7595 cursor: pointer; 7596} 7597.content-detail .utility .with-link.share:hover {
7598 color: #22a3f2; 7599} 7600.content-detail .utility .with-link.likes { 7601 cursor: pointer; 7602 -webkit-transition: color 0.2s linear; 7603 transition: color 0.2s linear; 7604} 7605.content-detail .utility .with-link.likes.active i.icon-c-like:before { 7606 content: "\e933"; 7607} 7608.content-detail .utility .with-link.likes:hover { 7609 color: #22a3f2; 7610} 7611.content-detail .utility .share-cont { 7612 position: relative; 7613} 7614.content-detail .utility .sharer { 7615 position: absolute; 7616 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 7617 box-sizing: border-box; 7618 -webkit-transition: opacity 0.2s linear, transform 0.3s ease; 7619 transition: opacity 0.2s linear, transform 0.3s ease; 7620 -webkit-transform: translateY(1rem); 7621 -ms-transform: translateY(1rem); 7622 transform: translateY(1rem); 7623 background-color: #fff; 7624 width: 9.5rem; 7625 border-radius: 1.2rem; 7626 padding: 2.7rem 1.7rem 1.7rem 1.7rem; 7627 top: 4rem; 7628 left: 0; 7629 opacity: 0; 7630 z-index: 9; 7631} 7632.content-detail .utility .sharer:after { 7633 content: ' '; 7634 display: block; 7635 clear: both; 7636 height: 0; 7637 overflow: hidden; 7638} 7639.content-detail .utility .sharer.active { 7640 opacity: 1; 7641 -webkit-transform: translateY(0); 7642 -ms-transform: translateY(0); 7643 transform: translateY(0); 7644} 7645.content-detail .utility .sharer-overlay { 7646 display: none; 7647 position: fixed; 7648 width: 100%; 7649 height: 100%; 7650 cursor: pointer; 7651 z-index: 1; 7652 top: 0; 7653 left: 0; 7654} 7655.content-detail .utility .share-link { 7656 display: block; 7657 width: 50%; 7658 float: left; 7659 color: #576289; 7660 text-align: right; 7661 font-size: 1.9rem; 7662 margin-bottom: 1rem; 7663} 7664.content-detail .utility .share-link:nth-child(2n+1) { 7665 text-align: left; 7666} 7667.content-detail .utility .share-link:before { 7668 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 7669 speak: never; 7670 font-display: swap; 7671 font-style: normal; 7672 font-weight: normal; 7673 font-variant: normal; 7674 text-transform: none; 7675 line-height: 1; 7676 -webkit-font-smoothing: antialiased; 7677 -moz-osx-font-smoothing: grayscale; 7678} 7679.content-detail .utility .share-link.facebook:before { 7680 content: "\e90c"; 7681} 7682.content-detail .utility .share-link.whatsapp:before { 7683 content: "\e915"; 7684} 7685.content-detail .utility .share-link.twitter:before { 7686 content: "\e914"; 7687} 7688.content-detail .utility .share-link.mail:before { 7689 content: "\e911"; 7690} 7691.content-detail .utility .share-link.link:before { 7692 content: "\e90f"; 7693} 7694.content-detail .like { 7695 text-align: center; 7696 padding-top: 4.8rem; 7697} 7698.content-detail .like .like-button { 7699 display: inline-block; 7700 position: relative; 7701 font-family: 'medium', arial, helvestica, sans-serif; 7702 -webkit-transition: color 0.2s linear; 7703 transition: color 0.2s linear; 7704 font-size: 1.4rem; 7705 color: #757575; 7706 padding-left: 2.7rem; 7707 white-space: nowrap; 7708 cursor: pointer; 7709} 7710.content-detail .like .like-button i { 7711 position: absolute; 7712 top: 50%; 7713 -webkit-transform: translateY(-50%); 7714 -ms-transform: translateY(-50%); 7715 transform: translateY(-50%); 7716 left: 0; 7717 font-size: 1.2em; 7718} 7719.content-detail .like .like-button .like-this { 7720 display: inline; 7721} 7722.content-detail .like .like-button .dislike-this { 7723 color: #1e398f; 7724 display: none; 7725} 7726.content-detail .like .like-button.active .like-this { 7727 display: none; 7728} 7729.content-detail .like .like-button.active .dislike-this { 7730 display: inline; 7731} 7732.content-detail .like .like-button:hover, 7733.content-detail .like .like-button:active { 7734 color: #22a3f2; 7735} 7736.content-detail .formatted-text { 7737 position: relative; 7738 z-index: 1; 7739 border-bottom: dashed 0.2rem #6174b0; 7740} 7741a.google-safe { 7742 width: 100%; 7743 box-sizing: border-box; 7744 color: #1e398f; 7745 display: flex; 7746 align-items: center; 7747 flex-wrap: nowrap; 7748 justify-content: flex-start; 7749 height: auto; 7750 border-radius: 1.3rem; 7751 border: solid 1px #1e398f; 7752 padding: 0.6em 1em; 7753 margin-bottom: 3.2rem; 7754} 7755a.google-safe span { 7756 font-family: 'medium', arial, helvestica, sans-serif; 7757 font-size: 1.4rem; 7758} 7759a.google-safe img { 7760 display: block; 7761 width: 2rem; 7762 margin-right: 1em; 7763} 7764.add-like { 7765 cursor: pointer; 7766} 7767.content-desc { 7768 font-family: 'medium', arial, helvestica, sans-serif; 7769 width: 100%; 7770 font-size: 1.8rem; 7771 line-height: 1.78em; 7772 margin-bottom: 4rem; 7773} 7774.content-read-more .info { 7775 position: relative; 7776 font-family: 'bold', arial, helvetica, sans-serif; 7777 padding: 0.8rem 0 0 5.3rem; 7778 color: #9dc8e3; 7779 line-height: 1.71em; 7780 font-size: 1.4rem; 7781 margin-bottom: 5rem; 7782} 7783.content-read-more .info:before { 7784 position: absolute; 7785 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 7786 speak: never; 7787 font-display: swap; 7788 font-style: normal; 7789 font-weight: normal; 7790 font-variant: normal; 7791 text-transform: none; 7792 line-height: 1; 7793 -webkit-font-smoothing: antialiased; 7794 -moz-osx-font-smoothing: grayscale; 7795 display: inline-block; 7796 content: "\e927"; 7797 left: 0; 7798 top: 0.6rem; 7799 font-size: 4rem; 7800} 7801.content-read-more .card { 7802 width: 100%; 7803 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 7804 box-sizing: border-box; 7805 position: relative; 7806 border-radius: 1.2rem; 7807 background-color: #fff; 7808 margin-bottom: 3.9rem; 7809 padding: 3.6rem 30.3rem 3.6rem 3.6rem; 7810 min-height: 25rem; 7811} 7812.content-read-more .card .img { 7813 position: absolute; 7814 right: 3.6rem; 7815 top: 3.6rem; 7816 width: 19.6rem; 7817 height: 19.6rem; 7818 overflow: hidden; 7819 border-radius: 1.2em; 7820} 7821.content-read-more .card .img img { 7822 position: absolute; 7823 left: 50%; 7824 top: 50%; 7825 -webkit-transform: translateX(-50%) translateY(-50%); 7826 -ms-transform: translateX(-50%) translateY(-50%); 7827 transform: translateX(-50%) translateY(-50%); 7828 width: 100%; 7829} 7830.content-read-more .card .cap { 7831 font-family: 'medium', arial, helvestica, sans-serif; 7832 font-size: 1.8rem; 7833 margin-bottom: 2.2rem; 7834 line-height: 1.35em; 7835} 7836.content-read-more .card p { 7837 font-family: 'medium', arial, helvestica, sans-serif; 7838 font-size: 1.2rem; 7839 line-height: 1.84em; 7840 margin-bottom: 1.6rem; 7841} 7842.content-nutrition { 7843 width: 100%; 7844 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 7845 box-sizing: border-box; 7846 margin: 3rem auto 7rem; 7847 background-color: #fff; 7848 border-radius: 1.2rem; 7849 padding: 4rem 3.5rem 4.5rem; 7850} 7851.content-nutrition .cap { 7852 font-family: 'medium', arial, helvestica, sans-serif; 7853 color: #1e398f; 7854 font-size: 1.8rem; 7855 margin-bottom: 4.4rem; 7856} 7857.content-nutrition .content { 7858 display: flex; 7859 flex-wrap: nowrap; 7860 justify-content: space-between; 7861} 7862.content-nutrition .nutrition { 7863 display: inline-block; 7864 margin: 0 1rem; 7865} 7866.content-nutrition .nutrition:first-child { 7867 margin-left: 0; 7868} 7869.content-nutrition .nutrition:last-child { 7870 margin-right: 0; 7871} 7872.content-nutrition .nutrition strong { 7873 display: block; 7874 font-family: 'medium', arial, helvestica, sans-serif; 7875 font-size: 1.2rem; 7876 margin-bottom: 3.7rem; 7877 color: #1e398f; 7878} 7879.content-nutrition .nutrition i { 7880 display: block; 7881 font-family: 'bold', arial, helvetica, sans-serif; 7882 font-size: 1.6rem; 7883 color: #6dbff3; 7884}
7885.content-sources-cont { 7886 width: 100%; 7887 box-sizing: border-box; 7888 position: relative; 7889 border-top: solid 1px #bbc3dd; 7890 margin: 2.2rem auto 3.2rem; 7891 padding-top: 2rem; 7892} 7893.content-sources-cont .cap { 7894 font-size: 1.4rem; 7895 letter-spacing: -0.03em; 7896 line-height: 2.28em; 7897 margin-bottom: 0.7rem; 7898} 7899.content-sources-cont .content-sources { 7900 position: relative; 7901 width: 100%; 7902 min-height: 9.6rem; 7903 max-height: 16rem; 7904 z-index: 1; 7905 overflow: hidden; 7906} 7907.content-sources-cont .content-sources .formatted-text { 7908 border: none; 7909 margin: 0 auto; 7910} 7911.content-sources-cont .content-sources-button { 7912 position: absolute; 7913 left: 50%; 7914 -webkit-transform: translateX(-50%); 7915 -ms-transform: translateX(-50%); 7916 transform: translateX(-50%); 7917 bottom: -1rem; 7918 z-index: 3; 7919} 7920.content-sources-cont:after { 7921 display: block; 7922 width: 100%; 7923 position: absolute; 7924 content: ""; 7925 background: linear-gradient(0deg, #ffffff 0%, #ffffff 35%, rgba(0, 0, 0, 0) 100%); 7926 bottom: 0; 7927 left: 0; 7928 z-index: 2; 7929 height: 9.6rem; 7930} 7931.content-sources-cont.simple:after, 7932.content-sources-cont.simple .content-sources-button { 7933 display: none; 7934} 7935.content-sources-cont.simple .content-sources { 7936 height: auto; 7937 min-height: 0; 7938 max-height: none; 7939} 7940.content-sources-cont.active .content-sources { 7941 height: auto; 7942 min-height: 0; 7943 max-height: none; 7944 padding-bottom: 6rem; 7945} 7946.next-pev-container { 7947 width: 100%; 7948 padding: 3rem 0 0; 7949 display: flex; 7950 justify-content: space-between; 7951} 7952.next-pev-container .button { 7953 text-overflow: ellipsis; 7954 white-space: nowrap; 7955 max-width: 50%; 7956 overflow: hidden; 7957} 7958.toc-frame { 7959 position: absolute; 7960 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 7961 top: 0; 7962 right: -24.5rem; 7963 width: 22.6rem; 7964 background-color: #fff; 7965 overflow: hidden; 7966 border-radius: 1.2rem; 7967 z-index: 9; 7968} 7969.toc-frame.sticky { 7970 position: fixed; 7971 right: auto; 7972 top: 9rem; 7973 left: 107rem; 7974} 7975.toc-frame.snap { 7976 top: auto; 7977 right: -24.5rem; 7978 left: auto; 7979 bottom: 0; 7980} 7981.toc-cap { 7982 width: 100%; 7983 box-sizing: border-box; 7984 position: relative; 7985 font-family: 'bold', arial, helvetica, sans-serif; 7986 cursor: pointer; 7987 border-radius: 1.2rem; 7988 padding: 2.3rem; 7989 background-color: #e2f2fd; 7990 color: #1e398f; 7991 font-size: 1.6rem; 7992} 7993.toc-cap .toc-container { 7994 display: none; 7995} 7996.toc-cap i { 7997 position: absolute; 7998 top: 50%; 7999 -webkit-transform: translateY(-50%); 8000 -ms-transform: translateY(-50%); 8001 transform: translateY(-50%); 8002 right: 2.3rem; 8003 font-size: 0.6em; 8004} 8005.toc-cap i:before { 8006 position: relative; 8007 display: inline-block; 8008 -webkit-transition: transform 0.2s linear; 8009 transition: transform 0.2s linear; 8010 -webkit-transform: rotate(0); 8011 -ms-transform: rotate(0); 8012 transform: rotate(0); 8013} 8014.toc-cap.active { 8015 border-bottom-left-radius: 0; 8016 border-bottom-right-radius: 0; 8017} 8018.toc-cap.active i:before { 8019 position: relative; 8020 display: inline-block; 8021 -webkit-transform: rotate(180deg); 8022 -ms-transform: rotate(180deg); 8023 transform: rotate(180deg); 8024} 8025.toc-container a { 8026 display: block; 8027 width: 100%; 8028 box-sizing: border-box; 8029 font-family: 'book', arial, helvetica, sans-serif; 8030 font-size: 1.2rem; 8031 line-height: 1.5em; 8032 padding: 1.6rem 2.3rem; 8033 color: #0f2057; 8034 background-color: #fff; 8035 -webkit-transition: color 0.2s ease-in, background-color:0.2s ease-in; 8036 transition: color 0.2s ease-in, background-color:0.2s ease-in; 8037 text-decoration: none; 8038} 8039.toc-container a:hover, 8040.toc-container a:active { 8041 color: #000; 8042 background-color: #f6fbfe; 8043} 8044.page.product-list.new .page-banner { 8045 display: none; 8046} 8047.page.product-list.new .page-banner h1 { 8048 display: none; 8049} 8050.product-list-slider-cont { 8051 width: 117rem; 8052 height: 13rem; 8053 border-radius: 1.2rem; 8054 overflow: hidden; 8055 background-color: #d5edfc; 8056 margin: 0 auto 2.5rem; 8057} 8058.product-list-slider-cont h1 { 8059 display: none; 8060} 8061.product-list-slider-cont .data { 8062 display: none; 8063} 8064.pl-new-filter-bar { 8065 position: relative; 8066 width: 115.8rem; 8067 height: 6rem; 8068 background-color: #d5edfc; 8069 border-radius: 3rem; 8070 margin: 0 auto 6.4rem; 8071 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 8072} 8073.pl-new-filter-bar .left, 8074.pl-new-filter-bar .right { 8075 position: absolute; 8076 display: flex; 8077 align-items: center; 8078 top: 0; 8079 height: 6rem; 8080} 8081.pl-new-filter-bar .left { 8082 left: 2.2rem; 8083 width: 57.5rem; 8084 justify-content: flex-start; 8085} 8086.pl-new-filter-bar .right { 8087 right: 2.2rem; 8088 width: 55.5rem; 8089 justify-content: flex-end; 8090} 8091.pl-new-filter-bar .cap { 8092 font-family: 'medium', arial, helvestica, sans-serif; 8093 font-size: 1.2rem; 8094 margin-right: 1.1rem; 8095} 8096.pl-new-filter-bar .button { 8097 margin-right: 1rem; 8098} 8099.pl-new-filter-bar a.text-link { 8100 font-family: 'book', arial, helvetica, sans-serif; 8101 -webkit-transition: color 0.2s; 8102 transition: color 0.2s; 8103 font-size: 1.2rem; 8104 text-decoration: underline; 8105} 8106.pl-new-filter-bar a.text-link:hover, 8107.pl-new-filter-bar a.text-link:active { 8108 color: #000; 8109} 8110.pl-new-filter-bar .filter-button { 8111 position: relative; 8112 display: inline-block; 8113 font-family: 'medium', arial, helvestica, sans-serif; 8114 cursor: pointer; 8115 font-size: 1.4rem; 8116 letter-spacing: -0.025em; 8117 line-height: 3.6rem; 8118 border-radius: 1.2rem; 8119 padding: 0 2.2rem 0 4.8rem; 8120 color: #1e398f; 8121 background-color: #ebf7ff; 8122 margin-right: 1.3rem; 8123} 8124.pl-new-filter-bar .filter-button:before { 8125 position: absolute; 8126 top: 50%; 8127 -webkit-transform: translateY(-50%); 8128 -ms-transform: translateY(-50%); 8129 transform: translateY(-50%); 8130 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 8131 speak: never; 8132 font-display: swap; 8133 font-style: normal; 8134 font-weight: normal; 8135 font-variant: normal; 8136 text-transform: none; 8137 line-height: 1; 8138 -webkit-font-smoothing: antialiased; 8139 -moz-osx-font-smoothing: grayscale; 8140 font-size: 1.6em; 8141} 8142.pl-new-filter-bar .filter-button.filter:before { 8143 content: "\e947"; 8144 left: 1.8rem; 8145} 8146.pl-new-filter-bar .filter-button.filter.active:after { 8147 display: block; 8148 position: absolute; 8149 content: ""; 8150 width: 0.9rem; 8151 height: 0.9rem; 8152 top: 0.6rem; 8153 left: 3rem; 8154 border-radius: 50%; 8155 background-color: #ffae00; 8156} 8157.pl-new-filter-bar .filter-button.sort:before { 8158 content: "\e948"; 8159 left: 1.8rem; 8160} 8161.pl-new-filter-bar .product-list-search { 8162 position: relative; 8163 width: 25rem; 8164 height: 3.6rem; 8165 background-color: #fff; 8166 border-radius: 1.8rem; 8167} 8168.pl-new-filter-bar .product-list-search input { 8169 position: absolute; 8170 font-family: 'medium', arial, helvestica, sans-serif; 8171 box-sizing: border-box; 8172 width: 18.8rem; 8173 font-size: 1.4rem; 8174 background-color: transparent; 8175 color: #1e398f; 8176 height: 3.6rem; 8177 line-height: 3.6rem; 8178 border: none; 8179 z-index: 1; 8180 padding: 0; 8181 top: 0; 8182 left: 4.3rem; 8183} 8184.pl-new-filter-bar .product-list-search input:-webkit-autofill + label { 8185 opacity: 0; 8186} 8187.pl-new-filter-bar .product-list-search input:-webkit-autofill ~ label { 8188 opacity: 0; 8189} 8190.pl-new-filter-bar .product-list-search input:disabled { 8191 background-color: #edf1ff;
8192} 8193.pl-new-filter-bar .product-list-search label { 8194 position: absolute; 8195 font-family: 'medium', arial, helvestica, sans-serif; 8196 box-sizing: border-box; 8197 width: 18.8rem; 8198 color: #1e398f; 8199 z-index: 2; 8200 padding: 0; 8201 height: 3.6rem; 8202 line-height: 3.6rem; 8203 top: 0; 8204 left: 4.3rem; 8205 cursor: pointer; 8206} 8207.pl-new-filter-bar .product-list-search:before { 8208 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 8209 speak: never; 8210 font-display: swap; 8211 font-style: normal; 8212 font-weight: normal; 8213 font-variant: normal; 8214 text-transform: none; 8215 line-height: 1; 8216 -webkit-font-smoothing: antialiased; 8217 -moz-osx-font-smoothing: grayscale; 8218 content: "\e940"; 8219 position: absolute; 8220 top: 50%; 8221 -webkit-transform: translateY(-50%); 8222 -ms-transform: translateY(-50%); 8223 transform: translateY(-50%); 8224 top: 46%; 8225 color: #1e398f; 8226 left: 1rem; 8227 font-size: 2.8rem; 8228} 8229.pl-filter-bar { 8230 position: relative; 8231 box-sizing: border-box; 8232 width: 113rem; 8233 margin: 0 auto 3.2rem; 8234 padding: 3.5rem 0 2rem; 8235 z-index: 9; 8236 border-bottom: dashed 0.2rem #d2d8e9; 8237} 8238.pl-filter-bar:after { 8239 content: ' '; 8240 display: block; 8241 clear: both; 8242 height: 0; 8243 overflow: hidden; 8244} 8245.pl-filter-bar .cap { 8246 display: inline-block; 8247 vertical-align: middle; 8248 font-family: 'book', arial, helvetica, sans-serif; 8249 font-size: 1.4rem; 8250 color: #1e398f; 8251 margin-right: 0.8rem; 8252} 8253.pl-filter-bar .cap.only-mobile { 8254 display: none; 8255} 8256.pl-filter-bar .left { 8257 position: relative; 8258 float: left; 8259 width: 78rem; 8260} 8261.pl-filter-bar .left .filter-item { 8262 display: inline-block; 8263 position: relative; 8264} 8265.pl-filter-bar .left .filter-item input { 8266 opacity: 0; 8267 pointer-events: none; 8268 position: absolute; 8269 top: 0; 8270 left: 0; 8271} 8272.pl-filter-bar .left .filter-item input + label { 8273 display: inline-block; 8274 font-family: 'bold', arial, helvetica, sans-serif; 8275 position: relative; 8276 box-sizing: border-box; 8277 -webkit-transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear; 8278 transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear; 8279 font-size: 1.6rem; 8280 color: #fff; 8281 height: 3.6rem; 8282 line-height: 3.6rem; 8283 border-radius: 1.8rem; 8284 padding: 0 1.8rem; 8285 letter-spacing: -0.03em; 8286 cursor: pointer; 8287 margin-left: 1rem; 8288 background-color: transparent; 8289 border: solid 1px #1e398f; 8290 color: #1e398f; 8291 white-space: nowrap; 8292} 8293.pl-filter-bar .left .filter-item input:checked + label { 8294 color: #fff; 8295 background-color: #4b61a5; 8296 border-color: #4b61a5; 8297 padding-right: 4rem; 8298} 8299.pl-filter-bar .left .filter-item input:checked + label:after { 8300 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 8301 speak: never; 8302 font-display: swap; 8303 font-style: normal; 8304 font-weight: normal; 8305 font-variant: normal; 8306 text-transform: none; 8307 line-height: 1; 8308 -webkit-font-smoothing: antialiased; 8309 -moz-osx-font-smoothing: grayscale; 8310 position: absolute; 8311 top: 50%; 8312 -webkit-transform: translateY(-50%); 8313 -ms-transform: translateY(-50%); 8314 transform: translateY(-50%); 8315 content: "\e91a"; 8316 font-size: 1.2em; 8317 right: 1.8rem; 8318} 8319.pl-filter-bar .left .all { 8320 display: inline-block; 8321 vertical-align: middle; 8322 font-family: 'book', arial, helvetica, sans-serif; 8323 font-size: 1.4rem; 8324 color: #1e398f; 8325 margin-left: 3rem; 8326 text-decoration: underline; 8327} 8328.pl-filter-bar .right { 8329 position: relative; 8330 float: right; 8331 text-align: right; 8332 width: 34.5rem; 8333} 8334.pl-filter-bar .filter-button { 8335 position: relative; 8336 display: inline-block; 8337 font-family: 'medium', arial, helvestica, sans-serif; 8338 cursor: pointer; 8339 font-size: 1.4rem; 8340 letter-spacing: -0.025em; 8341 line-height: 5rem; 8342 border-radius: 1.2rem; 8343 padding: 0 4.4rem 0 5rem; 8344 color: #1e398f; 8345 background-color: #ebf7ff; 8346} 8347.pl-filter-bar .filter-button:after { 8348 position: absolute; 8349 top: 50%; 8350 -webkit-transform: translateY(-50%); 8351 -ms-transform: translateY(-50%); 8352 transform: translateY(-50%); 8353 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 8354 speak: never; 8355 font-display: swap; 8356 font-style: normal; 8357 font-weight: normal; 8358 font-variant: normal; 8359 text-transform: none; 8360 line-height: 1; 8361 -webkit-font-smoothing: antialiased; 8362 -moz-osx-font-smoothing: grayscale; 8363 content: "\e903"; 8364 right: 1.8rem; 8365 font-size: 0.4em; 8366} 8367.pl-filter-bar .filter-button:before { 8368 position: absolute; 8369 top: 50%; 8370 -webkit-transform: translateY(-50%); 8371 -ms-transform: translateY(-50%); 8372 transform: translateY(-50%); 8373 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 8374 speak: never; 8375 font-display: swap; 8376 font-style: normal; 8377 font-weight: normal; 8378 font-variant: normal; 8379 text-transform: none; 8380 line-height: 1; 8381 -webkit-font-smoothing: antialiased; 8382 -moz-osx-font-smoothing: grayscale; 8383 font-size: 1.6em; 8384} 8385.pl-filter-bar .filter-button.filter { 8386 margin-right: 1.3rem; 8387} 8388.pl-filter-bar .filter-button.filter:before { 8389 content: "\e947"; 8390 left: 1.8rem; 8391} 8392.pl-filter-bar .filter-button.sort:before { 8393 content: "\e948"; 8394 left: 1.8rem; 8395} 8396.pl-filter-bar .filter-overlay { 8397 display: none; 8398 position: fixed; 8399 width: 100%; 8400 height: 100%; 8401 cursor: pointer; 8402 z-index: 1; 8403 top: 0; 8404 left: 0; 8405} 8406.pl-filter-bar .selection { 8407 display: none; 8408 position: absolute; 8409 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 8410 font-family: 'book', arial, helvetica, sans-serif; 8411 -webkit-transition: opacity 0.2s linear, transform 0.3s ease; 8412 transition: opacity 0.2s linear, transform 0.3s ease; 8413 -webkit-transform: translateY(1rem); 8414 -ms-transform: translateY(1rem); 8415 transform: translateY(1rem); 8416 opacity: 0; 8417 font-size: 1.4rem; 8418 border-radius: 1.2rem; 8419 background-color: #ebf7ff; 8420 z-index: 99; 8421 color: #1e398f; 8422} 8423.pl-filter-bar .selection:before { 8424 display: block; 8425 -webkit-transform: rotate(45deg); 8426 -ms-transform: rotate(45deg); 8427 transform: rotate(45deg); 8428 content: ""; 8429 width: 2.2rem; 8430 height: 2.2rem; 8431 position: absolute; 8432 top: -0.6rem; 8433 background-color: #ebf7ff; 8434} 8435.pl-filter-bar .selection.active { 8436 opacity: 1; 8437 -webkit-transform: translateY(0); 8438 -ms-transform: translateY(0); 8439 transform: translateY(0); 8440} 8441.pl-filter-bar .selection .cap { 8442 width: 100%; 8443 padding-bottom: 1.8rem; 8444 border-bottom: solid 1px #c2d1e9; 8445} 8446.pl-filter-bar .selection.filter { 8447 box-sizing: border-box; 8448 width: 42rem; 8449 padding: 2.8rem 5rem 5rem; 8450 right: 0; 8451 top: 10rem; 8452} 8453.pl-filter-bar .selection.filter:before { 8454 left: 19.4rem; 8455} 8456.pl-filter-bar .selection.filter > ul { 8457 width: 100%; 8458 display: flex; 8459 color: #1e398f; 8460} 8461.pl-filter-bar .selection.filter > ul > li { 8462 width: 100%; 8463 box-sizing: border-box; 8464 padding-top: 2.8rem; 8465} 8466.pl-filter-bar .selection.filter > ul > li .filter-item { 8467 width: 100%; 8468 display: inline-block; 8469} 8470.pl-filter-bar .selection.filter > ul > li .filter-item input { 8471 opacity: 0; 8472 pointer-events: none; 8473 position: absolute; 8474 top: 0; 8475 left: 0; 8476} 8477.pl-filter-bar .selection.filter > ul > li .filter-item input + label { 8478 width: 100%; 8479 display: inline-block; 8480 box-sizing: border-box; 8481 position: relative; 8482 cursor: pointer; 8483 padding-left: 3.7rem; 8484 line-height: 2rem; 8485 margin-bottom: 2.3rem; 8486} 8487.pl-filter-bar .selection.filter > ul > li .filter-item input + label:before { 8488 display: block; 8489 position: absolute; 8490 top: 50%; 8491 -webkit-transform: translateY(-50%); 8492 -ms-transform: translateY(-50%); 8493 transform: translateY(-50%); 8494 box-sizing: border-box; 8495 content: ""; 8496 left: 0; 8497 width: 2rem; 8498 height: 2rem; 8499 border: solid 1px #1e398f; 8500 border-radius: 0.4rem; 8501} 8502.pl-filter-bar .selection.filter > ul > li .filter-item input:checked + label:after { 8503 display: inline-block; 8504 top: 50%; 8505 -webkit-transform: translateY(-50%); 8506 -ms-transform: translateY(-50%); 8507 transform: translateY(-50%); 8508 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 8509 speak: never; 8510 font-display: swap; 8511 font-style: normal; 8512 font-weight: normal; 8513 font-variant: normal; 8514 text-transform: none; 8515 line-height: 1; 8516 -webkit-font-smoothing: antialiased; 8517 -moz-osx-font-smoothing: grayscale; 8518 content: "\e949"; 8519 position: absolute; 8520 left: 0.5rem; 8521 top: 1rem; 8522 font-size: 0.6em; 8523} 8524.pl-filter-bar .selection.sort { 8525 box-sizing: border-box; 8526 width: 32.5rem; 8527 top: 10rem; 8528 right: 0; 8529 padding: 2.8rem 5rem 5rem; 8530} 8531.pl-filter-bar .selection.sort:before { 8532 right: 2rem; 8533} 8534.pl-filter-bar .selection.sort .list { 8535 width: 100%; 8536 box-sizing: border-box; 8537 padding-top: 2.4rem; 8538} 8539.pl-filter-bar .selection.sort .list .filter-item input { 8540 opacity: 0; 8541 pointer-events: none; 8542 position: absolute; 8543 top: 0; 8544 left: 0; 8545} 8546.pl-filter-bar .selection.sort .list .filter-item input + label { 8547 display: block; 8548 width: 100%; 8549 position: relative; 8550 cursor: pointer; 8551 padding-left: 3.7rem; 8552 margin-bottom: 2.2rem; 8553 line-height: 2rem; 8554} 8555.pl-filter-bar .selection.sort .list .filter-item input + label:before { 8556 display: block; 8557 position: absolute; 8558 top: 50%; 8559 -webkit-transform: translateY(-50%); 8560 -ms-transform: translateY(-50%); 8561 transform: translateY(-50%); 8562 box-sizing: border-box; 8563 content: ""; 8564 left: 0; 8565 width: 2rem; 8566 height: 2rem; 8567 border-radius: 50%; 8568 border: solid 1px #1e398f; 8569} 8570.pl-filter-bar .selection.sort .list .filter-item input:checked + label:after { 8571 display: block; 8572 position: absolute; 8573 top: 50%; 8574 -webkit-transform: translateY(-50%); 8575 -ms-transform: translateY(-50%); 8576 transform: translateY(-50%); 8577 content: ""; 8578 width: 0.8rem; 8579 height: 0.8rem; 8580 background-color: #1e398f; 8581 top: 1rem; 8582 left: 0.6rem; 8583 border-radius: 50%; 8584} 8585.pl-product-list { 8586 width: 115.8rem; 8587 margin: 0 auto 3.7rem; 8588} 8589.pl-product-list .pl-web-row { 8590 width: 100%; 8591 display: flex; 8592 justify-content: flex-start; 8593 flex-wrap: wrap; 8594} 8595.pl-product-list .pl-mobile-row { 8596 width: 50%; 8597 display: flex; 8598 justify-content: flex-start; 8599 flex-wrap: wrap; 8600} 8601.pl-product-list .pl-cap { 8602 width: 100%; 8603 font-family: 'medium', arial, helvestica, sans-serif; 8604 font-size: 3.2rem; 8605 letter-spacing: -0.03em; 8606 color: #1e398f; 8607 margin-bottom: 3.2rem; 8608} 8609.pl-product-list .pl-cont { 8610 box-sizing: border-box; 8611 width: 50%; 8612 padding: 0; 8613} 8614.pl-product-list .product { 8615 width: 100%; 8616 margin-bottom: 9.4rem; 8617} 8618.pl-product-list .product .product-link { 8619 display: block; 8620 width: 100%; 8621 min-height: 23.2rem; 8622 margin-bottom: 3.8rem; 8623} 8624.pl-product-list .product img { 8625 width: 80%; 8626 margin-bottom: 0; 8627} 8628.pl-product-list .product .name { 8629 min-height: 8.8rem; 8630} 8631.pl-product-list .product .detail { 8632 font-family: 'medium', arial, helvestica, sans-serif; 8633 cursor: pointer; 8634 font-size: 1.4rem; 8635 padding-bottom: 1.6rem; 8636} 8637.pl-product-list .product .detail i { 8638 display: inline-block; 8639 vertical-align: middle; 8640 margin-right: 1rem; 8641} 8642.pl-product-list .d2c-para { 8643 margin-bottom: 2rem; 8644} 8645.page.product-list.special-products .page-banner { 8646 margin-bottom: 6.2rem; 8647} 8648.page.product-list.special-products .pl-product-list .product { 8649 margin-bottom: 0; 8650} 8651.page.product-list.special-products .pl-product-list .product .name { 8652 font-family: 'medium', arial, helvestica, sans-serif; 8653 min-height: 3.8rem; 8654} 8655.page.product-list.special-products .pl-product-list .product .desc { 8656 font-family: 'book', arial, helvetica, sans-serif; 8657 color: #1e398f; 8658 font-size: 1.4rem; 8659 line-height: 1.65em; 8660 opacity: 0.7; 8661} 8662.page.product-list.special-products .pl-product-list .product img { 8663 margin-bottom: 1.8rem; 8664} 8665.pd-cont { 8666 box-sizing: border-box; 8667 position: relative; 8668 width: 136rem; 8669 margin: 0 auto; 8670 border-radius: 2.6rem; 8671 background-color: #d7eefe; 8672 padding: 11rem 23rem 3.9rem; 8673} 8674.pd-cont:after {
8675 content: ' '; 8676 display: block; 8677 clear: both; 8678 height: 0; 8679 overflow: hidden; 8680} 8681.pd-left { 8682 float: left; 8683 width: 36rem; 8684} 8685.pd-cargo-info { 8686 width: 100%; 8687 box-sizing: border-box; 8688 display: flex; 8689 justify-content: flex-start; 8690 align-items: center; 8691 height: 5rem; 8692 border-radius: 0.6rem; 8693 padding: 0 2.8rem; 8694 background-color: #eff7fd; 8695 margin-bottom: 2.7rem; 8696} 8697.pd-cargo-info .text, 8698.pd-cargo-info .pd-cargo-date { 8699 display: block; 8700 font-family: 'medium', arial, helvestica, sans-serif; 8701 font-size: 1.4rem; 8702 color: #1e398f; 8703 margin-left: 1.2rem; 8704 line-height: 1.45em; 8705} 8706.pd-cargo-info.free-size { 8707 height: auto; 8708 text-align: center; 8709 padding: 2.8rem; 8710} 8711.pd-cargo-info.free-size .text, 8712.pd-cargo-info.free-size .pd-cargo-date { 8713 margin-left: 0; 8714} 8715.pd-slider-cont { 8716 float: left; 8717 width: 36rem; 8718 height: 51.6rem; 8719 margin-bottom: 2.8rem; 8720} 8721.pd-slider .pd-slider-data { 8722 opacity: 0; 8723} 8724.pd-slider.royalSlider.rsMinw { 8725 width: 36rem; 8726 height: 51.6rem; 8727} 8728.pd-slider.royalSlider.rsMinw img.rsImg { 8729 margin: 0 !important; 8730 width: 36rem; 8731 height: 36rem; 8732} 8733.pd-slider.royalSlider.rsMinw .rsOverflow { 8734 width: 36rem !important; 8735 height: 36rem !important; 8736 overflow: hidden; 8737 float: none; 8738} 8739.pd-slider.royalSlider.rsMinw .rsThumbs { 8740 box-sizing: border-box; 8741 float: none; 8742 width: 36rem; 8743 height: 12rem; 8744 padding-top: 1.6rem; 8745} 8746.pd-slider.royalSlider.rsMinw .rsThumb { 8747 box-sizing: border-box; 8748 width: 9rem; 8749 padding: 0 1rem; 8750} 8751.pd-slider.royalSlider.rsMinw .rsThumb img { 8752 width: 100%; 8753} 8754.pd-slider.royalSlider.rsMinw .rsImg { 8755 cursor: pointer; 8756} 8757.pd-slider.royalSlider.rsMinw .icon-c-enlarge { 8758 display: none; 8759 position: absolute; 8760 cursor: pointer; 8761 bottom: 0; 8762 left: 0; 8763 font-size: 2.4rem; 8764 z-index: 99; 8765 color: #1e398f; 8766 background-color: #d7eefe; 8767 padding: 0.3rem; 8768 border-top-right-radius: 1rem; 8769 -webkit-transition: transform 0.2s linear; 8770 transition: transform 0.2s linear; 8771 -webkit-transform-origin: 50% 50%; 8772 -ms-transform-origin: 50% 50%; 8773 transform-origin: 50% 50%; 8774 -webkit-transform: scale(1); 8775 -ms-transform: scale(1); 8776 transform: scale(1); 8777} 8778.pd-slider.royalSlider.rsMinw .icon-c-enlarge:hover { 8779 -webkit-transform: scale(1.1); 8780 -ms-transform: scale(1.1); 8781 transform: scale(1.1); 8782} 8783.pd-slider.royalSlider.rsMinw.tns-active .icon-c-enlarge { 8784 display: inline-block; 8785} 8786.pd-slider.royalSlider.rsMinw .rsArrow { 8787 display: block; 8788 position: absolute; 8789 top: 17rem; 8790 width: 5rem; 8791 height: 5rem; 8792 background-color: #c6dcf1; 8793 border-radius: 50%; 8794} 8795.pd-slider.royalSlider.rsMinw .rsArrow .rsArrowIcn { 8796 display: inline-block; 8797 position: absolute; 8798 left: 50%; 8799 top: 50%; 8800 -webkit-transform: translateX(-50%) translateY(-50%); 8801 -ms-transform: translateX(-50%) translateY(-50%); 8802 transform: translateX(-50%) translateY(-50%); 8803 width: auto; 8804 height: auto; 8805 color: #1e398f; 8806} 8807.pd-slider.royalSlider.rsMinw .rsArrow .rsArrowIcn:after { 8808 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 8809 speak: never; 8810 font-display: swap; 8811 font-style: normal; 8812 font-weight: normal; 8813 font-variant: normal; 8814 text-transform: none; 8815 line-height: 1; 8816 -webkit-font-smoothing: antialiased; 8817 -moz-osx-font-smoothing: grayscale; 8818 display: inline-block; 8819 content: "\e903"; 8820 font-size: 0.7rem; 8821} 8822.pd-slider.royalSlider.rsMinw .rsArrow.rsArrowLeft { 8823 left: -6rem; 8824} 8825.pd-slider.royalSlider.rsMinw .rsArrow.rsArrowLeft .rsArrowIcn:after { 8826 -webkit-transform: rotate(90deg); 8827 -ms-transform: rotate(90deg); 8828 transform: rotate(90deg); 8829} 8830.pd-slider.royalSlider.rsMinw .rsArrow.rsArrowRight { 8831 right: -6rem; 8832} 8833.pd-slider.royalSlider.rsMinw .rsArrow.rsArrowRight .rsArrowIcn:after { 8834 -webkit-transform: rotate(-90deg); 8835 -ms-transform: rotate(-90deg); 8836 transform: rotate(-90deg); 8837} 8838.pd-details { 8839 float: right; 8840 width: 33rem; 8841} 8842.pd-details .badge { 8843 font-size: 1.2rem; 8844 padding: 0.3rem 0.5rem; 8845 margin-bottom: 0.7rem; 8846} 8847.pd-details .product-name { 8848 font-family: 'bold', arial, helvetica, sans-serif; 8849 font-size: 2.2rem; 8850 letter-spacing: -0.03em; 8851 line-height: 1.3em; 8852 margin-bottom: 1rem; 8853} 8854.pd-details .product-blue { 8855 font-family: 'bold', arial, helvetica, sans-serif; 8856 font-size: 1.8rem; 8857 color: #6dbff3; 8858 margin-bottom: 1.2rem; 8859} 8860.pd-details .product-desc { 8861 font-family: 'medium', arial, helvestica, sans-serif; 8862 font-size: 1.4rem; 8863 line-height: 1.58em; 8864 margin-bottom: 2rem; 8865} 8866.pd-details .d2c-price { 8867 width: 100%; 8868 padding-bottom: 0.8rem; 8869} 8870.pd-details .product-unit-price { 8871 font-family: 'medium', arial, helvestica, sans-serif; 8872 font-size: 1.4rem; 8873 color: #7a93c6; 8874 border-bottom: dashed 1px #b3cae8; 8875 padding-bottom: 1.6rem; 8876 margin-bottom: 1.6rem; 8877 opacity: 1; 8878} 8879.pd-details .product-check-list { 8880 padding-bottom: 0.3rem; 8881 border-bottom: dashed 1px #b3cae8; 8882 margin-bottom: 1.6rem; 8883} 8884.pd-details .product-check-list ul { 8885 color: #1e398f; 8886} 8887.pd-details .product-check-list ul li { 8888 position: relative; 8889 font-family: 'book', arial, helvetica, sans-serif; 8890 width: 100%; 8891 box-sizing: border-box; 8892 font-size: 1.4rem; 8893 line-height: 1.58em; 8894 margin-bottom: 0.5rem; 8895 padding-left: 2.7rem; 8896 margin-bottom: 1.2rem; 8897} 8898.pd-details .product-check-list ul li:before { 8899 display: block; 8900 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 8901 speak: never; 8902 font-display: swap; 8903 font-style: normal; 8904 font-weight: normal; 8905 font-variant: normal; 8906 text-transform: none; 8907 line-height: 1; 8908 -webkit-font-smoothing: antialiased; 8909 -moz-osx-font-smoothing: grayscale; 8910 content: "\e949"; 8911 position: absolute; 8912 text-align: center; 8913 top: 0.2rem; 8914 left: 0; 8915 width: 1.6rem; 8916 height: 1.6rem; 8917 line-height: 1.6rem; 8918 border: solid 1px #1e398f; 8919 border-radius: 50%; 8920 font-size: 0.7rem; 8921} 8922.pd-details .product-skt { 8923 font-family: 'book', arial, helvetica, sans-serif; 8924 font-size: 1.4rem; 8925 padding-bottom: 1.6rem; 8926 border-bottom: dashed 1px #b3cae8; 8927 margin-bottom: 1.6rem; 8928} 8929.pd-details .d2c-add-to-basket { 8930 width: 100%; 8931 display: flex; 8932 justify-content: flex-start; 8933 border-bottom: dashed 1px #b3cae8; 8934 padding-bottom: 1.6rem; 8935 margin-bottom: 1.6rem; 8936} 8937.pd-details .d2c-add-to-basket .button { 8938 text-align: center; 8939 border-radius: 2rem; 8940 height: 3.6rem; 8941 line-height: 3.6rem; 8942 margin-left: 1.2rem; 8943 flex-grow: 2; 8944 white-space: nowrap; 8945} 8946.pd-details .d2c-add-to-basket .amount-form { 8947 height: 3.6rem; 8948 background-color: transparent; 8949 border: solid 1px #1e398f; 8950 border-radius: 2rem; 8951 color: #1e398f; 8952} 8953.pd-details .d2c-add-to-basket .amount-form .amount-indicator, 8954.pd-details .d2c-add-to-basket .amount-form .minus, 8955.pd-details .d2c-add-to-basket .amount-form .plus { 8956 line-height: 3.6rem; 8957 height: 3.6rem; 8958} 8959.pd-details .d2c-buy-now { 8960 width: 100%; 8961 margin-bottom: 2.7rem; 8962} 8963.pd-details .d2c-buy-now .button { 8964 width: 100%; 8965 text-align: center; 8966 border-radius: 2rem; 8967 height: 3.6rem; 8968 line-height: 3.6rem; 8969} 8970.pd-badges { 8971 width: 100%; 8972 position: relative; 8973 display: flex; 8974 justify-content: center; 8975 text-align: center; 8976 align-items: center; 8977 height: 9.4rem; 8978 border-top: dashed 1px #b3cae8; 8979 border-bottom: dashed 1px #b3cae8; 8980 margin-bottom: 6rem; 8981} 8982.pd-badges .badge { 8983 position: relative; 8984 display: inline-block; 8985 font-family: 'medium', arial, helvestica, sans-serif; 8986 margin: 0 2.6rem; 8987 padding-left: 5rem; 8988 font-size: 1.2rem; 8989 line-height: 1.34em; 8990 color: #1e398f; 8991 text-align: left; 8992} 8993.pd-badges .badge i { 8994 position: absolute; 8995 top: 50%; 8996 -webkit-transform: translateY(-50%); 8997 -ms-transform: translateY(-50%); 8998 transform: translateY(-50%); 8999 left: 0; 9000 font-size: 3.3rem; 9001} 9002.pd-tab-links { 9003 width: 100%; 9004 position: absolute; 9005 bottom: 0; 9006 left: 0; 9007 text-align: center; 9008 white-space: nowrap; 9009} 9010.pd-tab-links a { 9011 display: inline-block; 9012 font-family: 'medium', arial, helvestica, sans-serif; 9013 position: relative; 9014 font-size: 1.6rem; 9015 letter-spacing: -0.03em; 9016 padding-bottom: 2.9rem; 9017 color: #1e398f; 9018 margin: 0 4.3rem; 9019 white-space: nowrap; 9020 -webkit-transition: color 0.2s linear; 9021 transition: color 0.2s linear; 9022} 9023.pd-tab-links a:after { 9024 position: absolute; 9025 display: block; 9026 width: 100%; 9027 height: 0.6rem; 9028 left: 0; 9029 bottom: 0; 9030 content: ""; 9031 opacity: 0; 9032 background-color: #1e398f; 9033 -webkit-transform-origin: 50% 50%; 9034 -ms-transform-origin: 50% 50%; 9035 transform-origin: 50% 50%; 9036 -webkit-transform: scaleX(0); 9037 -ms-transform: scaleX(0); 9038 transform: scaleX(0); 9039 -webkit-transition: color 0.1s linear, opacity 0.2s linear, transform 0.3s ease; 9040 transition: color 0.1s linear, opacity 0.2s linear, transform 0.3s ease; 9041} 9042.pd-tab-links a.active { 9043 color: #5fbeec; 9044} 9045.pd-tab-links a.active:after { 9046 background-color: #5fbeec; 9047 opacity: 1; 9048 -webkit-transform: scaleX(1); 9049 -ms-transform: scaleX(1); 9050 transform: scaleX(1); 9051} 9052.pd-tab-links a br { 9053 display: none; 9054} 9055.pd-tab-contents { 9056 position: relative; 9057 padding: 6.4rem 0 0; 9058 width: 66.6rem; 9059 margin: 0 auto; 9060} 9061.pd-info-section { 9062 width: 100%; 9063 margin: 0 auto 4.4rem; 9064 padding-bottom: 4.4rem; 9065} 9066.pd-info-section .content { 9067 display: flex; 9068 flex-wrap: nowrap; 9069 justify-content: space-between; 9070 align-items: center; 9071} 9072.pd-info-section .img { 9073 width: 32.3rem; 9074} 9075.pd-info-section .img img { 9076 width: 100%; 9077} 9078.pd-info-section .img.shadow { 9079 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 9080} 9081.pd-info-section .img.radius { 9082 border-radius: 1.2rem; 9083 overflow: hidden; 9084} 9085.pd-info-section .text { 9086 font-family: 'book', arial, helvetica, sans-serif; 9087 width: 27.1rem; 9088 font-size: 1.4rem; 9089 line-height: 1.58em; 9090 color: #6174b0; 9091} 9092.pd-info-section .text p { 9093 margin-bottom: 3.4rem; 9094} 9095.pd-info-section .text p:last-child { 9096 margin-bottom: 0; 9097} 9098.pd-info-section .text strong { 9099 font-family: 'medium', arial, helvestica, sans-serif; 9100} 9101.pd-info-section .text big { 9102 font-size: 1.29em; 9103} 9104.pd-info-section .text small { 9105 font-size: 0.86em; 9106} 9107.pd-info-section.left .content { 9108 flex-direction: row; 9109} 9110.pd-info-section.right .content { 9111 flex-direction: row-reverse; 9112} 9113.pd-sticky-buy { 9114 display: none; 9115} 9116.pd-sticky-buy .button { 9117 white-space: nowrap; 9118} 9119.tns-modal { 9120 width: 100%; 9121 height: 100%; 9122 padding: 0; 9123} 9124.page.user-forms { 9125 padding-top: 8rem; 9126} 9127.page.user-forms:after {
9128 content: ' '; 9129 display: block; 9130 clear: both; 9131 height: 0; 9132 overflow: hidden; 9133} 9134.page.user-forms .text-center { 9135 text-align: center; 9136} 9137.page.user-forms .or { 9138 width: 100%; 9139 font-family: 'book', arial, helvetica, sans-serif; 9140 text-align: center; 9141 font-size: 1.2rem; 9142 color: #1e398f; 9143 padding: 2rem 0; 9144} 9145.page.user-forms .usr-left { 9146 position: relative; 9147 float: left; 9148 width: 67rem; 9149 border-radius: 2.6rem; 9150 overflow: hidden; 9151} 9152.page.user-forms .usr-left img { 9153 position: relative; 9154 width: 100%; 9155 z-index: 1; 9156} 9157.page.user-forms .usr-right { 9158 float: right; 9159 width: 55.5rem; 9160} 9161.page.user-forms .usr-centered-form { 9162 width: 44rem; 9163} 9164.usr-form-top { 9165 width: 100%; 9166 position: relative; 9167 height: 3.8rem; 9168 text-align: right; 9169} 9170.usr-form-top .back { 9171 position: absolute; 9172 top: 50%; 9173 -webkit-transform: translateY(-50%); 9174 -ms-transform: translateY(-50%); 9175 transform: translateY(-50%); 9176 display: inline-block; 9177 font-family: 'book', arial, helvetica, sans-serif; 9178 left: 0; 9179 font-size: 1.2rem; 9180 padding-left: 2rem; 9181} 9182.usr-form-top .back i { 9183 position: absolute; 9184 top: 50%; 9185 -webkit-transform: translateY(-50%); 9186 -ms-transform: translateY(-50%); 9187 transform: translateY(-50%); 9188 left: 0; 9189 font-size: 0.7em; 9190} 9191.usr-form-top .text { 9192 display: inline-block; 9193 font-family: 'book', arial, helvetica, sans-serif; 9194 font-size: 1.2rem; 9195 color: #1e398f; 9196 margin-right: 1.5rem; 9197 opacity: 0.5; 9198} 9199.usr-form-caps { 9200 width: 44rem; 9201 padding-top: 6.8rem; 9202 text-align: center; 9203} 9204.usr-form-caps h2 { 9205 width: 100%; 9206 font-family: 'medium', arial, helvestica, sans-serif; 9207 font-size: 3.2rem; 9208 letter-spacing: -0.03em; 9209 margin-top: 4.9rem; 9210 margin-bottom: 5rem; 9211 line-height: 1.3em; 9212} 9213.usr-form-caps h2 span { 9214 display: none; 9215} 9216.usr-form-caps h2.back-state span { 9217 display: inline-block; 9218 font-size: 0.7em; 9219 margin-right: 4rem; 9220 cursor: pointer; 9221} 9222.usr-form-logo { 9223 display: inline-block; 9224 width: 10.8rem; 9225} 9226.usr-form-logo img { 9227 width: 100%; 9228} 9229.register-success { 9230 width: 44rem; 9231 color: #1e398f; 9232 padding-top: 6.8rem; 9233} 9234.register-success strong { 9235 display: block; 9236 font-family: 'bold', arial, helvetica, sans-serif; 9237 font-size: 3.2rem; 9238 margin-bottom: 2.5rem; 9239} 9240.register-success strong i { 9241 display: block; 9242 margin-bottom: 2.5rem; 9243 font-size: 1em; 9244} 9245.register-success strong#iadeNumber { 9246 display: block; 9247 margin-top: 3rem; 9248} 9249.page.user-forms.login .form-item.pwd { 9250 margin-top: 6.7rem; 9251 margin-bottom: 5.1rem; 9252} 9253.page.user-forms.login .messages { 9254 width: 100%; 9255} 9256.page.user-forms.login .messages p { 9257 font-family: 'book', arial, helvetica, sans-serif; 9258 font-size: 1.4rem; 9259 line-height: 1.35em; 9260 color: #ff4040; 9261 margin: 0 auto 1.5rem; 9262} 9263.page.user-forms.login .messages p a { 9264 color: #1e398f; 9265 text-decoration: underline; 9266 -webkit-transition: color 0.2s linear; 9267 transition: color 0.2s linear; 9268} 9269.page.user-forms.login .messages p a:hover, 9270.page.user-forms.login .messages p a:active { 9271 color: #000; 9272 text-decoration: none; 9273} 9274.page.user-forms.register .babies { 9275 padding-bottom: 1.5rem; 9276 margin-bottom: 4.5rem; 9277 position: relative; 9278} 9279.page.user-forms.register .babies .btn-add-item { 9280 position: absolute; 9281 bottom: -1.8rem; 9282 left: 0; 9283} 9284.usr-register-buttons { 9285 width: 44rem; 9286 text-align: center; 9287} 9288.usr-form-baby-info { 9289 width: 100%; 9290 color: #1e398f; 9291 margin: 0 auto 1rem; 9292} 9293.usr-form-baby-info strong { 9294 display: block; 9295 font-family: 'bold', arial, helvetica, sans-serif; 9296 font-size: 2.2rem; 9297 margin-bottom: 1.2rem; 9298} 9299.usr-form-baby-info p { 9300 font-family: 'book', arial, helvetica, sans-serif; 9301 font-size: 1.4rem; 9302 line-height: 1.65em; 9303 margin-bottom: 2.3rem; 9304} 9305.mail-button-clicked { 9306 display: none; 9307} 9308.delete-baby-btn { 9309 width: 100%; 9310 text-align: right; 9311 margin-bottom: 2rem; 9312} 9313.delete-baby-btn a { 9314 display: inline-block; 9315 position: relative; 9316 font-family: 'book', arial, helvetica, sans-serif; 9317 box-sizing: border-box; 9318 font-size: 1.2rem; 9319 height: 2.6rem; 9320 line-height: 2.6rem; 9321 border-radius: 1.3rem; 9322 color: #1e398f; 9323 padding: 0 4rem 0 1rem; 9324 background-color: #edf4f8; 9325} 9326.delete-baby-btn a i { 9327 position: absolute; 9328 top: 50%; 9329 -webkit-transform: translateY(-50%); 9330 -ms-transform: translateY(-50%); 9331 transform: translateY(-50%); 9332 right: 1rem; 9333 color: #000; 9334 font-size: 1.7em; 9335} 9336.delete-baby-btn.hidden { 9337 display: none; 9338} 9339.sms-control-form { 9340 font-family: 'book', arial, helvetica, sans-serif; 9341 font-size: 1.4rem; 9342 line-height: 1.65em; 9343 color: #1e398f; 9344} 9345.sms-control-form p { 9346 margin-bottom: 2.5rem; 9347} 9348.generic-form-message { 9349 font-family: 'medium', arial, helvestica, sans-serif; 9350 font-size: 1.4rem; 9351 color: #1e398f; 9352 line-height: 1.64em; 9353} 9354.generic-form-message p { 9355 margin-bottom: 2.5rem; 9356} 9357.generic-form-message.error { 9358 color: #ff4040; 9359} 9360#sendSmsAgainMsg.input-error { 9361 color: #ff4040; 9362} 9363#sendSmsAgainMsg.input-success { 9364 color: #1e398f; 9365} 9366.page.my-account .page-banner { 9367 display: none; 9368} 9369.page.my-account .my-account-cont { 9370 position: relative; 9371 width: 136rem; 9372 margin: 3rem auto 11.9rem; 9373 border-radius: 2.6rem; 9374 background-color: #eff9ff; 9375 padding-bottom: 10.5rem; 9376 overflow: hidden; 9377} 9378.page.my-account .my-account-cont .bg { 9379 width: 100%; 9380 position: relative; 9381 z-index: 1; 9382 min-height: 10rem; 9383} 9384.page.my-account .my-account-cont .bg img { 9385 width: 100%; 9386 position: relative; 9387 z-index: 1; 9388} 9389.page.my-account .my-account-cont .cap { 9390 position: relative; 9391 font-family: 'bold', arial, helvetica, sans-serif; 9392 z-index: 2; 9393 width: 90rem; 9394 margin: -17rem auto 3.2rem; 9395 font-size: 2.2rem; 9396 line-height: 1.54em; 9397} 9398.page.my-account .my-account-cont .cap span { 9399 display: block; 9400 margin-bottom: 1; 9401 font-size: 0.8em; 9402} 9403.page.my-account .my-account-cont .my-account-menu { 9404 width: 90rem; 9405 margin: 0 auto; 9406} 9407.page.my-account .usr-tabs { 9408 position: relative; 9409 border-bottom: none; 9410 z-index: 9; 9411} 9412.page.my-account .usr-tabs .scroller { 9413 width: 30%; 9414 display: block; 9415} 9416.page.my-account .usr-tabs a { 9417 display: block; 9418 text-align: left; 9419 padding: 1.4rem 0; 9420 margin: 0; 9421} 9422.page.my-account .usr-tabs a br { 9423 display: none; 9424} 9425.page.my-account .usr-tabs a:hover:after, 9426.page.my-account .usr-tabs a:active:after { 9427 display: none; 9428} 9429.page.my-account .usr-tabs a.active { 9430 color: #1e398f; 9431} 9432.page.my-account .usr-tabs a.active:after { 9433 display: none; 9434} 9435.page.my-account .usr-tabs .mobile-border { 9436 display: block; 9437 margin: 1.4rem auto; 9438 border-top: solid 1px #b0bfdd; 9439} 9440.page.my-page .page-banner { 9441 margin-bottom: 4.8rem; 9442} 9443.usr-tabs { 9444 box-sizing: border-box; 9445 text-align: center; 9446 width: 90rem; 9447 margin: 0 auto 8.2rem; 9448 border-bottom: solid 0.4rem #e1f3fc; 9449} 9450.usr-tabs a { 9451 display: inline-block; 9452 position: relative; 9453 font-family: 'medium', arial, helvestica, sans-serif; 9454 -webkit-transition: color 0.2s linear; 9455 transition: color 0.2s linear; 9456 padding: 0 1rem 1.1rem; 9457 margin: 0 1.2rem; 9458 color: #1e398f; 9459 font-size: 1.6rem; 9460 line-height: 1.375em; 9461} 9462.usr-tabs a:first-child { 9463 margin-left: 0; 9464} 9465.usr-tabs a:last-child { 9466 margin-right: 0; 9467} 9468.usr-tabs a:after { 9469 position: absolute; 9470 display: block; 9471 width: 100%; 9472 -webkit-transition: transform 0.4s linear, background-color 0.2s linear; 9473 transition: transform 0.4s linear, background-color 0.2s linear; 9474 -webkit-transform-origin: 50% 50%; 9475 -ms-transform-origin: 50% 50%; 9476 transform-origin: 50% 50%; 9477 -webkit-transform: translateX(-50%) scaleX(0); 9478 -ms-transform: translateX(-50%) scaleX(0); 9479 transform: translateX(-50%) scaleX(0); 9480 content: ""; 9481 height: 0.4rem; 9482 bottom: -0.4rem; 9483 left: 50%; 9484 background-color: #1e398f; 9485} 9486.usr-tabs a.active { 9487 color: #6dbff3; 9488} 9489.usr-tabs a.active:after { 9490 background-color: #6dbff3; 9491 -webkit-transform: translateX(-50%) scaleX(1); 9492 -ms-transform: translateX(-50%) scaleX(1); 9493 transform: translateX(-50%) scaleX(1); 9494} 9495.usr-tabs a:hover, 9496.usr-tabs a:active { 9497 color: #6dbff3; 9498} 9499.usr-tabs a:hover:after, 9500.usr-tabs a:active:after { 9501 background-color: #6dbff3; 9502 -webkit-transform: translateX(-50%) scaleX(1); 9503 -ms-transform: translateX(-50%) scaleX(1); 9504 transform: translateX(-50%) scaleX(1); 9505} 9506.usr-tabs .mobile-border { 9507 display: none; 9508} 9509.usr-tabs .scroller { 9510 position: relative; 9511 display: flex; 9512 align-items: flex-end; 9513 justify-content: flex-start; 9514} 9515.hesap-ayarlarim { 9516 width: 80rem; 9517 margin: 0 auto; 9518 padding-bottom: 10rem; 9519} 9520.hesap-ayarlarim:after {
9521 content: ' '; 9522 display: block; 9523 clear: both; 9524 height: 0; 9525 overflow: hidden; 9526} 9527.hesap-ayarlarim .content { 9528 float: left; 9529 width: 43.6rem; 9530 padding-top: 2.8rem; 9531} 9532.hesap-ayarlarim .content .cap { 9533 font-family: 'medium', arial, helvestica, sans-serif; 9534 font-size: 3.2rem; 9535 letter-spacing: -0.03em; 9536 margin-bottom: 2rem; 9537} 9538.hesap-ayarlarim .content .cap.margin-top { 9539 margin-top: 8rem; 9540} 9541.hesap-ayarlarim .content .inf { 9542 margin-bottom: 3rem; 9543} 9544.hesap-ayarlarim .content .form { 9545 width: 100%; 9546 box-sizing: border-box; 9547 padding-top: 3.8rem; 9548 border-top: dashed 0.2rem #d8e9f4; 9549} 9550.hesap-ayarlarim .babies { 9551 position: relative; 9552} 9553.hesap-ayarlarim .babies .btn-add-item { 9554 position: absolute; 9555 bottom: -1.6rem; 9556 left: 0; 9557} 9558.hesap-ayarlarim .form .divider { 9559 margin-top: 4rem; 9560} 9561.hesap-ayarlarim .form .gender-group { 9562 display: none; 9563} 9564.auth-menu { 9565 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 9566 float: right; 9567 width: 20rem; 9568 border-radius: 1.2rem; 9569 overflow: hidden; 9570} 9571.auth-menu a { 9572 display: block; 9573 width: 100%; 9574 position: relative; 9575 box-sizing: border-box; 9576 font-family: 'medium', arial, helvestica, sans-serif; 9577 font-size: 1.4rem; 9578 height: 7.2rem; 9579 background-color: transparent; 9580 color: #9dc8e3; 9581 padding: 1.8rem 1.6rem 0 5rem; 9582 line-height: 1.29em; 9583 -webkit-transition: color 0.2s linear, background-color 0.2s linear; 9584 transition: color 0.2s linear, background-color 0.2s linear; 9585} 9586.auth-menu a i { 9587 position: absolute; 9588 top: 50%; 9589 -webkit-transform: translateY(-50%); 9590 -ms-transform: translateY(-50%); 9591 transform: translateY(-50%); 9592 left: 1.3rem; 9593 font-size: 1.8em; 9594} 9595.auth-menu a.active { 9596 color: #fff; 9597 background-color: #9dc8e3; 9598} 9599.auth-menu a:hover, 9600.auth-menu a:active { 9601 color: #000; 9602} 9603.mobile-auth-menu-button, 9604.auth-menu-overlay { 9605 display: none; 9606} 9607.account-settings .hesap-ayarlarim .content .inf { 9608 margin-bottom: 0; 9609} 9610.uzmana-sorduklarim { 9611 width: 66.6rem; 9612 margin: 0 auto 9rem; 9613} 9614.uzmana-sorduklarim .cap { 9615 font-family: 'medium', arial, helvestica, sans-serif; 9616 position: relative; 9617 width: 100%; 9618 font-size: 3.2rem; 9619 letter-spacing: -0.03em; 9620 margin-bottom: 4.4rem; 9621} 9622.uzmana-sorduklarim .cap .button { 9623 position: absolute; 9624 right: 0; 9625 top: 0; 9626} 9627.question { 9628 width: 100%; 9629 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 9630 box-sizing: border-box; 9631 margin: 0 auto 3rem; 9632 padding: 2.2rem 2.8rem; 9633 border-radius: 1.2rem; 9634 border: solid 1px; 9635} 9636.question .tag { 9637 margin-bottom: 2.4rem; 9638} 9639.question .status { 9640 width: 100%; 9641 position: relative; 9642 box-sizing: border-box; 9643} 9644.question .status .disabled { 9645 display: inline-block; 9646 font-family: 'bold', arial, helvetica, sans-serif; 9647 position: relative; 9648 box-sizing: border-box; 9649 font-size: 1.6rem; 9650 color: #fff; 9651 height: 3.6rem; 9652 line-height: 3.6rem; 9653 border-radius: 1.8rem; 9654 padding: 0 1.8rem; 9655 letter-spacing: -0.03em; 9656 background-color: #d7eefe; 9657} 9658.question .status.text-right { 9659 text-align: right; 9660} 9661.question .status .expert { 9662 display: inline-block; 9663 font-family: 'book', arial, helvetica, sans-serif; 9664 position: relative; 9665 min-height: 7.4rem; 9666 padding: 1rem 0 0 9rem; 9667 font-size: 1.4rem; 9668} 9669.question .status .expert .img { 9670 position: absolute; 9671 width: 7.4rem; 9672 height: 7.4rem; 9673 overflow: hidden; 9674 border-radius: 50%; 9675 top: 0; 9676 left: 0; 9677} 9678.question .status .expert .img img { 9679 width: 100%; 9680} 9681.question .status .expert .mini { 9682 display: block; 9683 font-family: 'bold', arial, helvetica, sans-serif; 9684 font-size: 1.2rem; 9685 margin-bottom: 0.5rem; 9686} 9687.question .status .expert .title { 9688 font-family: 'medium', arial, helvestica, sans-serif; 9689 display: block; 9690 font-size: 1.8rem; 9691 margin-bottom: 0.5rem; 9692} 9693.question .status .detail-button { 9694 position: absolute; 9695 top: 50%; 9696 -webkit-transform: translateY(-50%); 9697 -ms-transform: translateY(-50%); 9698 transform: translateY(-50%); 9699 right: 0; 9700} 9701.question .status.dashed { 9702 padding-top: 3.4rem; 9703 border-top: dashed 1px #cee4f3; 9704} 9705.question.idle { 9706 background-color: #fff; 9707 border-color: #fff; 9708} 9709.question.answered { 9710 background-color: #eff7fd; 9711 border-color: #6dbff3; 9712} 9713.etkinliklerim .cap { 9714 font-family: 'medium', arial, helvestica, sans-serif; 9715 position: relative; 9716 width: 100%; 9717 font-size: 3.2rem; 9718 letter-spacing: -0.03em; 9719 margin-bottom: 4.4rem; 9720} 9721.callendar-view { 9722 width: 113rem; 9723 margin: 4.9rem auto 5rem; 9724} 9725.activity-cap { 9726 width: 100%; 9727 font-family: 'medium', arial, helvestica, sans-serif; 9728 font-size: 1.6rem; 9729 padding-bottom: 1.6rem; 9730 margin-bottom: 2.7rem; 9731 border-bottom: solid 1px #e6e6ed; 9732} 9733.activity { 9734 width: 100%; 9735 position: relative; 9736 box-sizing: border-box; 9737 display: block; 9738 margin-bottom: 1.8rem; 9739 height: 13rem; 9740 borde-radius: 1.2rem; 9741 background-color: #fff; 9742 border: solid 1px #e6e6ed; 9743 border-radius: 1.2rem; 9744 overflow: hidden; 9745} 9746.activity .img { 9747 position: absolute; 9748 left: 0; 9749 top: 0; 9750 width: 27.7rem; 9751 height: 13rem; 9752} 9753.activity .img img { 9754 width: 100%; 9755} 9756.activity .text { 9757 position: absolute; 9758 right: 4.8rem; 9759 height: 13rem; 9760 width: 74.1rem; 9761} 9762.activity .left { 9763 position: absolute; 9764 box-sizing: border-box; 9765 top: 0; 9766 left: 0; 9767 padding: 1.2rem 0; 9768 height: 13rem; 9769 width: 48rem; 9770} 9771.activity .right { 9772 position: absolute; 9773 height: 13rem; 9774 width: 25rem; 9775 right: 0; 9776 top: 0; 9777 padding: 4.2rem 0 1.2rem; 9778} 9779.activity .tags { 9780 margin-bottom: 1.2rem; 9781} 9782.activity .cap { 9783 font-family: 'medium', arial, helvestica, sans-serif; 9784 font-size: 1.4rem; 9785 line-height: 1.45em; 9786 margin-bottom: 1.2rem; 9787 height: 4.1rem; 9788} 9789.activity .name { 9790 font-family: 'book', arial, helvetica, sans-serif; 9791 font-size: 1.4rem; 9792 color: #1c1e25; 9793 margin-bottom: 1.2rem; 9794} 9795.activity .date { 9796 position: relative; 9797 padding-left: 2.6rem; 9798 margin-bottom: 1.2rem; 9799} 9800.activity .date .icon-a-time { 9801 display: inline-block; 9802 position: absolute; 9803 left: 0; 9804 top: -0.5rem; 9805 font-size: 1.6em; 9806} 9807.activity .people { 9808 position: relative; 9809 left: 0; 9810} 9811.activity .people img { 9812 display: inline-block; 9813 vertical-align: middle; 9814 width: 6.7rem; 9815 margin-right: 0.5rem; 9816} 9817.activity .people span { 9818 display: inline-block; 9819 vertical-align: middle; 9820 font-family: 'medium', arial, helvestica, sans-serif; 9821 font-size: 1rem; 9822 color: #1e398f; 9823} 9824.activity:hover, 9825.activity:active { 9826 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 9827} 9828.blank-delivery-address, 9829.blank-invoice-address, 9830.blank-member-orders, 9831.blank-member-promotions { 9832 font-family: 'medium', arial, helvestica, sans-serif; 9833 text-align: center; 9834 font-size: 1.6rem; 9835 padding: 3.2rem; 9836} 9837.page.my-orders .page-banner { 9838 margin-bottom: 3.7rem; 9839} 9840.page.my-orders .list-product-images { 9841 width: 9rem; 9842 margin-right: 0.5rem; 9843 white-space: nowrap; 9844} 9845.page.my-orders .list-product-images .img { 9846 display: inline-block; 9847 vertical-align: middle; 9848 position: relative; 9849 font-family: 'medium', arial, helvestica, sans-serif; 9850 box-shadow: -0.3rem 0.2rem 3rem 0 rgba(0, 0, 0, 0.1); 9851 text-align: center; 9852 font-size: 1.4rem; 9853 line-height: 3.4rem; 9854 width: 3.4rem; 9855 height: 3.4rem; 9856 background-color: #fff; 9857 margin-right: -2rem; 9858 border-radius: 50%; 9859 opacity: 0.8; 9860} 9861.page.my-orders .list-product-images .img img { 9862 width: 60%; 9863 position: absolute; 9864 left: 50%; 9865 top: 50%; 9866 -webkit-transform: translateX(-50%) translateY(-50%); 9867 -ms-transform: translateX(-50%) translateY(-50%); 9868 transform: translateX(-50%) translateY(-50%); 9869} 9870.page.my-orders .list-product-images .img:nth-child(1) { 9871 z-index: 1; 9872} 9873.page.my-orders .list-product-images .img:nth-child(2) { 9874 z-index: 2; 9875} 9876.page.my-orders .list-product-images .img:nth-child(3) { 9877 z-index: 3; 9878} 9879.page.my-orders .list-order-id { 9880 width: 23.4rem; 9881 margin-right: 2rem; 9882} 9883.page.my-orders .list-order-id .cap { 9884 font-family: 'bold', arial, helvetica, sans-serif; 9885 font-size: 1.4rem; 9886 letter-spacing: -0.03em; 9887 margin-bottom: 1rem; 9888} 9889.page.my-orders .list-order-id .info { 9890 font-family: 'book', arial, helvetica, sans-serif; 9891 font-size: 1.4rem; 9892 opacity: 0.7; 9893} 9894.page.my-orders .list-order-status { 9895 width: 32.5rem; 9896 margin-right: 2rem; 9897} 9898.page.my-orders .list-order-status .cap { 9899 font-family: 'bold', arial, helvetica, sans-serif; 9900 font-size: 1.4rem; 9901 letter-spacing: -0.03em; 9902 margin-bottom: 1rem; 9903} 9904.page.my-orders .list-order-status .info { 9905 font-family: 'book', arial, helvetica, sans-serif; 9906 font-size: 1.4rem; 9907 opacity: 0.7; 9908} 9909.page.my-orders .list-total { 9910 width: 8.2rem; 9911 margin-right: 2rem; 9912} 9913.page.my-orders .list-total .cap { 9914 font-family: 'bold', arial, helvetica, sans-serif; 9915 font-size: 1.4rem; 9916 letter-spacing: -0.03em; 9917 margin-bottom: 1rem; 9918} 9919.page.my-orders .list-total .info { 9920 font-family: 'bold', arial, helvetica, sans-serif; 9921 font-size: 2rem; 9922 white-space: nowrap; 9923} 9924.page.my-orders .list-arrow { 9925 width: 3.3rem; 9926 text-align: right; 9927 font-size: 1rem; 9928} 9929.page.my-orders .list-arrow i { 9930 display: inline-block; 9931 -webkit-transform: rotate(-90deg) translateY(0); 9932 -ms-transform: rotate(-90deg) translateY(0); 9933 transform: rotate(-90deg) translateY(0); 9934 -webkit-transition: transform 0.3s; 9935 transition: transform 0.3s; 9936 -webkit-transform-origin: 50% 50%; 9937 -ms-transform-origin: 50% 50%; 9938 transform-origin: 50% 50%; 9939} 9940.page.my-orders.detail .page-banner.small { 9941 height: 18rem; 9942 background-color: #ebf7ff; 9943} 9944.page.my-orders.detail .page-banner.small .back-button { 9945 position: absolute; 9946 top: 50%; 9947 -webkit-transform: translateY(-50%); 9948 -ms-transform: translateY(-50%); 9949 transform: translateY(-50%); 9950 color: #1e398f; 9951 left: 10.8rem; 9952} 9953.page.my-orders.detail .page-banner.small .text { 9954 position: absolute; 9955 left: 50%; 9956 top: 50%; 9957 -webkit-transform: translateX(-50%) translateY(-50%); 9958 -ms-transform: translateX(-50%) translateY(-50%); 9959 transform: translateX(-50%) translateY(-50%); 9960 display: inline-block; 9961 width: auto; 9962 height: auto; 9963} 9964.page.my-orders.detail .page-banner.small .text .cap { 9965 font-family: 'bold', arial, helvetica, sans-serif; 9966 font-size: 3.2rem; 9967 color: #1e398f; 9968} 9969.order-list { 9970 box-sizing: border-box; 9971 width: 90rem; 9972 margin: 0 auto; 9973} 9974.order-list .order { 9975 width: 100%; 9976 box-sizing: border-box; 9977 box-shadow: -0.3rem 0.2rem 3rem 0 rgba(0, 0, 0, 0.1); 9978 display: flex; 9979 flex-wrap: nowrap; 9980 justify-content: flex-start; 9981 align-items: center; 9982 height: 12.8rem; 9983 padding: 0 2.6rem; 9984 border: solid 1px #ebebf1; 9985 border-radius: 2.6rem; 9986 margin-bottom: 2rem; 9987} 9988.order-list .order:hover, 9989.order-list .order:active { 9990 box-shadow: -2.4rem 1.4rem 4.6rem 0 rgba(0, 0, 0, 0.1); 9991} 9992.order-list .order:hover .list-arrow i, 9993.order-list .order:active .list-arrow i { 9994 -webkit-transform: rotate(-90deg) translateY(1rem); 9995 -ms-transform: rotate(-90deg) translateY(1rem); 9996 transform: rotate(-90deg) translateY(1rem); 9997} 9998.order-detail { 9999 box-sizing: border-box; 10000 width: 90rem; 10001 margin: 0 auto; 10002 padding: 2.6rem; 10003 border: solid 1px #ebebf1; 10004 border-radius: 2.6rem; 10005 margin-bottom: 2rem; 10006 box-shadow: -0.3rem 0.2rem 3rem 0 rgba(0, 0, 0, 0.1); 10007} 10008.order-detail .list-total { 10009 width: 11.5rem; 10010 text-align: right; 10011} 10012.order-detail .order-product { 10013 width: 100%; 10014 position: relative; 10015 box-sizing: border-box; 10016 display: flex; 10017 flex-wrap: nowrap; 10018 justify-content: flex-start; 10019 align-items: center; 10020 padding: 3rem 0; 10021} 10022.order-detail .order-product .img { 10023 width: 5rem; 10024 margin-right: 3rem; 10025} 10026.order-detail .order-product .img img { 10027 width: 100%; 10028} 10029.order-detail .order-product .text { 10030 width: 51rem; 10031 margin-right: 3rem; 10032} 10033.order-detail .order-product .text .name { 10034 font-family: 'book', arial, helvetica, sans-serif; 10035 font-size: 1.4rem; 10036 line-height: 1.5em; 10037} 10038.order-detail .order-product .text .price { 10039 font-family: 'bold', arial, helvetica, sans-serif; 10040 font-size: 1.4rem; 10041} 10042.order-detail .order-product .text .price .old { 10043 display: block; 10044 text-decoration: line-through; 10045 font-size: 0.8em; 10046} 10047.order-detail .order-product .button { 10048 font-size: 1.4rem; 10049 line-height: 3rem; 10050 height: 3rem; 10051} 10052.order-detail .return-box { 10053 width: 100%; 10054 border: solid 1px #eccd76; 10055 border-radius: 2.6rem; 10056 overflow: hidden; 10057 margin-bottom: 2.8rem; 10058 color: #1e398f; 10059} 10060.order-detail .return-box .return-info { 10061 width: 100%; 10062 box-sizing: border-box; 10063 background-color: #fff6de; 10064 padding: 2rem 2.4rem; 10065} 10066.order-detail .return-box .return-info .cap { 10067 font-family: 'bold', arial, helvetica, sans-serif; 10068 font-size: 1.4rem; 10069 color: #e7c054; 10070 margin-bottom: 1.4rem; 10071} 10072.order-detail .return-box .return-info .text { 10073 font-family: 'book', arial, helvetica, sans-serif; 10074 font-size: 1.4rem; 10075 margin-bottom: 1.4rem; 10076} 10077.order-detail .return-box .return-info .info { 10078 font-family: 'book', arial, helvetica, sans-serif; 10079 font-size: 1.4rem; 10080} 10081.order-detail .return-box .return-info .info b { 10082 font-family: 'bold', arial, helvetica, sans-serif; 10083} 10084.order-detail .order { 10085 width: 100%; 10086 box-sizing: border-box; 10087} 10088.order-detail .order .top { 10089 display: flex; 10090 flex-wrap: wrap; 10091 justify-content: flex-start; 10092 align-items: center; 10093 height: 12.8rem; 10094} 10095.order-detail .order .order-info-bar { 10096 width: 100%; 10097 position: relative; 10098 box-sizing: border-box; 10099 font-family: 'bold', arial, helvetica, sans-serif; 10100 font-size: 1.4rem; 10101 border-radius: 1.2rem; 10102 height: 6rem; 10103 line-height: 6rem; 10104 padding: 0 2.8rem; 10105 background-color: #eff9ff; 10106 color: #1e398f; 10107 margin: 2rem auto 3.4rem; 10108} 10109.order-detail .order .order-info-bar .button { 10110 position: absolute; 10111 top: 50%; 10112 -webkit-transform: translateY(-50%); 10113 -ms-transform: translateY(-50%); 10114 transform: translateY(-50%); 10115 right: 2.8rem; 10116} 10117.order-detail .order .order-info-bar i { 10118 display: inline-block; 10119 vertical-align: middle; 10120} 10121.order-detail .order .order-info-bar span { 10122 display: inline-block; 10123 vertical-align: middle; 10124} 10125.order-detail .order .order-info-bar.blue { 10126 background-color: #6dbff3; 10127 color: #fff; 10128} 10129.order-detail .order .order-info-bar.yellow { 10130 background-color: #e7c054; 10131 color: #fff; 10132} 10133.order-detail .order .order-info-bar.green { 10134 background-color: #018f15; 10135 color: #fff; 10136} 10137.order-detail .order .content { 10138 width: 100%; 10139 box-sizing: border-box; 10140} 10141.order-detail .order .content .tab-links { 10142 padding-left: 3.7rem; 10143} 10144.order-detail .order .content .tab-links a { 10145 position: relative; 10146 display: inline-block; 10147 vertical-align: middle; 10148 font-family: 'medium', arial, helvestica, sans-serif; 10149 font-size: 1.6rem; 10150 padding-bottom: 1.6rem; 10151 color: #1e398f; 10152 margin-right: 4rem; 10153} 10154.order-detail .order .content .tab-links a .only-mobile { 10155 display: none; 10156} 10157.order-detail .order .content .tab-links a:after { 10158 display: block; 10159 width: 100%; 10160 position: absolute; 10161 -webkit-transition: transform 0.2s, opacity 0.2s, background-color 0.2s; 10162 transition: transform 0.2s, opacity 0.2s, background-color 0.2s; 10163 -webkit-transform-origin: 50% 50%; 10164 -ms-transform-origin: 50% 50%; 10165 transform-origin: 50% 50%; 10166 -webkit-transform: scaleX(0); 10167 -ms-transform: scaleX(0); 10168 transform: scaleX(0); 10169 left: 0; 10170 bottom: 0; 10171 opacity: 0; 10172 content: ""; 10173 height: 0.4rem; 10174} 10175.order-detail .order .content .tab-links a.active { 10176 color: #5fbeec; 10177} 10178.order-detail .order .content .tab-links a.active:after { 10179 -webkit-transform: scaleX(1); 10180 -ms-transform: scaleX(1); 10181 transform: scaleX(1); 10182 opacity: 1; 10183 background-color: #5fbeec; 10184} 10185.order-detail .order .content .tab-contents { 10186 width: 100%; 10187 box-sizing: border-box; 10188 overflow: hidden; 10189} 10190.order-detail .order .content .tab-contents .tab-content { 10191 display: none; 10192 width: 100%; 10193 box-sizing: border-box; 10194} 10195.order-detail .order .content .tab-contents .tab-content .cont { 10196 width: 100%; 10197 border: solid 1px #e8ebf4; 10198 border-radius: 2.6rem; 10199 overflow: hidden; 10200 margin-bottom: 2.8rem; 10201} 10202.order-detail .order .content .tab-contents .tab-content .return-bottom { 10203 width: 100%; 10204 box-sizing: border-box; 10205 padding: 2.6rem; 10206 background-color: #eff9ff; 10207 text-align: right; 10208} 10209.order-detail .order .content .tab-contents .tab-content .info-bottom { 10210 width: 100%; 10211 box-sizing: border-box; 10212 display: flex; 10213 justify-content: flex-start; 10214 align-items: center; 10215 padding: 2.6rem; 10216 background-color: #eff9ff; 10217} 10218.order-detail .order .content .tab-contents .tab-content .info-bottom .mini-cap { 10219 font-family: 'bold', arial, helvetica, sans-serif; 10220 font-size: 1rem; 10221 opacity: 0.5; 10222 margin-bottom: 1rem; 10223} 10224.order-detail .order .content .tab-contents .tab-content .info-bottom .text { 10225 font-family: 'bold', arial, helvetica, sans-serif; 10226 font-size: 1.4rem; 10227} 10228.order-detail .order
10228.content .tab-contents .tab-content .info-bottom .status { 10229 width: 18rem; 10230 margin-right: 2rem; 10231} 10232.order-detail .order .content .tab-contents .tab-content .info-bottom .cargo { 10233 width: 13.2rem; 10234 margin-right: 2rem; 10235} 10236.order-detail .order .content .tab-contents .tab-content .info-bottom .number { 10237 width: 10.8rem; 10238 margin-right: 2rem; 10239} 10240.order-detail .order .content .tab-contents .tab-content .info-bottom .date { 10241 width: 17.6rem; 10242} 10243.order-detail .order .content .products { 10244 box-sizing: border-box; 10245 width: 100%; 10246 padding: 0 2.6rem; 10247} 10248.order-detail .order .content .products .shipment-cap { 10249 width: 100%; 10250 font-family: 'bold', arial, helvetica, sans-serif; 10251 font-size: 1.4rem; 10252 padding: 2.6rem 0; 10253} 10254.order-detail .order .content .order-information { 10255 width: 100%; 10256 box-sizing: border-box; 10257 display: flex; 10258 justify-content: space-between; 10259 margin-bottom: 6rem; 10260} 10261.order-detail .order .content .order-information .adresses { 10262 width: 49rem; 10263} 10264.order-detail .order .content .order-information .adresses .cap { 10265 font-family: 'medium', arial, helvestica, sans-serif; 10266 font-size: 2rem; 10267 margin-bottom: 2.4rem; 10268} 10269.order-detail .order .content .order-information .adresses .adress { 10270 box-sizing: border-box; 10271 width: 80%; 10272 margin-bottom: 3rem; 10273} 10274.order-detail .order .content .order-information .adresses .adress.margin-bottom { 10275 margin-bottom: 7rem; 10276} 10277.order-detail .order .content .order-information .adresses .adress .adress-cap { 10278 font-family: 'bold', arial, helvetica, sans-serif; 10279 font-size: 1.4rem; 10280 line-height: 1.4em; 10281 margin-bottom: 1rem; 10282} 10283.order-detail .order .content .order-information .adresses .adress .adress-info { 10284 font-family: 'book', arial, helvetica, sans-serif; 10285 font-size: 1.4rem; 10286 line-height: 1.4em; 10287} 10288.order-detail .order .content .order-information .adresses .legal { 10289 width: 100%; 10290 box-sizing: border-box; 10291 border-top: solid 1px #e8ebf4; 10292 padding-top: 3.4rem; 10293} 10294.order-detail .order .content .order-information .adresses .legal a { 10295 display: inline-block; 10296 vertical-align: middle; 10297 font-family: 'medium', arial, helvestica, sans-serif; 10298 font-size: 1.4rem; 10299 color: #1e398f; 10300 -webkit-transition: color 0.2s; 10301 transition: color 0.2s; 10302 margin-right: 3rem; 10303} 10304.order-detail .order .content .order-information .adresses .legal a:hover, 10305.order-detail .order .content .order-information .adresses .legal a:active { 10306 color: #000; 10307 text-decoration: underline; 10308} 10309.order-detail .order .content .order-information .payment-box { 10310 box-sizing: border-box; 10311 width: 32.5rem; 10312 background-color: #d7eefe; 10313 border-radius: 2.6rem; 10314 padding: 3rem 2rem; 10315} 10316.order-detail .order .content .order-information .payment-box .payment-cap { 10317 font-family: 'bold', arial, helvetica, sans-serif; 10318 font-size: 2rem; 10319 margin-bottom: 2rem; 10320} 10321.order-detail .order .content .order-information .payment-box .payment-info { 10322 width: 100%; 10323 box-sizing: border-box; 10324 display: flex; 10325 justify-content: space-between; 10326 align-items: center; 10327 padding-bottom: 1.6rem; 10328 border-bottom: solid 1px #c4dcf3; 10329} 10330.order-detail .order .content .order-information .payment-box .payment-info span { 10331 font-family: 'bold', arial, helvetica, sans-serif; 10332 font-size: 1.4rem; 10333} 10334.order-detail .order .content .order-information .payment-box .payment-info span.light { 10335 font-family: 'medium', arial, helvestica, sans-serif; 10336} 10337.order-detail .order .content .order-information .payment-box .payment-info img { 10338 max-width: 4.7rem; 10339} 10340.order-detail .order .content .order-information .payment-box .price { 10341 width: 100%; 10342 display: flex; 10343 justify-content: space-between; 10344 padding: 1.5rem 0; 10345} 10346.order-detail .order .content .order-information .payment-box .price .cap, 10347.order-detail .order .content .order-information .payment-box .price .amount { 10348 font-family: 'medium', arial, helvestica, sans-serif; 10349 font-size: 1.4rem; 10350} 10351.order-detail .order .content .order-information .payment-box .price .amount { 10352 text-align: right; 10353} 10354.order-detail .order .content .order-information .payment-box .price .amount .old { 10355 display: block; 10356 text-decoration: line-through; 10357 font-size: 0.8em; 10358} 10359.order-detail .order .content .order-information .payment-box .price.total { 10360 border-top: solid 1px #c4dcf3; 10361} 10362.order-detail .order .content .order-information .payment-box .campaign-info { 10363 width: 100%; 10364 box-sizing: border-box; 10365 padding: 1.4rem 1.2rem; 10366 background-color: #fff; 10367 border-radius: 0.8rem; 10368 margin-bottom: 1.5rem; 10369} 10370.order-detail .order .content .order-information .payment-box .campaign-info .cap { 10371 font-family: 'bold', arial, helvetica, sans-serif; 10372 font-size: 1.5rem; 10373 opacity: 0.7; 10374 line-height: 1.4em; 10375} 10376.order-detail .order .content .order-information .payment-box .campaign-info .info { 10377 font-family: 'medium', arial, helvestica, sans-serif; 10378 font-size: 1.2rem; 10379 line-height: 1.4em; 10380 opacity: 0.7; 10381} 10382.address-list { 10383 width: 90rem; 10384 margin: 0 auto; 10385 padding-bottom: 3rem; 10386} 10387.address-list .tab-links { 10388 width: 100%; 10389 box-sizing: border-box; 10390 text-align: center; 10391} 10392.address-list .tab-links a { 10393 position: relative; 10394 display: inline-block; 10395 vertical-align: middle; 10396 font-family: 'medium', arial, helvestica, sans-serif; 10397 font-size: 1.6rem; 10398 padding-bottom: 1.6rem; 10399 color: #1e398f; 10400 margin-right: 4rem; 10401} 10402.address-list .tab-links a:after { 10403 display: block; 10404 width: 100%; 10405 position: absolute; 10406 -webkit-transition: transform 0.2s, opacity 0.2s, background-color 0.2s; 10407 transition: transform 0.2s, opacity 0.2s, background-color 0.2s; 10408 -webkit-transform-origin: 50% 50%; 10409 -ms-transform-origin: 50% 50%; 10410 transform-origin: 50% 50%; 10411 -webkit-transform: scaleX(0); 10412 -ms-transform: scaleX(0); 10413 transform: scaleX(0); 10414 left: 0; 10415 bottom: 0; 10416 opacity: 0; 10417 content: ""; 10418 height: 0.4rem; 10419} 10420.address-list .tab-links a.active { 10421 color: #5fbeec; 10422} 10423.address-list .tab-links a.active:after { 10424 -webkit-transform: scaleX(1); 10425 -ms-transform: scaleX(1); 10426 transform: scaleX(1); 10427 opacity: 1; 10428 background-color: #5fbeec; 10429} 10430.address-list .tab-contents { 10431 width: 100%; 10432 box-sizing: border-box; 10433} 10434.address-list .tab-contents .tab-content { 10435 display: none; 10436 width: 100%; 10437 box-sizing: border-box; 10438} 10439.address-list .address { 10440 width: 100%; 10441 box-sizing: border-box; 10442 box-shadow: -0.3rem 0.2rem 3rem 0 rgba(0, 0, 0, 0.1); 10443 font-size: 1.4rem; 10444 color: #1e398f; 10445 line-height: 1.57em; 10446 display: flex; 10447 justify-content: space-between; 10448 align-items: center; 10449 padding: 1.8rem 3.3rem; 10450 margin-bottom: 2rem; 10451 border-radius: 2.6rem; 10452} 10453.address-list .address .cap { 10454 font-family: 'bold', arial, helvetica, sans-serif; 10455} 10456.address-list .address .info { 10457 font-family: 'book', arial, helvetica, sans-serif; 10458} 10459.address-list .address .buttons .button:first-child { 10460 margin-right: 0.5rem; 10461} 10462.address-list .buttons { 10463 text-align: right; 10464} 10465.coupon-list { 10466 box-sizing: border-box; 10467 width: 90rem; 10468 margin: 0 auto; 10469} 10470.coupon-list .coupon { 10471 width: 100%; 10472 box-sizing: border-box; 10473 box-shadow: -0.3rem 0.2rem 3rem 0 rgba(0, 0, 0, 0.1); 10474 display: flex; 10475 flex-wrap: nowrap; 10476 justify-content: flex-start; 10477 align-items: center; 10478 padding: 3rem 3.6rem; 10479 border: solid 1px #ebebf1; 10480 border-radius: 2.6rem; 10481 margin-bottom: 2rem; 10482} 10483.coupon-list .coupon:hover, 10484.coupon-list .coupon:active { 10485 box-shadow: -2.4rem 1.4rem 4.6rem 0 rgba(0, 0, 0, 0.1); 10486} 10487.coupon-list .coupon:hover .list-arrow i, 10488.coupon-list .coupon:active .list-arrow i { 10489 -webkit-transform: rotate(-90deg) translateY(1rem); 10490 -ms-transform: rotate(-90deg) translateY(1rem); 10491 transform: rotate(-90deg) translateY(1rem); 10492} 10493.coupon-list .coupon .cap { 10494 display: block; 10495 font-family: 'bold', arial, helvetica, sans-serif; 10496 font-size: 1.4rem; 10497 margin-bottom: 1.3rem; 10498} 10499.coupon-list .coupon .text { 10500 display: block; 10501 font-family: 'book', arial, helvetica, sans-serif; 10502 font-size: 1.4rem; 10503 color: #6174b0; 10504} 10505.coupon-list .coupon > a { 10506 font-family: 'bold', arial, helvetica, sans-serif; 10507 -webkit-transition: color 0.2s linear; 10508 transition: color 0.2s linear; 10509 font-size: 1.4rem; 10510 color: #1e398f; 10511 text-decoration: underline; 10512} 10513.coupon-list .coupon > a:hover, 10514.coupon-list .coupon > a:active { 10515 color: #000; 10516} 10517.coupon-list .coupon .name { 10518 width: 21.2rem; 10519 margin-right: 2rem; 10520} 10521.coupon-list .coupon .time { 10522 width: 20.5rem; 10523 margin-right: 2rem; 10524} 10525.coupon-list .coupon .code { 10526 cursor: pointer; 10527 width: 20.5rem; 10528 margin-right: 2rem; 10529} 10530.coupon-list .coupon .copy { 10531 color: #6dbff3; 10532} 10533.page.corporate .page-banner { 10534 margin-bottom: 0; 10535} 10536.corporate-menu { 10537 display: block; 10538 box-sizing: border-box; 10539 width: 100rem; 10540 height: 10.8rem; 10541 margin: 0 auto ; 10542 border-bottom: solid 0.4rem #e1f3fc; 10543} 10544.corporate-menu .scroller { 10545 width: 100%; 10546 height: 10.8rem; 10547 display: flex; 10548 flex-wrap: nowrap; 10549 justify-content: space-between; 10550 align-items: flex-end; 10551} 10552.corporate-menu a { 10553 display: inline-block; 10554 font-family: 'medium', arial, helvestica, sans-serif; 10555 position: relative; 10556 font-size: 1.6rem; 10557 line-height: 1.5em; 10558 letter-spacing: -0.03em; 10559 color: #1e398f; 10560 text-align: center; 10561 -webkit-transition: color 0.2s linear; 10562 transition: color 0.2s linear; 10563 padding-bottom: 2rem; 10564} 10565.corporate-menu a:after { 10566 position: absolute; 10567 display: block; 10568 width: 100%; 10569 -webkit-transition: transform 0.4s linear, background-color 0.2s linear; 10570 transition: transform 0.4s linear, background-color 0.2s linear; 10571 -webkit-transform-origin: 50% 50%; 10572 -ms-transform-origin: 50% 50%; 10573 transform-origin: 50% 50%; 10574 -webkit-transform: translateX(-50%) scaleX(0); 10575 -ms-transform: translateX(-50%) scaleX(0); 10576 transform: translateX(-50%) scaleX(0); 10577 content: ""; 10578 height: 0.4rem; 10579 bottom: 0; 10580 left: 50%; 10581 background-color: #1e398f; 10582} 10583.corporate-menu a.active { 10584 color: #6dbff3; 10585}
10586.corporate-menu a.active:after { 10587 background-color: #6dbff3; 10588 -webkit-transform: translateX(-50%) scaleX(1); 10589 -ms-transform: translateX(-50%) scaleX(1); 10590 transform: translateX(-50%) scaleX(1); 10591} 10592.corporate-menu a:hover, 10593.corporate-menu a:active { 10594 color: #6dbff3; 10595} 10596.corporate-menu a:hover:after, 10597.corporate-menu a:active:after { 10598 background-color: #6dbff3; 10599 -webkit-transform: translateX(-50%) scaleX(1); 10600 -ms-transform: translateX(-50%) scaleX(1); 10601 transform: translateX(-50%) scaleX(1); 10602} 10603.static-content { 10604 width: 67rem; 10605 margin: 6rem auto 4rem; 10606} 10607.static-content .cap { 10608 font-family: 'medium', arial, helvestica, sans-serif; 10609 font-size: 3.2rem; 10610 line-height: 1.14em; 10611 margin-bottom: 4rem; 10612 color: #1e398f; 10613} 10614.about-us-social { 10615 width: 67rem; 10616 margin: 0 auto 9rem; 10617} 10618.about-us-social .cap { 10619 font-family: 'medium', arial, helvestica, sans-serif; 10620 font-size: 2.2rem; 10621 line-height: 1.3em; 10622 color: #0f2057; 10623 margin-bottom: 3.2rem; 10624} 10625.about-us-social p { 10626 font-family: 'book', arial, helvetica, sans-serif; 10627 color: #6174b0; 10628 font-size: 1.4rem; 10629 line-height: 1.65em; 10630 margin-bottom: 3.3rem; 10631} 10632.about-us-social a { 10633 display: inline-block; 10634 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 10635 font-family: 'medium', arial, helvestica, sans-serif; 10636 font-size: 1.8rem; 10637 height: 5rem; 10638 line-height: 5rem; 10639 color: #1e398f; 10640 background-color: #f0f7fd; 10641 margin-bottom: 2rem; 10642 margin-right: 1rem; 10643 border-radius: 1.2rem; 10644 padding: 0 3rem; 10645 -webkit-transition: color 0.2s linear, background-color 0.2s linear; 10646 transition: color 0.2s linear, background-color 0.2s linear; 10647} 10648.about-us-social a:hover, 10649.about-us-social a:active { 10650 background-color: #6dbff3; 10651 color: #fff; 10652} 10653.page.pregnancy-calculator .page-banner { 10654 margin-bottom: 0; 10655} 10656.preg-calc { 10657 position: relative; 10658 box-sizing: border-box; 10659 margin: -9.4rem auto 6.4rem; 10660 width: 90rem; 10661 height: 37.6rem; 10662 background-color: #f7fcff; 10663 border: solid 1px #53b4f1; 10664 border-radius: 2.6rem; 10665 z-index: 9; 10666 overflow: hidden; 10667} 10668.preg-calc:before { 10669 display: inline-block; 10670 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 10671 speak: never; 10672 font-display: swap; 10673 font-style: normal; 10674 font-weight: normal; 10675 font-variant: normal; 10676 text-transform: none; 10677 line-height: 1; 10678 -webkit-font-smoothing: antialiased; 10679 -moz-osx-font-smoothing: grayscale; 10680 content: "\e924"; 10681 position: absolute; 10682 z-index: 1; 10683 color: #e6f3fb; 10684 font-size: 17.4rem; 10685 bottom: -3rem; 10686 right: -3rem; 10687} 10688.preg-calc .form { 10689 display: block; 10690 position: absolute; 10691 left: 50%; 10692 -webkit-transform: translateX(-50%); 10693 -ms-transform: translateX(-50%); 10694 transform: translateX(-50%); 10695 width: 66.6rem; 10696 top: 0; 10697 z-index: 9; 10698} 10699.preg-calc .form .top { 10700 width: 100%; 10701 text-align: center; 10702 padding-top: 3.8rem; 10703} 10704.preg-calc .form .form-item.radio-inline { 10705 margin-bottom: 2.5rem; 10706} 10707.preg-calc .form .form-item.radio-inline input + label { 10708 font-family: 'medium', arial, helvestica, sans-serif; 10709 -webkit-transition: opacity 0.2s linear, color 0.2s linear; 10710 transition: opacity 0.2s linear, color 0.2s linear; 10711 margin: 0 2rem; 10712 line-height: 3rem; 10713 padding-left: 4rem; 10714 height: 3rem; 10715 color: #838eab; 10716 white-space: nowrap; 10717} 10718.preg-calc .form .form-item.radio-inline input + label span { 10719 width: 3rem; 10720 height: 3rem; 10721 border: 0 none; 10722 opacity: 1; 10723 background-color: #fff; 10724 box-shadow: 0 0.3rem 3rem 0 rgba(0, 0, 0, 0.1); 10725} 10726.preg-calc .form .form-item.radio-inline input + label span:after { 10727 position: absolute; 10728 left: 50%; 10729 top: 50%; 10730 -webkit-transform: translateX(-50%) translateY(-50%); 10731 -ms-transform: translateX(-50%) translateY(-50%); 10732 transform: translateX(-50%) translateY(-50%); 10733 width: 1.8rem; 10734 height: 1.8rem; 10735} 10736.preg-calc .form .form-item.radio-inline input + label br { 10737 display: none; 10738} 10739.preg-calc .form .form-item.radio-inline input:checked + label { 10740 color: #1e398f; 10741} 10742.preg-calc .form .form-item.select .fake-cap { 10743 position: absolute; 10744 display: inline-block; 10745 font-family: 'medium', arial, helvestica, sans-serif; 10746 top: 0; 10747 left: 0; 10748 padding-left: 4rem; 10749 height: 5rem; 10750 line-height: 5rem; 10751 white-space: nowrap; 10752 font-size: 1.4rem; 10753 color: #1e398f; 10754 z-index: 1; 10755} 10756.preg-calc .form .form-item.select label { 10757 padding: 0 4rem 0 17rem; 10758} 10759.preg-calc .form .divider { 10760 margin: 1rem auto 4.2rem; 10761} 10762.preg-calc .form .type { 10763 display: none; 10764} 10765.preg-calc .form .type.gebe-kalma .form-item.input { 10766 width: 50%; 10767 margin: 0 auto 4.2rem; 10768} 10769.preg-calc .result { 10770 position: absolute; 10771 left: 50%; 10772 -webkit-transform: translateX(-50%); 10773 -ms-transform: translateX(-50%); 10774 transform: translateX(-50%); 10775 display: none; 10776 height: 100%; 10777 top: 0; 10778 width: 76rem; 10779 z-index: 10; 10780} 10781.preg-calc .result .cap { 10782 width: 100%; 10783 font-family: 'medium', arial, helvestica, sans-serif; 10784 text-align: center; 10785 font-size: 2.2rem; 10786 padding-top: 3.8rem; 10787 color: #1e398f; 10788 margin-bottom: 5rem; 10789} 10790.preg-calc .result .cap small { 10791 font-size: 1.8rem; 10792} 10793.preg-calc .result .content { 10794 width: 100%; 10795 display: flex; 10796 justify-content: space-between; 10797 margin-bottom: 1.5rem; 10798} 10799.preg-calc .result .content .item { 10800 width: 14.5rem; 10801} 10802.preg-calc .result .content .item:first-child { 10803 width: 18.5rem; 10804} 10805.preg-calc .result .content .item i { 10806 display: block; 10807 width: 100%; 10808 margin-bottom: 3.2rem; 10809 color: #a8d1eb; 10810 font-size: 5rem; 10811} 10812.preg-calc .result .content .item .text { 10813 font-family: 'bold', arial, helvetica, sans-serif; 10814 font-size: 1.4rem; 10815 line-height: 1.57em; 10816} 10817.preg-calc .result .bottom { 10818 position: absolute; 10819 width: 100%; 10820 text-align: center; 10821 padding-bottom: 2.5rem; 10822 bottom: 0; 10823 left: 0; 10824} 10825.preg-calc-content { 10826 position: relative; 10827 width: 136rem; 10828 margin: 0 auto 9rem; 10829 color: #1e398f; 10830} 10831.preg-calc-content .margin-bottom { 10832 margin-bottom: 3.6rem; 10833} 10834.preg-calc-content .text { 10835 width: 66.8rem; 10836 margin: 0 auto; 10837} 10838.preg-calc-content .cap { 10839 display: block; 10840 font-family: 'medium', arial, helvestica, sans-serif; 10841 font-size: 2.2rem; 10842 line-height: 1.35em; 10843} 10844.preg-calc-content .cap.medium { 10845 font-size: 1.8rem; 10846} 10847.preg-calc-content .cap.with-icon i { 10848 display: block; 10849 font-size: 5rem; 10850 color: #9dc8e3; 10851 margin-bottom: 2.6rem; 10852} 10853.preg-calc-content p { 10854 font-family: 'book', arial, helvetica, sans-serif; 10855 font-size: 1.4rem; 10856 line-height: 1.65em; 10857 color: #576289; 10858} 10859.preg-calc-content p strong, 10860.preg-calc-content p b { 10861 font-family: 'medium', arial, helvestica, sans-serif; 10862} 10863.preg-calc-content a.link { 10864 color: #6dbff3; 10865 text-decoration: underline; 10866 -webkit-transition: color 0.2s linear; 10867 transition: color 0.2s linear; 10868} 10869.preg-calc-content a.link:hover, 10870.preg-calc-content a.link:active { 10871 color: #22a3f2; 10872 text-decoration: none; 10873} 10874.preg-calc-content .info { 10875 display: block; 10876} 10877.preg-calc-content .result { 10878 display: none; 10879 width: 66.8rem; 10880 margin: 0 auto; 10881} 10882.preg-calc-content .result .celebrities { 10883 width: 43.8rem; 10884 display: flex; 10885 justify-content: space-between; 10886 flex-wrap: wrap; 10887 color: #626d91; 10888} 10889.preg-calc-content .result .celebrities li { 10890 position: relative; 10891 box-sizing: border-box; 10892 font-family: 'book', arial, helvetica, sans-serif; 10893 font-size: 1.4rem; 10894 line-height: 4.5rem; 10895 height: 4.5rem; 10896 width: 48%; 10897 margin-bottom: 1em; 10898 padding-left: 5.2rem; 10899} 10900.preg-calc-content .result .celebrities li .img { 10901 position: absolute; 10902 top: 50%; 10903 -webkit-transform: translateY(-50%); 10904 -ms-transform: translateY(-50%); 10905 transform: translateY(-50%); 10906 left: 0; 10907 width: 4.5rem; 10908 height: 4.5rem; 10909 border-radius: 0.7rem; 10910 overflow: hidden; 10911} 10912.preg-calc-content .result .celebrities li .img img { 10913 width: 100%; 10914} 10915.more-contents-section.preg-test.no-image.margin-bottom { 10916 margin-bottom: 3.6rem; 10917} 10918.more-contents-section.preg-test.no-image .slider.royalSlider.rsMinW { 10919 width: 17.5rem; 10920} 10921.more-contents-section.preg-test.no-image .slider.royalSlider.rsMinW .rsContent { 10922 width: 17.5rem; 10923} 10924.more-contents-section.preg-test.no-image .slider.royalSlider.rsMinW .rsSlide { 10925 width: 17.5rem; 10926} 10927.more-contents-section.preg-test.no-image .slider.royalSlider.rsMinW .box { 10928 padding: 2.5rem 2.5rem 0; 10929 color: #9dc8e3; 10930 width: 15rem; 10931 background-color: #fff; 10932 -webkit-transition: color 0.2s linear, background-color 0.2s linear; 10933 transition: color 0.2s linear, background-color 0.2s linear; 10934} 10935.more-contents-section.preg-test.no-image .slider.royalSlider.rsMinW .box .cap { 10936 font-family: 'bold', arial, helvetica, sans-serif; 10937 line-height: 1.35em; 10938} 10939.more-contents-section.preg-test.no-image .slider.royalSlider.rsMinW .box.active { 10940 background-color: #9dc8e3; 10941 color: #fff; 10942} 10943.pregnancy-info .pregnancy-text { 10944 display: none; 10945 padding: 6rem 0; 10946} 10947.pregnancy-info .pregnancy-text .cap.medium.margin-bottom { 10948 margin-bottom: 1em; 10949} 10950.pregnancy-info .pregnancy-text .button { 10951 margin-top: 1.5em; 10952} 10953.page.faydali-araclar .page-bannder { 10954 margin-bottom: 6.2rem; 10955} 10956.page.corporate.lansman .page-banner { 10957 height: 68rem; 10958} 10959.960 .page.corporate.lansman .page-banner { 10960 height: 90rem; 10961} 10962.960 .page.corporate.lansman .page-banner .text { 10963 display: none; 10964} 10965.page.checkout-faq .page-banner { 10966 height: 25rem; 10967 margin-bottom: 4.5rem; 10968} 10969.faq-tab { 10970 box-sizing: border-box; 10971 width: 90rem; 10972 text-align: center; 10973 margin: 0 auto 5rem; 10974 border-bottom: solid 0.4rem #e1f3fc; 10975} 10976.faq-tab a { 10977 display: inline-block; 10978 position: relative; 10979 font-family: 'medium', arial, helvestica, sans-serif; 10980 -webkit-transition: color 0.2s linear; 10981 transition: color 0.2s linear; 10982 padding: 0 1rem 1.1rem; 10983 margin: 0 3rem; 10984 color: #1e398f; 10985 font-size: 1.6rem; 10986 line-height: 1.375em; 10987} 10988.faq-tab a:first-child { 10989 margin-left: 0; 10990} 10991.faq-tab a:last-child { 10992 margin-right: 0; 10993} 10994.faq-tab a:after { 10995 position: absolute; 10996 display: block; 10997 width: 100%; 10998 -webkit-transition: transform 0.4s linear, background-color 0.2s linear; 10999 transition: transform 0.4s linear, background-color 0.2s linear; 11000 -webkit-transform-origin: 50% 50%; 11001 -ms-transform-origin: 50% 50%; 11002 transform-origin: 50% 50%; 11003 -webkit-transform: translateX(-50%) scaleX(0); 11004 -ms-transform: translateX(-50%) scaleX(0); 11005 transform: translateX(-50%) scaleX(0); 11006 content: ""; 11007 height: 0.4rem; 11008 bottom: -0.4rem; 11009 left: 50%; 11010 background-color: #1e398f; 11011} 11012.faq-tab a.active { 11013 color: #6dbff3; 11014} 11015.faq-tab a.active:after { 11016 background-color: #6dbff3; 11017 -webkit-transform: translateX(-50%) scaleX(1); 11018 -ms-transform: translateX(-50%) scaleX(1); 11019 transform: translateX(-50%) scaleX(1); 11020} 11021.faq-tab a:hover {
11022 color: #000; 11023} 11024.faq-tab .scroller { 11025 position: relative; 11026} 11027.faq-content { 11028 display: none; 11029 width: 113rem; 11030 margin: 0 auto 9rem; 11031} 11032.faq-content .cap { 11033 font-family: 'medium', arial, helvestica, sans-serif; 11034 font-size: 3.2rem; 11035 letter-spacing: -0.03em; 11036 line-height: 1.35em; 11037 width: 75rem; 11038 margin: 0 auto 5rem; 11039} 11040.faq-content .banner { 11041 width: 100%; 11042 margin: 0 auto 5rem; 11043} 11044.faq-accord { 11045 width: 75rem; 11046 margin: 0 auto 5rem; 11047 color: #1e398f; 11048} 11049.faq-accord > li { 11050 display: block; 11051 width: 100%; 11052 box-sizing: border-box; 11053 position: relative; 11054 font-family: 'medium', arial, helvestica, sans-serif; 11055 -webkit-transition: color 0.2s linear; 11056 transition: color 0.2s linear; 11057 font-size: 1.8rem; 11058 padding: 2.7rem 0; 11059 cursor: pointer; 11060 border-bottom: solid 0.4rem #e1f3fc; 11061 line-height: 1.4444em; 11062} 11063.faq-accord > li .content { 11064 display: none; 11065 width: 100%; 11066 box-sizing: border-box; 11067 padding-top: 2.7rem; 11068} 11069.faq-accord > li:after { 11070 position: absolute; 11071 display: inline-block; 11072 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 11073 speak: never; 11074 font-display: swap; 11075 font-style: normal; 11076 font-weight: normal; 11077 font-variant: normal; 11078 text-transform: none; 11079 line-height: 1; 11080 -webkit-font-smoothing: antialiased; 11081 -moz-osx-font-smoothing: grayscale; 11082 content: "\e903"; 11083 -webkit-transform: rotate(0); 11084 -ms-transform: rotate(0); 11085 transform: rotate(0); 11086 -webkit-transition: transform 0.2s linear; 11087 transition: transform 0.2s linear; 11088 font-size: 0.8rem; 11089 right: 0; 11090 top: 3.6rem; 11091} 11092.faq-accord > li.active:after { 11093 -webkit-transform: rotate(-180deg); 11094 -ms-transform: rotate(-180deg); 11095 transform: rotate(-180deg); 11096} 11097.faq-accord > li:hover { 11098 color: #22a3f2; 11099} 11100.d2c-aligner { 11101 padding: 9rem 0 6rem; 11102 width: 136rem; 11103 max-width: 100%; 11104 margin: 0 auto; 11105} 11106.page.checkout .register-success { 11107 margin: 0 auto; 11108} 11109.page.checkout .css-clppx3-InfoListBox ul li { 11110 color: #000; 11111} 11112.page.order .d2c-aligner { 11113 padding: 0; 11114} 11115.order-container { 11116 position: relative; 11117 box-sizing: border-box; 11118 margin: 12.5rem auto 0; 11119 width: 113rem; 11120 max-width: 100%; 11121} 11122.order-container .content { 11123 position: relative; 11124 box-sizing: border-box; 11125 width: 100%; 11126 margin: 0 auto; 11127 background-color: #eff7fd; 11128 border: solid 1px #58b8f5; 11129 border-bottom: none; 11130 border-top-left-radius: 1.2rem; 11131 border-top-right-radius: 1.2rem; 11132 padding: 5.2rem 11.5rem; 11133 color: #1e398f; 11134} 11135.order-container .cap { 11136 font-family: 'medium', arial, helvestica, sans-serif; 11137 font-size: 3.2rem; 11138 letter-spacing: -0.03em; 11139 margin-bottom: 3.2rem; 11140} 11141.order-container .cap i { 11142 display: block; 11143 width: 100%; 11144 margin-bottom: 2.7rem; 11145 font-size: 1.3em; 11146} 11147.order-container .cap i:before { 11148 display: inline-block; 11149} 11150.order-container .thanks { 11151 width: 100%; 11152 box-sizing: border-box; 11153 font-family: 'bold', arial, helvetica, sans-serif; 11154 position: relative; 11155 font-size: 1.6rem; 11156 letter-spacing: -0.03em; 11157 padding: 2.4rem 0 2.4rem 3rem; 11158 border-top: solid 0.4rem #d8eefb; 11159 border-bottom: solid 0.4rem #d8eefb; 11160 margin-bottom: 2.7rem; 11161} 11162.order-container .thanks i { 11163 position: absolute; 11164 top: 2.3rem; 11165 left: 0; 11166 font-size: 1.2em; 11167} 11168.order-container .email, 11169.order-container .cargo { 11170 width: 100%; 11171 box-sizing: border-box; 11172 position: relative; 11173 font-family: 'medium', arial, helvestica, sans-serif; 11174 font-size: 1.4rem; 11175 padding: 2.7rem 0 2.7rem 6.4rem; 11176 border-bottom: solid 1px #d9e6ee; 11177 line-height: 1.4em; 11178} 11179.order-container .email i, 11180.order-container .cargo i { 11181 position: absolute; 11182 top: 50%; 11183 -webkit-transform: translateY(-50%); 11184 -ms-transform: translateY(-50%); 11185 transform: translateY(-50%); 11186 display: inline-block; 11187 left: 0; 11188 font-size: 2em; 11189 background-color: #5fbeec; 11190 color: #fff; 11191 width: 5rem; 11192 height: 5rem; 11193 border-radius: 50%; 11194} 11195.order-container .email i:before, 11196.order-container .cargo i:before { 11197 display: inline-block; 11198 position: absolute; 11199 left: 50%; 11200 top: 50%; 11201 -webkit-transform: translateX(-50%) translateY(-50%); 11202 -ms-transform: translateX(-50%) translateY(-50%); 11203 transform: translateX(-50%) translateY(-50%); 11204} 11205.order-container .cargo { 11206 border-bottom: none; 11207} 11208.order-container .cargo i { 11209 font-size: 2.3em; 11210} 11211.order-container .info { 11212 width: 100%; 11213} 11214.order-container .footer { 11215 width: 100%; 11216 position: relative; 11217 font-family: 'medium', arial, helvestica, sans-serif; 11218 box-sizing: border-box; 11219 padding: 2.1rem 11.5rem 2.1rem 15.6rem; 11220 font-size: 1.4rem; 11221 line-height: 1.57em; 11222 color: #fff; 11223 background-color: #5fbeec; 11224 border-bottom-left-radius: 1.2rem; 11225 border-bottom-right-radius: 1.2rem; 11226} 11227.order-container .footer img { 11228 position: absolute; 11229 top: 50%; 11230 -webkit-transform: translateY(-50%); 11231 -ms-transform: translateY(-50%); 11232 transform: translateY(-50%); 11233 width: 3rem; 11234 left: 11.5rem; 11235} 11236.order-container .footer a { 11237 -webkit-transition: color 0.2s linear; 11238 transition: color 0.2s linear; 11239 text-decoration: underline; 11240} 11241.order-container .footer a:hover, 11242.order-container .footer a:active { 11243 color: #000; 11244} 11245.page.new-usr { 11246 padding: 0 0 9rem; 11247} 11248.page.new-usr .info.register-info { 11249 text-align: center; 11250 margin-bottom: 2.6rem; 11251 line-height: 1.3em; 11252} 11253.page.new-usr .new-usr-loader { 11254 pointer-events: auto !important; 11255} 11256.page.new-usr .form .form-item.checkbox input + label { 11257 padding-left: 3.5rem; 11258} 11259.page.new-usr .form .form-item.checkbox input + label span { 11260 border-radius: 20%; 11261 width: 2.4rem; 11262 height: 2.4rem; 11263} 11264.page.new-usr .form .form-item.checkbox input + label span:after { 11265 font-size: 0.85rem; 11266 top: 1.1rem; 11267 left: 0.45rem; 11268} 11269.page.new-usr .form .form-item.button-item .err { 11270 text-align: center; 11271 margin-top: 2rem; 11272 padding: 0 2.5rem; 11273} 11274.page.new-usr .form .form-item .input.date:after { 11275 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 11276 speak: never; 11277 font-display: swap; 11278 font-style: normal; 11279 font-weight: normal; 11280 font-variant: normal; 11281 text-transform: none; 11282 line-height: 1; 11283 -webkit-font-smoothing: antialiased; 11284 -moz-osx-font-smoothing: grayscale; 11285 display: inline-block; 11286 position: absolute; 11287 content: "\e925"; 11288 color: #6dbff3; 11289 font-size: 1.8em; 11290 right: 1.5rem; 11291 top: 1.2rem; 11292 z-index: 1; 11293} 11294.page.new-usr .form .group.baby-group { 11295 position: relative; 11296 padding: 2.5rem 2rem; 11297 box-sizing: border-box; 11298 background-color: #ebf7ff; 11299 border-radius: 1.2rem; 11300} 11301.page.new-usr .form .group.baby-group .form-item { 11302 margin-bottom: 0; 11303} 11304.page.new-usr .form .group.baby-group .form-item.checkbox input + label { 11305 font-weight: bold; 11306 color: rgba(30, 57, 143, 0.7); 11307} 11308.page.new-usr .form .group.baby-group .form-item.checkbox input + label span { 11309 background-color: #FFF; 11310 border-color: #FFF; 11311 opacity: 1; 11312} 11313.page.new-usr .form .group.baby-group .form-item.checkbox input:checked + label { 11314 color: #1e398f; 11315} 11316.page.new-usr .form .group.baby-group .form-item-group .form-item { 11317 margin-top: 2.5rem; 11318} 11319.page.new-usr .form .group.baby-group .form-item-group .form-item.input input { 11320 background-color: #FFF; 11321} 11322.page.new-usr .form .group.baby-group .form-item-group.born-baby { 11323 position: relative; 11324 padding: 3rem 2.5rem 2.5rem; 11325 background: #FFF; 11326 border-radius: 1.2rem; 11327 margin-top: 2.5rem; 11328} 11329.page.new-usr .form .group.baby-group .form-item-group.born-baby > .baby-order { 11330 font-family: 'medium', arial, helvestica, sans-serif; 11331 position: absolute; 11332 top: 1rem; 11333 font-size: 1rem; 11334 color: #576289; 11335} 11336.page.new-usr .form .group.baby-group .form-item-group.born-baby > .form-item:first-child { 11337 margin-top: 0; 11338} 11339.page.new-usr .form .group.baby-group .form-item-group.born-baby .form-item { 11340 margin-top: 2.5rem; 11341} 11342.page.new-usr .form .group.baby-group .form-item-group.born-baby .delete-baby-link { 11343 width: 100%; 11344 text-align: right; 11345 margin-top: 2rem; 11346 margin-bottom: -0.5rem; 11347} 11348.page.new-usr .form .group.baby-group .form-item-group.born-baby .delete-baby-link a { 11349 position: relative; 11350 display: inline-block; 11351 font-family: 'book', arial, helvetica, sans-serif; 11352 box-sizing: border-box; 11353 font-size: 1.2rem; 11354 height: 2.6rem; 11355 line-height: 2.6rem; 11356 border-radius: 1.3rem; 11357 color: #1e398f; 11358 padding: 0 1rem 0 3rem; 11359 font-weight: bold; 11360 text-decoration: underline; 11361} 11362.page.new-usr .form .group.baby-group .form-item-group.born-baby .delete-baby-link a i { 11363 position: absolute; 11364 top: 50%; 11365 -webkit-transform: translateY(-50%); 11366 -ms-transform: translateY(-50%); 11367 transform: translateY(-50%); 11368 left: 1rem; 11369 color: #1e398f; 11370 font-size: 0.8em; 11371 font-weight: bold; 11372} 11373.page.new-usr .or { 11374 position: relative; 11375 width: 100%; 11376 text-align: center; 11377 margin-bottom: 3.7rem; 11378} 11379.page.new-usr .or span { 11380 position: relative; 11381 display: inline-block; 11382 font-family: 'medium', arial, helvestica, sans-serif; 11383 z-index: 2; 11384 font-size: 1.4rem; 11385 padding: 1rem 1.6rem; 11386 background-color: #fff; 11387} 11388.new-usr-nav { 11389 position: relative; 11390 box-sizing: border-box; 11391 width: 48rem; 11392 margin: 0 auto; 11393 height: 11.4rem; 11394 overflow: hidden; 11395} 11396.new-usr-nav .back-button { 11397 display: none; 11398 position: absolute; 11399 top: 50%; 11400 -webkit-transform: translateY(-50%); 11401 -ms-transform: translateY(-50%); 11402 transform: translateY(-50%); 11403 font-family: 'book', arial, helvetica, sans-serif; 11404 -webkit-transition: color 0.2s linear, opacity 0.2s; 11405 transition: color 0.2s linear, opacity 0.2s; 11406 font-size: 1.2rem; 11407 color: #1e398f; 11408 left: 0; 11409 opacity: 1; 11410} 11411.new-usr-nav .back-button i { 11412 display: inline-block; 11413 vertical-align: middle; 11414 line-height: 0; 11415 font-size: 0.7em; 11416} 11417.new-usr-nav .back-button:hover,
11418.new-usr-nav .back-button:active { 11419 color: #000; 11420} 11421.new-usr-nav .back-button.hide { 11422 opacity: 0; 11423 pointer-events: none; 11424} 11425.new-usr-web-nav { 11426 position: relative; 11427 width: 100%; 11428 box-sizing: border-box; 11429 -webkit-transition: color 0.2s linear, opacity 0.2s; 11430 transition: color 0.2s linear, opacity 0.2s; 11431 height: 20.6rem; 11432 z-index: 9; 11433} 11434.new-usr-web-nav .back-button { 11435 position: absolute; 11436 font-family: 'book', arial, helvetica, sans-serif; 11437 -webkit-transition: color 0.2s linear, opacity 0.2s; 11438 transition: color 0.2s linear, opacity 0.2s; 11439 font-size: 1.2rem; 11440 color: #1e398f; 11441 left: 6.8rem; 11442 top: 2.6rem; 11443 opacity: 1; 11444} 11445.new-usr-web-nav .back-button i { 11446 display: inline-block; 11447 vertical-align: middle; 11448 line-height: 0; 11449 font-size: 0.7em; 11450} 11451.new-usr-web-nav .back-button:hover, 11452.new-usr-web-nav .back-button:active { 11453 color: #000; 11454} 11455.new-usr-web-nav .back-button.hide { 11456 opacity: 0; 11457 pointer-events: none; 11458} 11459.new-usr-web-nav .logo { 11460 position: absolute; 11461 left: 50%; 11462 -webkit-transform: translateX(-50%); 11463 -ms-transform: translateX(-50%); 11464 transform: translateX(-50%); 11465 top: 7.8rem; 11466 width: 16rem; 11467} 11468.new-usr-web-nav.hide { 11469 opacity: 0; 11470 pointer-events: none; 11471} 11472.new-user-web-wrapper { 11473 position: relative; 11474 box-sizing: border-box; 11475 display: flex; 11476 justify-content: space-between; 11477 width: 96rem; 11478 margin: 0 auto; 11479 min-height: 70rem; 11480 box-shadow: 0 3rem 3rem 0 rgba(141, 144, 163, 0.1); 11481 overflow: hidden; 11482 border-radius: 2.6rem; 11483 border: solid 0.2rem #e6e6ed; 11484} 11485.new-usr-bg-web { 11486 position: relative; 11487 width: 50%; 11488 min-height: 70rem; 11489} 11490.new-usr-bg-web .bg { 11491 width: 100%; 11492 position: absolute; 11493 left: 50%; 11494 -webkit-transform: translateX(-50%); 11495 -ms-transform: translateX(-50%); 11496 transform: translateX(-50%); 11497 top: 0; 11498 z-index: 1; 11499 min-height: 100%; 11500} 11501.new-usr-bg-web .arma { 11502 position: absolute; 11503 left: 50%; 11504 top: 50%; 11505 -webkit-transform: translateX(-50%) translateY(-50%); 11506 -ms-transform: translateX(-50%) translateY(-50%); 11507 transform: translateX(-50%) translateY(-50%); 11508 width: 100%; 11509 z-index: 2; 11510} 11511.new-usr-cont { 11512 position: relative; 11513 box-sizing: border-box; 11514 width: 50%; 11515 min-height: 49.4rem; 11516 overflow: hidden; 11517} 11518.new-usr-disclaimer { 11519 font-family: 'book', arial, helvetica, sans-serif; 11520 font-size: 1.4rem; 11521 color: #1e398f; 11522 line-height: 1.34em; 11523 margin-top: 2.6rem; 11524 padding-bottom: 2.6rem; 11525} 11526a.new-usr-preg-test-link { 11527 display: none; 11528 padding: 2.6rem 0 0; 11529 font-family: 'medium', arial, helvestica, sans-serif; 11530 font-size: 2.2rem; 11531 color: #1e398f; 11532 text-decoration: underline; 11533} 11534a.new-usr-preg-test-link:hover, 11535a.new-usr-preg-test-link:active { 11536 color: #ff6400; 11537} 11538.new-usr-bg { 11539 display: none; 11540 position: relative; 11541 box-sizing: border-box; 11542 -webkit-transition: opacity 0.2s linear; 11543 transition: opacity 0.2s linear; 11544 width: 48rem; 11545 min-height: 70rem; 11546 background-color: #ebf6fe; 11547 z-index: 2; 11548 opacity: 1; 11549} 11550.new-usr-bg .bg { 11551 width: 100%; 11552 position: absolute; 11553 left: 50%; 11554 -webkit-transform: translateX(-50%); 11555 -ms-transform: translateX(-50%); 11556 transform: translateX(-50%); 11557 top: 0; 11558 z-index: 1; 11559} 11560.new-usr-bg .arma { 11561 position: absolute; 11562 left: 50%; 11563 -webkit-transform: translateX(-50%); 11564 -ms-transform: translateX(-50%); 11565 transform: translateX(-50%); 11566 width: 31rem; 11567 top: 11rem; 11568 z-index: 2; 11569} 11570.new-usr-bg .logo { 11571 position: absolute; 11572 left: 50%; 11573 -webkit-transform: translateX(-50%); 11574 -ms-transform: translateX(-50%); 11575 transform: translateX(-50%); 11576 width: 16rem; 11577 top: 2rem; 11578 z-index: 3; 11579} 11580.new-usr-bg.hide { 11581 position: absolute; 11582 top: 0; 11583 left: 0; 11584 opacity: 0; 11585 pointer-events: none; 11586} 11587.new-usr-entry { 11588 position: relative; 11589 box-sizing: border-box; 11590 width: 100%; 11591 -webkit-transition: opacity 0.2s linear; 11592 transition: opacity 0.2s linear; 11593 z-index: 3; 11594 opacity: 1; 11595 background-color: #fff; 11596 min-height: 49.4rem; 11597 padding: 3rem 6rem; 11598} 11599.new-usr-entry .logo.only-mobile { 11600 display: none; 11601} 11602.new-usr-entry .cap { 11603 width: 100%; 11604 font-family: 'bold', arial, helvetica, sans-serif; 11605 text-align: center; 11606 font-size: 1.6rem; 11607 color: #1e398f; 11608 margin-bottom: 1rem; 11609} 11610.new-usr-entry .cap i { 11611 display: inline-block; 11612 vertical-align: middle; 11613 color: #066bf7; 11614 fonr-size: 1em; 11615 margin-left: 1rem; 11616} 11617.new-usr-entry .info { 11618 width: 100%; 11619 text-align: center; 11620 font-family: 'book', arial, helvetica, sans-serif; 11621 color: #0f2057; 11622 font-size: 1.4rem; 11623 line-height: 1.57em; 11624 margin-bottom: 1.5rem; 11625} 11626.new-usr-entry .form { 11627 position: relative; 11628} 11629.new-usr-entry .form .form-item { 11630 z-index: 1; 11631} 11632.new-usr-entry .form .login-entry-submit { 11633 z-index: 2; 11634} 11635.new-usr-entry .login-entry-submit { 11636 display: block; 11637 position: absolute; 11638 -webkit-transition: opacity 0.2s, background-color 0.2s; 11639 transition: opacity 0.2s, background-color 0.2s; 11640 right: 1rem; 11641 top: 1rem; 11642 opcity: 1; 11643 width: 3rem; 11644 height: 3rem; 11645 color: #fff; 11646 background-color: #1e398f; 11647 box-shadow: 0 1.2rem 1.5rem 0 rgba(0, 0, 0, 0.2); 11648 border-radius: 50%; 11649} 11650.new-usr-entry .login-entry-submit i { 11651 position: absolute; 11652 -webkit-transform: rotate(180deg) translateX(-50%) translateY(-50%); 11653 -ms-transform: rotate(180deg) translateX(-50%) translateY(-50%); 11654 transform: rotate(180deg) translateX(-50%) translateY(-50%); 11655 -webkit-transform-origin: 0 0; 11656 -ms-transform-origin: 0 0; 11657 transform-origin: 0 0; 11658 top: 50%; 11659 left: 50%; 11660 font-size: 0.8rem; 11661} 11662.new-usr-entry .login-entry-submit.hide { 11663 opacity: 0; 11664 pointer-events: none; 11665} 11666.new-usr-entry .login-entry-submit:hover,
11667.new-usr-entry .login-entry-submit:active { 11668 background-color: #6dbff3; 11669} 11670.new-usr-entry .buttons { 11671 width: 100%; 11672 display: flex; 11673 justify-content: space-between; 11674} 11675.new-usr-entry .buttons a { 11676 display: inline-block; 11677 text-align: center; 11678 font-family: 'medium', arial, helvestica, sans-serif; 11679 -webkit-transition: background-color 0.2s; 11680 transition: background-color 0.2s; 11681 font-size: 1.4rem; 11682 height: 3.7rem; 11683 line-height: 3.7rem; 11684 color: #fff; 11685 border-radius: 1.8rem; 11686 padding: 0 1.8rem; 11687} 11688.new-usr-entry .buttons a img { 11689 display: inline-block; 11690 vertical-align: middle; 11691 height: 1.8rem; 11692} 11693.new-usr-entry .buttons a.blue { 11694 background-color: #4267b2; 11695} 11696.new-usr-entry .buttons a.blue:hover, 11697.new-usr-entry .buttons a.blue:active { 11698 background-color: #6283c5; 11699} 11700.new-usr-entry .buttons a.black { 11701 background-color: #000; 11702} 11703.new-usr-entry .buttons a.black:hover, 11704.new-usr-entry .buttons a.black:active { 11705 background-color: #1e398f; 11706} 11707.new-usr-entry .buttons a.orange { 11708 background-color: #dc4e41; 11709} 11710.new-usr-entry .buttons a.orange:hover, 11711.new-usr-entry .buttons a.orange:active { 11712 background-color: #e4766c; 11713} 11714.new-usr-entry.hide { 11715 position: absolute; 11716 top: 0; 11717 left: 0; 11718 opacity: 0; 11719 pointer-events: none; 11720} 11721.new-usr-form-cont { 11722 position: absolute; 11723 box-sizing: border-box; 11724 width: 100%; 11725 -webkit-transition: opacity 0.2s linear; 11726 transition: opacity 0.2s linear; 11727 top: 0; 11728 left: 0; 11729 z-index: 0; 11730 opacity: 0; 11731 background-color: #fff; 11732 border-radius: 2.6rem; 11733 padding: 3rem 5rem; 11734 min-height: 70rem; 11735 pointer-events: none; 11736} 11737.new-usr-form-cont.active { 11738 position: relative; 11739 top: auto; 11740 left: auto; 11741 right: auto; 11742 bottom: auto; 11743 opacity: 1; 11744 z-index: 4; 11745 pointer-events: auto !important; 11746} 11747.new-usr-form-cont .form-cap { 11748 width: 100%; 11749 text-align: center; 11750 font-family: 'bold', arial, helvetica, sans-serif; 11751 font-size: 1.6rem; 11752 margin-bottom: 2.8rem; 11753} 11754.new-usr-form-cont .login-cont { 11755 padding-top: 3.5rem; 11756} 11757.new-usr-form-cont .button.usr-submit { 11758 width: 100%; 11759 line-height: 5rem; 11760 height: 5rem; 11761 border-radius: 2.4rem; 11762 box-shadow: 0 1.2rem 2rem 0 rgba(0, 0, 0, 0.15); 11763} 11764.new-usr-form-cont .or { 11765 text-align: center; 11766 font-family: 'medium', arial, helvestica, sans-serif; 11767 color: #0f2057; 11768 font-size: 2.8rem; 11769} 11770.new-usr-loader { 11771 position: absolute; 11772 width: 100%; 11773 height: 100%; 11774 -webkit-transition: opacity 0.2s; 11775 transition: opacity 0.2s; 11776 top: 0; 11777 left: 0; 11778 background-color: #fff; 11779 opacity: 0; 11780 display: flex; 11781 justify-content: center; 11782 align-items: center; 11783 z-index: 1; 11784 pointer-events: none; 11785} 11786.new-usr-loader.show { 11787 opacity: 0.9; 11788 z-index: 9; 11789} 11790.new-usr-login-form { 11791 width: 100%; 11792} 11793.heart-loader { 11794 display: inline-block; 11795 position: relative; 11796 -webkit-transform: rotate(45deg); 11797 -ms-transform: rotate(45deg); 11798 transform: rotate(45deg); 11799 -webkit-transform-origin: 4rem 4rem; 11800 -ms-transform-origin: 4rem 4rem; 11801 transform-origin: 4rem 4rem; 11802 width: 8rem; 11803 height: 8rem; 11804} 11805.heart-loader div { 11806 position: absolute; 11807 top: 3.2rem; 11808 left: 3.2rem; 11809 width: 3.2rem; 11810 height: 3.2rem; 11811 background-color: #1e398f; 11812 animation: heart-loader 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1); 11813} 11814.heart-loader div:after, 11815.heart-loader div:before { 11816 position: absolute; 11817 display: block; 11818 width: 3.2rem; 11819 height: 3.2rem; 11820 content: ""; 11821 background-color: #1e398f; 11822} 11823.heart-loader div:before { 11824 left: -2.4rem; 11825 border-radius: 50% 0 0 50%; 11826} 11827.heart-loader div:after { 11828 top: -2.4rem; 11829 border-radius: 50% 50% 0 0; 11830} 11831.page.new-usr.forget-password .new-usr-cont .info { 11832 width: 100%; 11833 text-align: center; 11834 font-family: 'book', arial, helvetica, sans-serif; 11835 color: #0f2057; 11836 font-size: 1.4rem; 11837 line-height: 1.57em; 11838 margin-bottom: 1.5rem; 11839} 11840.960 .new-user-web-wrapper { 11841 width: 90%; 11842 box-shadow: 0 6rem 6rem 0 rgba(141, 144, 163, 0.1); 11843 border-radius: 3.2rem; 11844 border: solid 0.4rem #e6e6ed; 11845} 11846.960 .page.new-usr { 11847 padding: 0 0 9rem; 11848} 11849.960 .page.new-usr .info.register-info { 11850 font-size: 2.8rem; 11851 margin-bottom: 5.2rem; 11852} 11853.960 .page.new-usr .form .form-item.checkbox input + label { 11854 padding-left: 7rem; 11855} 11856.960 .page.new-usr .form .form-item.checkbox input + label span { 11857 width: 4.8rem; 11858 height: 4.8rem; 11859} 11860.960 .page.new-usr .form .form-item.checkbox input + label span:after { 11861 font-size: 1.7rem; 11862 top: 2.2rem; 11863 left: 0.9rem; 11864} 11865.960 .page.new-usr .form .form-item.button-item .err { 11866 margin-top: 4rem; 11867 padding: 0 5rem; 11868} 11869.960 .page.new-usr .form .form-item.input label { 11870 font-size: 2.4rem; 11871} 11872.960 .page.new-usr .form .form-item.input.date:after { 11873 font-size: 3.6em; 11874 right: 3rem; 11875 top: 2.4rem; 11876} 11877.960 .page.new-usr .form .group.baby-group { 11878 padding: 5rem 4rem; 11879 border-radius: 2.4rem; 11880} 11881.960 .page.new-usr .form .group.baby-group .form-item-group .form-item { 11882 margin-top: 5rem; 11883} 11884.960 .page.new-usr .form .group.baby-group .form-item-group.born-baby { 11885 padding: 6rem 3rem 4rem; 11886 border-radius: 2.4rem; 11887 margin-top: 5rem; 11888} 11889.960 .page.new-usr .form .group.baby-group .form-item-group.born-baby > .baby-order { 11890 top: 2rem; 11891 font-size: 2.2rem; 11892} 11893.960 .page.new-usr .form .group.baby-group .form-item-group.born-baby .form-item { 11894 margin-top: 5rem; 11895} 11896.960 .page.new-usr .form .group.baby-group .form-item-group.born-baby .delete-baby-link { 11897 margin-top: 4rem; 11898 margin-bottom: -1rem; 11899} 11900.960 .page.new-usr .form .group.baby-group .form-item-group.born-baby .delete-baby-link a { 11901 font-size: 2.4rem; 11902 height: 3.2rem; 11903 line-height: 5.2rem; 11904 border-radius: 2.6rem; 11905 padding: 0 2rem 0 6rem; 11906} 11907.960 .page.new-usr .form .group.baby-group .form-item-group.born-baby .delete-baby-link a i { 11908 left: 2rem; 11909 font-size: 0.8em; 11910} 11911.960 .page.new-usr .or { 11912 font-size: 3.6rem; 11913 margin-bottom: 7.4rem; 11914} 11915.960 .page.new-usr .or:before { 11916 border-top: dashed 0.2rem #d8e9f4; 11917} 11918.960 .page.new-usr .or span { 11919 font-size: 2.8rem; 11920 padding: 2rem 3.2rem; 11921} 11922.960 .new-usr-web-nav { 11923 display: none; 11924} 11925.960 .new-usr-nav { 11926 display: block; 11927 width: 90%; 11928 height: 22.8rem; 11929} 11930.960 .new-usr-nav .back-button { 11931 font-size: 2.4rem; 11932 display: block; 11933} 11934.960 .new-usr-cont { 11935 box-sizing: border-box; 11936 width: 100%; 11937 min-height: 140rem; 11938} 11939.960 .new-usr-disclaimer { 11940 font-size: 2.2rem; 11941 margin-top: 2.6rem; 11942 padding-bottom: 2.6rem; 11943}
11944.960 .new-usr-bg-web { 11945 display: none; 11946} 11947.960 .new-usr-bg { 11948 display: block; 11949 width: 100%; 11950 min-height: 140rem; 11951} 11952.960 .new-usr-bg .arma { 11953 width: 62rem; 11954 top: 22rem; 11955} 11956.960 .new-usr-bg .logo { 11957 width: 32rem; 11958 top: 4rem; 11959} 11960.960 .new-usr-entry { 11961 position: absolute; 11962 top: auto; 11963 bottom: 0; 11964 left: 0; 11965 border-radius: 3.2rem; 11966 height: 80rem; 11967 padding: 6rem; 11968} 11969.960 .new-usr-entry .logo.only-mobile { 11970 display: block; 11971 position: relative; 11972 top: auto; 11973 left: auto; 11974 right: auto; 11975 bottom: auto; 11976 -webkit-transform: none; 11977 -ms-transform: none; 11978 transform: none; 11979 margin: 0 auto 4.2rem; 11980 width: 45%; 11981} 11982.960 .new-usr-entry .logo.only-mobile img { 11983 width: 100%; 11984} 11985.960 .new-usr-entry .cap { 11986 font-size: 3.2rem; 11987 margin-bottom: 2rem; 11988} 11989.960 .new-usr-entry .cap i { 11990 margin-left: 2rem; 11991} 11992.960 .new-usr-entry .info { 11993 font-size: 2.8rem; 11994 margin-bottom: 3rem; 11995} 11996.960 .new-usr-entry .login-entry-submit { 11997 right: 2rem; 11998 top: 2rem; 11999 width: 6rem; 12000 height: 6rem; 12001 box-shadow: 0 2.4rem 3rem 0 rgba(0, 0, 0, 0.2); 12002} 12003.960 .new-usr-entry .login-entry-submit i { 12004 font-size: 1.6rem; 12005} 12006.960 .new-usr-entry .buttons a { 12007 font-size: 2.8rem; 12008 height: 7.4rem; 12009 line-height: 7.4rem; 12010 border-radius: 3.6rem; 12011 padding: 0 3.6rem; 12012} 12013.960 .new-usr-entry .buttons a img { 12014 height: 3.6rem; 12015} 12016.960 .new-usr-form-cont { 12017 border-radius: 5.3rem; 12018 padding: 3rem; 12019 min-height: 140rem; 12020} 12021.960 .new-usr-form-cont .form-cap { 12022 font-size: 3.2rem; 12023 margin-bottom: 5.6rem; 12024} 12025.960 .new-usr-form-cont .login-cont { 12026 padding-top: 7rem; 12027} 12028.960 .new-usr-form-cont .button.usr-submit { 12029 line-height: 10rem; 12030 height: 10rem; 12031 border-radius: 4.8rem; 12032 box-shadow: 0 3.2rem 4rem 0 rgba(0, 0, 0, 0.15); 12033} 12034.960 .heart-loader { 12035 -webkit-transform-origin: 8rem 8rem; 12036 -ms-transform-origin: 8rem 8rem; 12037 transform-origin: 8rem 8rem; 12038 width: 16rem; 12039 height: 16rem; 12040} 12041.960 .heart-loader div { 12042 top: 6.4rem; 12043 left: 6.4rem; 12044 width: 6.4rem; 12045 height: 6.4rem; 12046} 12047.960 .heart-loader div:after, 12048.960 .heart-loader div:before { 12049 width: 6.4rem; 12050 height: 6.4rem; 12051} 12052.960 .heart-loader div:before { 12053 left: -4.8rem; 12054} 12055.960 .heart-loader div:after { 12056 top: -4.8rem; 12057} 12058.960 .page.new-usr.forget-password .new-usr-cont .info { 12059 font-size: 2.8rem; 12060 margin-bottom: 3rem; 12061} 12062@keyframes heart-loader { 12063 0% { 12064 transform: scale(0.95); 12065 } 12066 5% { 12067 transform: scale(1.1); 12068 } 12069 39% { 12070 transform: scale(0.85); 12071 } 12072 45% { 12073 transform: scale(1); 12074 } 12075 60% { 12076 transform: scale(0.95); 12077 } 12078 100% { 12079 transform: scale(0.9); 12080 } 12081} 12082.page.author .akademi-wrap.type-1 { 12083 width: 100%; 12084} 12085.author-tab-menu-cont { 12086 width: 113rem; 12087 margin: 0 auto; 12088 position: relative; 12089} 12090.author-tab-menu-cont .author-tab-links { 12091 position: relative; 12092 width: 100%; 12093 display: flex; 12094 align-items: flext-start; 12095 border-bottom: solid 1px #e6e6ed; 12096} 12097.author-tab-menu-cont .author-tab-links span, 12098.author-tab-menu-cont .author-tab-links a { 12099 display: inline-block; 12100 font-family: 'bold', arial, helvetica, sans-serif; 12101 position: relative; 12102 font-size: 1.6rem; 12103 color: #1e398f; 12104 padding-bottom: 2.6rem; 12105 margin-right: 7.4rem; 12106 cursor: pointer; 12107} 12108.author-tab-menu-cont .author-tab-links span:after, 12109.author-tab-menu-cont .author-tab-links a:after { 12110 display: block; 12111 width: 100%; 12112 position: absolute; 12113 -webkit-transition: transform 0.2s, opacity 0.2s, background-color 0.2s; 12114 transition: transform 0.2s, opacity 0.2s, background-color 0.2s; 12115 -webkit-transform-origin: 50% 50%; 12116 -ms-transform-origin: 50% 50%; 12117 transform-origin: 50% 50%; 12118 -webkit-transform: scaleX(0); 12119 -ms-transform: scaleX(0); 12120 transform: scaleX(0); 12121 left: 0; 12122 bottom: 0; 12123 opacity: 0; 12124 content: ""; 12125 height: 0.4rem; 12126} 12127.author-tab-menu-cont .author-tab-links span:hover, 12128.author-tab-menu-cont .author-tab-links a:hover { 12129 color: #6dbff3; 12130} 12131.author-tab-menu-cont .author-tab-links span.active, 12132.author-tab-menu-cont .author-tab-links a.active { 12133 color: #6dbff3; 12134} 12135.author-tab-menu-cont .author-tab-links span.active:after, 12136.author-tab-menu-cont .author-tab-links a.active:after { 12137 -webkit-transform: scaleX(1); 12138 -ms-transform: scaleX(1); 12139 transform: scaleX(1); 12140 opacity: 1; 12141 background-color: #6dbff3; 12142} 12143.author-detail { 12144 padding-top: 4rem; 12145} 12146.author-detail .cap { 12147 font-family: 'bold', arial, helvetica, sans-serif; 12148 font-size: 2.4rem; 12149 width: 113rem; 12150 margin: 0 auto 2.8rem; 12151} 12152.author-detail .context { 12153 width: 113rem; 12154 margin: 0 auto 6.4rem; 12155} 12156.author-detail-cover { 12157 position: relative; 12158 width: 136rem; 12159 margin: -2.5rem auto 4.2rem; 12160 border-radius: 2.6rem; 12161 overflow: hidden; 12162} 12163.author-detail-cover img { 12164 width: 100%; 12165 position: relative; 12166 z-index: 1; 12167} 12168.author-detail-cover .name { 12169 position: absolute; 12170 top: 50%; 12171 -webkit-transform: translateY(-50%); 12172 -ms-transform: translateY(-50%); 12173 transform: translateY(-50%); 12174 font-family: 'medium', arial, helvestica, sans-serif; 12175 font-size: 3rem; 12176 left: 11.4rem; 12177 border-radius: 2.5rem; 12178 padding: 1.6rem; 12179 background-color: #fff; 12180 color: #1e398f; 12181 z-index: 2; 12182 white-space: nowrap; 12183} 12184.author-detail-bar { 12185 position: relative; 12186 margin: 0 auto 2.3rem; 12187 width: 94.5rem; 12188} 12189.author-detail-bar .share-cont { 12190 position: absolute; 12191 display: inline-block; 12192 right: -18.5rem; 12193 top: -1rem; 12194} 12195.author-detail-bar .tag { 12196 margin-bottom: 1.1rem; 12197 margin-right: 1.1rem; 12198} 12199.formatted-text.author-detail { 12200 width: 75%; 12201} 12202.formatted-text.author-detail .mobile-cap { 12203 display: none; 12204} 12205.cast-card-slider-cont { 12206 position: relative; 12207 width: 113rem; 12208 margin: 0 auto; 12209 overflow: hidden; 12210 height: 38rem; 12211} 12212.cast-card-slider-cont .item { 12213 width: 35rem; 12214 height: 38rem; 12215} 12216.cast-card-slider.royalSlider.rsMinW { 12217 position: relative; 12218 width: 38.8rem; 12219 height: 38rem; 12220} 12221.cast-card-slider.royalSlider.rsMinW .rsContent { 12222 width: 38.8rem; 12223 height: 38rem; 12224 overflow: visible; 12225} 12226.cast-card-slider.royalSlider.rsMinW .rsSlide { 12227 width: 38.8rem; 12228 height: 38rem; 12229 overflow: visible; 12230} 12231.cast-card-slider.royalSlider.rsMinW .rsOverflow { 12232 position: absolute; 12233 z-index: 1; 12234 top: 0; 12235 left: 0; 12236 overflow: visible; 12237 width: 100% !important; 12238 height: 100% !important; 12239 float: none; 12240} 12241.slider-arrow.cast-card-slider-arrow { 12242 top: 16rem; 12243} 12244.slider-arrow.cast-card-slider-arrow.left { 12245 right: -7rem; 12246} 12247.slider-arrow.cast-card-slider-arrow.right { 12248 left: -7rem; 12249} 12250.author-detail-tabs { 12251 width: 136rem; 12252 margin: 0 auto 4.5rem; 12253} 12254.author-detail-tabs .links { 12255 width: 113rem; 12256 margin: 0 auto; 12257} 12258.author-detail-tabs .links span { 12259 display: inline-block; 12260 position: relative; 12261 font-family: 'medium', arial, helvestica, sans-serif; 12262 white-space: nowrap; 12263 font-size: 1.6rem; 12264 padding-bottom: 2.6rem; 12265 color: #1e398f; 12266 margin-right: 2.8rem; 12267 cursor: pointer; 12268} 12269.author-detail-tabs .links span:after { 12270 display: block; 12271 width: 100%; 12272 position: absolute; 12273 -webkit-transition: transform 0.2s, opacity 0.2s, background-color 0.2s; 12274 transition: transform 0.2s, opacity 0.2s, background-color 0.2s; 12275 -webkit-transform-origin: 50% 50%; 12276 -ms-transform-origin: 50% 50%; 12277 transform-origin: 50% 50%; 12278 -webkit-transform: scaleX(0); 12279 -ms-transform: scaleX(0); 12280 transform: scaleX(0); 12281 left: 0; 12282 bottom: 0; 12283 opacity: 0; 12284 content: ""; 12285 height: 0.4rem; 12286} 12287.author-detail-tabs .links span.active { 12288 color: #5fbeec; 12289} 12290.author-detail-tabs .links span.active:after { 12291 -webkit-transform: scaleX(1); 12292 -ms-transform: scaleX(1); 12293 transform: scaleX(1); 12294 opacity: 1; 12295 background-color: #5fbeec; 12296} 12297.author-detail-tabs .contents { 12298 position: relative; 12299 width: 100%; 12300 border-radius: 2.6rem; 12301 border: solid 1px #e6e6ed; 12302 padding: 9.5rem 0; 12303} 12304.author-detail-tabs .contents .content { 12305 display: none; 12306 position: relative; 12307 width: 113rem; 12308 margin: 0 auto; 12309} 12310.author-detail-tabs.visible .contents .content { 12311 display: block; 12312} 12313.page.landing .page-banner { 12314 margin-bottom: 2.6rem; 12315} 12316.page.landing .page-banner .text h1.spanned, 12317.page.landing .page-banner .text div.spanned { 12318 display: none; 12319 background-color: transparent; 12320 border-radius: 0; 12321 line-height: 1; 12322 padding: 0; 12323} 12324.page.landing .page-banner .text h1.spanned span, 12325.page.landing .page-banner .text div.spanned span { 12326 display: inline-block; 12327 font-family: 'bold', arial, helvetica, sans-serif; 12328 background-color: #e3f2f9; 12329 border-radius: 2.5rem; 12330 font-size: 3rem; 12331 line-height: 5rem; 12332 padding: 0 2.2rem; 12333 margin-bottom: 0.5rem; 12334} 12335.page.landing .page-banner .text h1.spanned.single, 12336.page.landing .page-banner .text div.spanned.single { 12337 display: block; 12338} 12339.page.landing .page-banner .text h1.spanned.mobile, 12340.page.landing .page-banner .text div.spanned.mobile { 12341 display: none; 12342} 12343.page.landing .page-banner .text h1.spanned.web, 12344.page.landing .page-banner .text div.spanned.web { 12345 display: block; 12346} 12347.page.landing.yeni-aptamil .page-banner .text { 12348 top: 61%; 12349} 12350.regulation { 12351 position: relative; 12352 font-family: 'bold', arial, helvetica, sans-serif; 12353 padding: 0.8rem 0 0 5.3rem; 12354 color: #9dc8e3; 12355 line-height: 1.71em; 12356 font-size: 1.4rem; 12357 margin-bottom: 6.6rem; 12358 width: 120rem; 12359 margin: 0 auto; 12360 min-height: 4rem; 12361} 12362.regulation:before { 12363 position: absolute; 12364 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 12365 speak: never; 12366 font-display: swap; 12367 font-style: normal; 12368 font-weight: normal; 12369 font-variant: normal; 12370 text-transform: none; 12371 line-height: 1; 12372 -webkit-font-smoothing: antialiased; 12373 -moz-osx-font-smoothing: grayscale; 12374 display: inline-block; 12375 content: "\e935"; 12376 left: 0; 12377 top: 0.6rem; 12378 font-size: 4rem; 12379} 12380.regulation.margin-bottom { 12381 margin-bottom: 3.2rem; 12382} 12383.regulation.single-line-web { 12384 padding-top: 1.4rem; 12385} 12386.landing-cont { 12387 width: 136rem; 12388 margin: 0 auto 9rem; 12389} 12390.landing-cont .content { 12391 box-sizing: border-box; 12392 width: 67rem; 12393 margin: 0 auto; 12394} 12395.landing-cont .content.margin-top { 12396 margin-top: 4.4rem; 12397} 12398.landing-cont .sub-cap { 12399 font-family: 'medium', arial, helvestica, sans-serif; 12400 font-size: 3.2rem; 12401 line-height: 1.25em; 12402 letter-spacing: -0.03em; 12403 color: #1e398f; 12404 margin-bottom: 4.4rem; 12405} 12406.landing-cont .sub-cap.text-center { 12407 text-align: center; 12408} 12409.landing-cont .small-cap { 12410 font-family: 'medium', arial, helvestica, sans-serif; 12411 font-size: 2.2rem; 12412 line-height: 1.46em; 12413 color: #1e398f; 12414 margin-bottom: 4.4rem; 12415} 12416.landing-cont .spot { 12417 font-family: 'medium', arial, helvestica, sans-serif; 12418 font-size: 1.8rem; 12419 line-height: 1.7em; 12420 color: #1e398f; 12421 margin-bottom: 4.4rem; 12422} 12423.landing-cont .spot strong { 12424 font-family: 'bold', arial, helvetica, sans-serif; 12425} 12426.landing-section { 12427 width: 100%; 12428 margin: 4.4rem auto; 12429 padding: 4.4rem 0; 12430} 12431.landing-section .content { 12432 display: flex; 12433 flex-wrap: nowrap; 12434 justify-content: space-between; 12435 align-items: center; 12436} 12437.landing-section.no-flex .content { 12438 display: block; 12439} 12440.landing-section .img { 12441 width: 32.3rem; 12442} 12443.landing-section .img img { 12444 width: 100%; 12445} 12446.landing-section .img.shadow { 12447 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 12448} 12449.landing-section .img.radius { 12450 border-radius: 1.2rem; 12451 overflow: hidden; 12452} 12453.landing-section .text { 12454 font-family: 'book', arial, helvetica, sans-serif; 12455 width: 27.1rem; 12456 font-size: 1.4rem; 12457 line-height: 1.58em; 12458 color: #6174b0; 12459} 12460.landing-section .text p { 12461 margin-bottom: 3.4rem; 12462} 12463.landing-section .text p:last-child { 12464 margin-bottom: 0; 12465} 12466.landing-section .text strong { 12467 font-family: 'medium', arial, helvestica, sans-serif; 12468} 12469.landing-section .text big { 12470 font-size: 1.29em; 12471} 12472.landing-section .text small { 12473 font-size: 0.86em; 12474} 12475.landing-section .app-link { 12476 display: inline-block; 12477 width: 20rem; 12478} 12479.landing-section .app-link img { 12480 display: inline-block; 12481} 12482.landing-section.blue-bg { 12483 background-color: #d7eefe; 12484 border-radius: 2.6rem; 12485} 12486.landing-section.purple-bg { 12487 background-color: #e9dfef; 12488 border-radius: 2.6rem; 12489} 12490.landing-section.left .content { 12491 flex-direction: row; 12492} 12493.landing-section.right .content { 12494 flex-direction: row-reverse; 12495} 12496.landing-youtube-iframe { 12497 position: relative; 12498 width: 100%; 12499 margin: 0 auto 4.4rem; 12500} 12501.landing-youtube-iframe.rate-1 { 12502 padding-bottom: 56.25%; 12503} 12504.landing-youtube-iframe iframe { 12505 position: absolute; 12506 width: 100%; 12507 height: 100%; 12508 top: 0; 12509 left: 0; 12510} 12511.landing-accord { 12512 width: 100%; 12513 margin: 0 auto 4.4rem; 12514 color: #1e398f; 12515} 12516.landing-accord > li { 12517 display: block; 12518 width: 100%; 12519 box-sizing: border-box; 12520 position: relative; 12521 font-family: 'medium', arial, helvestica, sans-serif; 12522 -webkit-transition: color 0.2s linear; 12523 transition: color 0.2s linear; 12524 font-size: 1.8rem; 12525 padding: 2.7rem 0; 12526 cursor: pointer; 12527 border-bottom: solid 0.4rem #e1f3fc; 12528 line-height: 1.4444em; 12529} 12530.landing-accord > li .content { 12531 display: none; 12532 width: 100%; 12533 box-sizing: border-box; 12534 padding-top: 2.7rem; 12535} 12536.landing-accord > li:after { 12537 position: absolute; 12538 display: inline-block; 12539 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 12540 speak: never; 12541 font-display: swap; 12542 font-style: normal; 12543 font-weight: normal; 12544 font-variant: normal; 12545 text-transform: none; 12546 line-height: 1; 12547 -webkit-font-smoothing: antialiased; 12548 -moz-osx-font-smoothing: grayscale; 12549 content: "\e903"; 12550 -webkit-transform: rotate(0); 12551 -ms-transform: rotate(0); 12552 transform: rotate(0); 12553 -webkit-transition: transform 0.2s linear; 12554 transition: transform 0.2s linear; 12555 font-size: 0.8rem; 12556 right: 0; 12557 top: 3.6rem; 12558} 12559.landing-accord > li.active:after { 12560 -webkit-transform: rotate(-180deg); 12561 -ms-transform: rotate(-180deg); 12562 transform: rotate(-180deg); 12563} 12564.landing-accord > li:hover {
12565 color: #22a3f2; 12566} 12567.page.category.list.akademi-landing-v1 .category-list .list-section .slider.royalSlider.rsMinW .list-item .box { 12568 height: 24.8rem; 12569} 12570.page.category.list.akademi-landing-v1.bebek-isimleri-sozlugu .category-list .list-section { 12571 margin: 0 auto; 12572} 12573.page.landing.sizin-hikayeniz .page-banner { 12574 height: 65rem; 12575} 12576.page.landing.sizin-hikayeniz .landing-cont { 12577 margin: 0 auto 4rem; 12578} 12579.page.landing.sizin-hikayeniz .regulation { 12580 margin: 0 auto 4rem; 12581} 12582.page.landing.sizin-hikayeniz .landing-section { 12583 border-radius: 2.6rem; 12584} 12585.page.landing.sizin-hikayeniz .landing-section .spot { 12586 font-family: 'book', arial, helvetica, sans-serif; 12587 text-align: center; 12588 font-size: 2.2rem; 12589 line-height: 1.45em; 12590 padding: 0 17rem; 12591 margin-bottom: 3rem; 12592} 12593.page.landing.sizin-hikayeniz .landing-section .spot.bold { 12594 font-family: 'bold', arial, helvetica, sans-serif; 12595 margin-bottom: 1.5rem; 12596} 12597.page.landing.sizin-hikayeniz .landing-section .content { 12598 align-items: flex-start; 12599} 12600.page.landing.sizin-hikayeniz .landing-section .text { 12601 color: #1E398F; 12602 width: 46.6rem; 12603} 12604.page.landing.sizin-hikayeniz .landing-section .section-cap { 12605 font-family: 'bold', arial, helvetica, sans-serif; 12606 font-size: 2.2rem; 12607 line-height: 1.45em; 12608 margin-bottom: 2.2rem; 12609} 12610.page.landing.sizin-hikayeniz .landing-section .section-spot { 12611 font-family: 'medium', arial, helvestica, sans-serif; 12612 font-size: 1.8rem; 12613 line-height: 1.22em; 12614} 12615.page.landing.sizin-hikayeniz .landing-section .section-text { 12616 font-size: 1.4rem; 12617 line-height: 1.57em; 12618} 12619.page.landing.sizin-hikayeniz .landing-section .img { 12620 text-align: center; 12621} 12622.page.landing.sizin-hikayeniz .landing-section.first { 12623 text-align: center; 12624 margin: 5.8rem auto 0; 12625 padding-bottom: 3rem; 12626 background-color: rgba(215,238,254,0.27); 12627} 12628.page.landing.sizin-hikayeniz .landing-section.first img.arma-50 { 12629 display: inline-block; 12630 width: 8rem; 12631 height: 10.963rem; 12632 margin: -8.7rem 0 1.5rem 0; 12633} 12634.page.landing.sizin-hikayeniz .landing-section.second { 12635 margin: 6.7rem auto 0; 12636 padding-bottom: 5.8rem; 12637 background: -webkit-linear-gradient(180deg, #D7EEFE 0%, #B2E4FF 72%, #8EDBFF 100%); 12638 background: -o-linear-gradient(180deg, #D7EEFE 0%, #B2E4FF 72%, #8EDBFF 100%); 12639 background: -ms-linear-gradient(180deg, #D7EEFE 0%, #B2E4FF 72%, #8EDBFF 100%); 12640 background: -moz-linear-gradient(180deg, #D7EEFE 0%, #B2E4FF 72%, #8EDBFF 100%); 12641 background: linear-gradient(180deg, #D7EEFE 0%, #B2E4FF 72%, #8EDBFF 100%); 12642} 12643.page.landing.sizin-hikayeniz .landing-section.second .content { 12644 width: 98rem; 12645} 12646.page.landing.sizin-hikayeniz .landing-section.second .img { 12647 width: 47.4rem; 12648 margin-top: -8rem; 12649} 12650.page.landing.sizin-hikayeniz .landing-section.second .text { 12651 width: 43.5rem; 12652 padding-top: 4.5rem; 12653} 12654.page.landing.sizin-hikayeniz .landing-section.second .section-text { 12655 width: 37.2rem; 12656} 12657.page.landing.sizin-hikayeniz .landing-section.third { 12658 margin: 7.2rem auto 0; 12659 padding-bottom: 5.8rem; 12660 background: -webkit-linear-gradient(180deg,rgb(233 222 239 / 55%) 0,rgb(193 165 213 / 55%) 100%); 12661 background: -o-linear-gradient(180deg,rgb(233 222 239 / 55%) 0,rgb(193 165 213 / 55%) 100%); 12662 background: -ms-linear-gradient(180deg,rgb(233 222 239 / 55%) 0,rgb(193 165 213 / 55%) 100%); 12663 background: -moz-linear-gradient(180deg,rgb(233 222 239 / 55%) 0,rgb(193 165 213 / 55%) 100%); 12664 background: linear-gradient(180deg,rgb(233 222 239 / 55%) 0,rgb(193 165 213 / 55%) 100%); 12665} 12666.page.landing.sizin-hikayeniz .landing-section.third .content { 12667 width: 104rem; 12668} 12669.page.landing.sizin-hikayeniz .landing-section.third .img { 12670 width: 55.8rem; 12671 margin-top: -9.6rem; 12672} 12673.page.landing.sizin-hikayeniz .landing-section.third .text { 12674 width: 42.5rem; 12675 padding-top: 0.8rem; 12676} 12677.page.landing.sizin-hikayeniz .landing-section.third .section-cap { 12678 margin-bottom: 1.7rem; 12679} 12680.page.landing.sizin-hikayeniz .landing-section.third .section-spot { 12681 width: 37.2rem; 12682} 12683.page.landing.sizin-hikayeniz .landing-section.third .section-text { 12684 width: 37.2rem; 12685} 12686.page.landing.sizin-hikayeniz .landing-section.fourth { 12687 box-sizing: border-box; 12688 margin: 9.9rem auto 0; 12689 padding-bottom: 5.8rem; 12690 background-color: #fff; 12691 border: 1px solid #1E398F33; 12692} 12693.page.landing.sizin-hikayeniz .landing-section.fourth .content { 12694 width: 122rem; 12695} 12696.page.landing.sizin-hikayeniz .landing-section.fourth .img { 12697 width: 69.9rem; 12698 margin-top: -9.6rem; 12699} 12700.page.landing.sizin-hikayeniz .landing-section.fourth .img img { 12701 display: inline-block; 12702} 12703.page.landing.sizin-hikayeniz .landing-section.fourth .img .app-icon { 12704 margin-top: -4.2rem; 12705} 12706.page.landing.sizin-hikayeniz .landing-section.fourth .img .app-icon img { 12707 width: 11.2rem; 12708} 12709.page.landing.sizin-hikayeniz .landing-section.fourth .img .five-star img { 12710 width: 16.9rem; 12711} 12712.page.landing.sizin-hikayeniz .landing-section.fourth .img .download-icons { 12713 margin-top: 2.4rem; 12714} 12715.page.landing.sizin-hikayeniz .landing-section.fourth .img .download-icons img { 12716 width: 18.5rem; 12717} 12718.page.landing.sizin-hikayeniz .landing-section.fourth .text { 12719 width: 46.6rem; 12720 padding-top: 0.8rem; 12721} 12722.page.landing.sizin-hikayeniz .landing-section.fourth .section-cap { 12723 margin-bottom: 1.7rem; 12724} 12725.page.landing.sizin-hikayeniz .landing-section.fourth .section-spot { 12726 width: 37.2rem; 12727} 12728.page.landing.sizin-hikayeniz .landing-section.fourth .section-text { 12729 width: 37.2rem; 12730} 12731.page.landing.hayatin-icinden .page-banner { 12732 margin: 5rem auto 11.9rem; 12733} 12734.page.landing.hayatin-icinden .spot { 12735 text-align: center; 12736} 12737.page.landing.hayatin-icinden .category-slider-cont .box:after { 12738 background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 23%, rgb(0 0 0 / 60%) 100%); 12739} 12740.page.landing.hayatin-icinden .category-slider-cont .box .text div.big-line { 12741 font-family: 'bold', arial, helvetica, sans-serif; 12742 font-size: 2.6rem; 12743 line-height: 1.35em; 12744 white-space: nowrap; 12745} 12746.page.landing.hayatin-icinden .category-slider-cont .box .text div.small-line { 12747 font-size: 1.6rem; 12748 line-height: 1.35em; 12749 white-space: nowrap; 12750} 12751.page.landing.kalite .page-banner { 12752 height: 60rem; 12753} 12754.kalite-text-1 { 12755 width: 100%; 12756 font-family: 'medium', arial, helvestica, sans-serif; 12757 text-align: center; 12758 font-size: 2rem; 12759 line-height: 1.6em; 12760 color: #1e398f; 12761 margin-bottom: 5.5rem; 12762} 12763.kalite-text-1 p { 12764 margin: 0 auto; 12765} 12766.kalite-text-2 { 12767 width: 100%; 12768 color: #1e398f; 12769 text-align: center; 12770 margin-bottom: 6rem; 12771} 12772.kalite-text-2 h2 { 12773 width: 100%; 12774 font-family: 'bold', arial, helvetica, sans-serif; 12775 font-size: 3.2rem; 12776 line-height: 1em; 12777 margin-bottom: 1em; 12778} 12779.kalite-text-2 strong { 12780 display: block; 12781 width: 100%; 12782 font-family: 'medium', arial, helvestica, sans-serif; 12783 font-size: 2.2rem; 12784 line-height: 1em; 12785} 12786.kalite-list { 12787 width: 113.8rem; 12788 margin: 0 auto 4rem; 12789} 12790.kalite-list .list-wrap { 12791 width: 100%; 12792 display: flex; 12793 flex-wrap: nowrap; 12794 justify-content: space-around; 12795 align-items: stretch; 12796} 12797.kalite-list .item { 12798 box-sizing: border-box; 12799 width: 34rem; 12800 background-color: #f4fafe; 12801 color: #1e398f; 12802 padding: 4.8rem 4rem 4rem; 12803 border-radius: 1.3rem; 12804} 12805.kalite-list .item .image { 12806 display: block; 12807 width: 6.7rem; 12808 height: 6.7rem; 12809 margin-bottom: 2rem; 12810} 12811.kalite-list .item h3 { 12812 font-family: 'bold', arial, helvetica, sans-serif; 12813 font-size: 2.2rem; 12814 line-height: 1em; 12815 margin-bottom: 3rem; 12816} 12817.kalite-list .item p { 12818 font-family: 'book', arial, helvetica, sans-serif; 12819 font-size: 1.6rem; 12820 line-height: 1.28em; 12821} 12822.kalite-list .item p strong { 12823 font-family: 'medium', arial, helvestica, sans-serif; 12824} 12825.kalite-content { 12826 box-sizing: border-box; 12827 width: 135.7rem; 12828 background-color: #f4fafe; 12829 margin: 0 auto 11.6rem; 12830 border-radius: 2.6rem; 12831 padding: 5.6rem 18.5rem; 12832 color: #1e398f; 12833} 12834.kalite-content:after {
12835 content: ' '; 12836 display: block; 12837 clear: both; 12838 height: 0; 12839 overflow: hidden; 12840} 12841.kalite-content .image { 12842 width: 40.4rem; 12843 float: right; 12844} 12845.kalite-content .image img { 12846 width: 100%; 12847 margin-bottom: 6.4rem; 12848} 12849.kalite-content .text { 12850 float: left; 12851 box-sizing: border-box; 12852 width: 58rem; 12853 padding-right: 9rem; 12854} 12855.kalite-content .text h2 { 12856 font-family: 'bold', arial, helvetica, sans-serif; 12857 font-size: 3.2rem; 12858 line-height: 1.31em; 12859 margin-bottom: 1em; 12860} 12861.kalite-content .text p { 12862 font-family: 'book', arial, helvetica, sans-serif; 12863 font-size: 2.2rem; 12864 line-height: 1.63em; 12865 margin-bottom: 1em; 12866} 12867.kalite-content .text ul li { 12868 font-family: 'medium', arial, helvestica, sans-serif; 12869 font-size: 2.2rem; 12870 line-height: 1.63em; 12871 margin-bottom: 1em; 12872 color: #1e398f; 12873} 12874.kalite-content .text ul li i { 12875 display: inline-block; 12876 vertical-align: middle; 12877 font-size: 0.8em; 12878 margin-right: 1em; 12879} 12880.kalite-product-banner { 12881 display: block; 12882 width: 113.6rem; 12883 margin: 0 auto 3.2rem; 12884} 12885.kalite-product-banner img { 12886 width: 100%; 12887} 12888.page.landing.devam-sutu .page-banner { 12889 height: 60rem; 12890} 12891.page.landing.devam-sutu .faq-content { 12892 display: block; 12893} 12894.page.landing.devam-sutu .kalite-product-banner { 12895 margin-bottom: 5.8rem; 12896} 12897.devam-sutu-text-1 { 12898 width: 100%; 12899 font-family: 'book', arial, helvetica, sans-serif; 12900 text-align: center; 12901 font-size: 2.2rem; 12902 line-height: 1.45em; 12903 color: #1e398f; 12904 margin: 0 auto 5.5rem; 12905} 12906.devam-sutu-text-1 p { 12907 margin: 0 auto; 12908} 12909h2.devam-sutu-list-cap { 12910 width: 100%; 12911 text-align: center; 12912 font-family: 'bold', arial, helvetica, sans-serif; 12913 font-size: 3.2rem; 12914 line-height: 1em; 12915 margin-bottom: 1em; 12916} 12917.devam-sutu-list { 12918 width: 116.2rem; 12919 margin: 0 auto 4rem; 12920} 12921.devam-sutu-list .list-wrap { 12922 width: 100%; 12923 box-sizing: border-box; 12924 display: flex; 12925 flex-wrap: nowrap; 12926 justify-content: space-around; 12927 align-items: stretch; 12928 background-color: #eff6fe; 12929 padding: 4.7rem 0 4rem; 12930 border-radius: 2.6rem; 12931} 12932.devam-sutu-list .item { 12933 box-sizing: border-box; 12934 text-align: center; 12935 width: 30rem; 12936 color: #1e398f; 12937} 12938.devam-sutu-list .item .image { 12939 display: inline-block; 12940 width: 11.7rem; 12941 height: 11.7rem; 12942 margin-bottom: 3.8rem; 12943} 12944.devam-sutu-list .item h3 { 12945 font-family: 'bold', arial, helvetica, sans-serif; 12946 font-size: 2.2rem; 12947 line-height: 1.45em; 12948 margin-bottom: 3.6rem; 12949 min-height: 5.8rem; 12950} 12951.devam-sutu-list .item p { 12952 font-family: 'medium', arial, helvestica, sans-serif; 12953 opacity: 0.7; 12954 font-size: 1.6rem; 12955 line-height: 1.75em; 12956} 12957.devam-sutu-list .item p strong { 12958 font-family: 'bold', arial, helvetica, sans-serif; 12959} 12960.devam-sutu-content { 12961 box-sizing: border-box; 12962 width: 136rem; 12963 height: 75.5rem; 12964 margin: 0 auto 6rem; 12965 border-radius: 2.6rem; 12966 overflow: hidden; 12967 display: flex; 12968 background-color: #eff6fe; 12969 color: #1e398f; 12970 justify-content: flex-start; 12971 flex-wrap: nowrap; 12972 align-items: center; 12973 flex-direction: row-reverse; 12974} 12975.devam-sutu-content h2 { 12976 font-family: 'medium', arial, helvestica, sans-serif; 12977 font-size: 3.2rem; 12978 line-height: 1.32em; 12979 margin-bottom: 1em; 12980} 12981.devam-sutu-content .img { 12982 width: 68.4rem; 12983 height: 75.5rem; 12984 overflow: hidden; 12985} 12986.devam-sutu-content .img img { 12987 width: 100%; 12988} 12989.devam-sutu-content .text { 12990 box-sizing: border-box; 12991 text-align: left; 12992 width: 56.5rem; 12993 padding-right: 7.4rem; 12994} 12995.devam-sutu-content .text ul { 12996 color: #1e398f; 12997} 12998.devam-sutu-content .text ul li { 12999 position: relative; 13000 font-family: 'medium', arial, helvestica, sans-serif; 13001 width: 100%; 13002 box-sizing: border-box; 13003 font-size: 2.2rem; 13004 line-height: 1.6em; 13005 margin-bottom: 1em; 13006 padding-left: 3.4rem; 13007} 13008.devam-sutu-content .text ul li .icon-check { 13009 position: absolute; 13010 top: 0.4; 13011 left: 0; 13012 font-size: 0.9em; 13013} 13014.devam-sutu-content.product { 13015 align-items: center; 13016 justify-content: center; 13017} 13018.devam-sutu-content.product .text { 13019 width: 42rem; 13020 padding: 0; 13021} 13022.devam-sutu-content.product .img { 13023 width: 54rem; 13024 position: relative; 13025} 13026.devam-sutu-content.product .img img { 13027 position: absolute; 13028 left: 50%; 13029 top: 50%; 13030 -webkit-transform: translateX(-50%) translateY(-50%); 13031 -ms-transform: translateX(-50%) translateY(-50%); 13032 transform: translateX(-50%) translateY(-50%); 13033 width: 46.8rem; 13034} 13035.devam-sutu-content.to-right { 13036 flex-direction: row; 13037} 13038.devam-sutu-content.to-right .img { 13039 width: 68.4rem; 13040} 13041.devam-sutu-content.centered-product { 13042 text-align: center; 13043 display: block; 13044 height: auto; 13045 background-color: transparent; 13046 margin-bottom: 5.8rem; 13047} 13048.devam-sutu-content.centered-product h2 { 13049 font-family: 'bold', arial, helvetica, sans-serif; 13050} 13051.devam-sutu-content.centered-product .img { 13052 width: 100%; 13053 height: auto; 13054 margin-bottom: 3.2rem; 13055} 13056.devam-sutu-content.centered-product .img img { 13057 display: inline-block; 13058 width: 32rem; 13059} 13060.devam-sutu-content.centered-product .img img.prosyneo { 13061 width: 30rem; 13062} 13063.landing-disclaimer { 13064 font-family: 'medium', arial, helvestica, sans-serif; 13065 box-sizing: border-box; 13066 width: 113.6rem; 13067 margin: 0 auto 6rem; 13068 background-color: #F0E7F9; 13069 padding: 3.8rem 5.8rem; 13070 font-size: 1.4rem; 13071 line-height: 1.57em; 13072 border-radius: 2.6rem; 13073} 13074.landing-notice { 13075 text-align: center; 13076 font-family: 'book', arial, helvetica, sans-serif; 13077 box-sizing: border-box; 13078 width: 113.6rem; 13079 margin: 0 auto 6rem; 13080 padding: 0 5.8rem; 13081 font-size: 1.4rem; 13082 line-height: 1.57em; 13083 border-radius: 2.6rem; 13084} 13085.landing-notice h2 { 13086 font-family: 'medium', arial, helvestica, sans-serif; 13087 margin-bottom: 1.4em; 13088} 13089.page.landing.gebelik-takvimi .page-banner.small { 13090 height: 30rem; 13091} 13092.page.landing.gebelik-takvimi .section-featured-contents h2 { 13093 display: none !important; 13094} 13095.preg-calendar-entry { 13096 font-family: 'book', arial, helvetica, sans-serif; 13097 text-align: center; 13098 margin: 0 auto 4rem; 13099 font-size: 2.2rem; 13100 line-height: 1.37em; 13101 width: 90rem; 13102} 13103.preg-calendar-entry h2 { 13104 font-family: 'bold', arial, helvetica, sans-serif; 13105 font-size: 3.2rem; 13106 margin-bottom: 1em; 13107} 13108.page.persentil-calculator .page-banner { 13109 margin-bottom: 0; 13110} 13111.page.persentil-calculator .page-banner h1 { 13112 background-color: #e7d5b3; 13113} 13114.page.persentil-calculator #form-result, 13115.page.persentil-calculator #result-content, 13116.page.persentil-calculator #persentil-error { 13117 display: none; 13118} 13119.page.persentil-calculator #persentil, 13120.page.persentil-calculator #question-content { 13121 display: block; 13122} 13123.pers-calc { 13124 display: block; 13125 position: relative; 13126 box-sizing: border-box; 13127 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 13128 width: 90rem; 13129 margin: -6.4rem auto 0; 13130 background-color: #f7fcff;
13131 color: #6dbff3; 13132 padding: 1.6rem 8rem 2rem; 13133 border-radius: 2.6rem; 13134 border: solid 1px #6dbff3; 13135 z-index: 9; 13136} 13137.form .pers-row { 13138 width: 100%; 13139 box-sizing: border-box; 13140 display: flex; 13141 justify-content: flex-start; 13142 flex-wrap: wrap; 13143 padding: 3.6rem 0; 13144 border-bottom: dashed 1px #6dbff3; 13145} 13146.form .pers-row .cap-label, 13147.form .pers-row .long-label { 13148 display: inline-block; 13149 font-family: 'bold', arial, helvetica, sans-serif; 13150 font-size: 1.4rem; 13151 width: 11.2rem; 13152 color: #6dbff3; 13153 padding-top: 1.8rem; 13154} 13155.form .pers-row .cap-label small, 13156.form .pers-row .long-label small { 13157 font-family: 'book', arial, helvetica, sans-serif; 13158 font-size: 0.8em; 13159} 13160.form .pers-row .long-label { 13161 width: 100%; 13162 padding-top: 0; 13163 margin-bottom: 3.6rem; 13164} 13165.form .pers-row .long-label br { 13166 display: none; 13167} 13168.form .pers-row .form-item .err { 13169 white-space: nowrap; 13170 line-height: 1.35em; 13171 padding-left: 0; 13172} 13173.form .pers-row .form-item.head .err { 13174 white-space: normal; 13175} 13176.form .pers-row.row-1 { 13177 padding: 3.6rem 0 3rem; 13178} 13179.form .pers-row.row-1 .err { 13180 display: block; 13181 width: 100%; 13182 font-family: 'book', arial, helvetica, sans-serif; 13183 font-size: 1.2rem; 13184 color: #ff4040; 13185 padding: 1.2rem 0 0 11.3rem; 13186} 13187.form .pers-row.row-1 .cap-label { 13188 padding-top: 0.4rem; 13189} 13190.form .pers-row.row-1 .form-item.form-item.radio-inline { 13191 width: 16%; 13192} 13193.form .pers-row.row-2 .form-item.input { 13194 width: 66.7%; 13195 margin-bottom: 0; 13196} 13197.form .pers-row.row-3 { 13198 padding: 3.6rem 0 1.6rem; 13199} 13200.form .pers-row.row-3 .group { 13201 display: flex; 13202 width: 22.222rem; 13203 align-items: flex-start; 13204} 13205.form .pers-row.row-3 .group:first-child { 13206 width: 20.2rem; 13207} 13208.form .pers-row.row-3 .group:first-child .cap-label { 13209 margin-right: 3.7rem; 13210 margin-left: 0; 13211} 13212.form .pers-row.row-3 .cap-label { 13213 width: 8rem; 13214 margin: 0 2.6rem; 13215 white-space: nowrap; 13216} 13217.form .pers-row.row-3 .form-item.input.no-anim { 13218 margin-bottom: 0; 13219 width: 10rem; 13220} 13221.form .pers-row.row-3 .form-item.input.no-anim label { 13222 text-align: left; 13223 width: 3.9rem; 13224 left: auto; 13225 right: 0; 13226 padding-left: 0; 13227 padding-right: 0; 13228} 13229.form .pers-row.row-3 .form-item.input.no-anim input { 13230 padding-right: 3.6rem; 13231 padding-left: 1.5rem; 13232} 13233.form .pers-row.row-4.nutrition { 13234 display: none; 13235} 13236.form .pers-row.row-4.nutrition.active { 13237 display: flex; 13238} 13239.form-result { 13240 width: 100%; 13241 padding-top: 3.6rem; 13242} 13243.form-result .pers-row { 13244 width: 100%; 13245 box-sizing: border-box; 13246 display: flex; 13247 justify-content: space-between; 13248 padding: 0 0 3.6rem; 13249 border-bottom: dashed 1px #6dbff3; 13250 margin-bottom: 3.6rem; 13251} 13252.form-result .pers-row .result { 13253 width: 23%; 13254 display: flex; 13255 justify-content: space-between; 13256} 13257.form-result .pers-row .result .cap { 13258 font-family: 'bold', arial, helvetica, sans-serif; 13259 width: 48%; 13260 font-size: 1.4rem; 13261 line-height: 1.4em; 13262 white-space: nowrap; 13263} 13264.form-result .pers-row .result .value { 13265 font-family: 'medium', arial, helvestica, sans-serif; 13266 width: 48%; 13267 text-align: left; 13268 font-size: 1.4rem; 13269 color: #1e398f; 13270 line-height: 1.4em; 13271} 13272.form-result .pers-row.no-border { 13273 border-bottom: none; 13274 margin-bottom: 0; 13275} 13276.form-result.mobile { 13277 display: none; 13278} 13279.persentil-error { 13280 padding-top: 4.8rem; 13281 color: #1e398f; 13282 width: 60%; 13283} 13284.persentil-error h2 { 13285 font-family: 'bold', arial, helvetica, sans-serif; 13286 font-size: 3.6rem; 13287 margin-bottom: 2.2rem; 13288} 13289.persentil-error h2 i { 13290 display: block; 13291 font-size: 1.1em; 13292 margin-bottom: 2rem; 13293} 13294.persentil-error p { 13295 font-family: 'book', arial, helvetica, sans-serif; 13296 color: #576289; 13297 font-size: 1.4rem; 13298 line-height: 1.65em; 13299 margin: 0 auto 3.2rem; 13300} 13301.pers-calc-content { 13302 width: 66.8rem; 13303 margin: 0 auto; 13304} 13305.question-content, 13306.result-content { 13307 margin: 0 auto 6rem; 13308 padding-top: 5.7rem; 13309} 13310.pers-result-cap { 13311 font-family: 'medium', arial, helvestica, sans-serif; 13312 text-align: center; 13313 font-size: 2.2rem; 13314 margin: 0 auto 3.4rem; 13315 color: #1e398f; 13316} 13317.pers-result-cap.web { 13318 display: block; 13319} 13320.pers-result-cap.mobile { 13321 display: none; 13322} 13323.pers-result-caps { 13324 width: 100%; 13325 margin: 0 auto 4.5rem; 13326 padding-top: 3rem; 13327} 13328.pers-result-caps .scroller { 13329 display: flex; 13330 justify-content: center; 13331 align-items: flex-end; 13332} 13333.pers-result-caps a { 13334 display: inline-block; 13335 position: relative; 13336 font-family: 'bold', arial, helvetica, sans-serif; 13337 box-sizing: border-box; 13338 text-align: center; 13339 -webkit-transition: color 0.2s linear, background-color 0.2s linear; 13340 transition: color 0.2s linear, background-color 0.2s linear; 13341 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 13342 min-width: 30rem !important; 13343 min-height: 13rem; 13344 font-size: 1.8rem; 13345 border-radius: 1.2rem; 13346 padding: 1.2em; 13347 background-color: #ebf8ff; 13348 color: #6dbff3; 13349 margin-right: 2rem; 13350 line-height: 1.4em; 13351} 13352.pers-result-caps a strong { 13353 display: inline-block; 13354 width: 100%; 13355 font-size: 4rem; 13356 margin-bottom: 1rem; 13357 line-height: 1em; 13358} 13359.pers-result-caps a:last-child { 13360 margin-right: 0; 13361} 13362.pers-result-caps a:hover {
13363 color: #1e398f; 13364} 13365.pers-result-caps a.active { 13366 box-shadow: none; 13367 color: #fff; 13368 background-color: #1e398f; 13369} 13370.pers-result-caps a.active:hover { 13371 background-color: #1e398f; 13372} 13373.pers-result-contents { 13374 width: 100%; 13375 position: relative; 13376} 13377.pers-result-content { 13378 font-family: 'book', arial, helvetica, sans-serif; 13379 color: #576289; 13380 font-size: 1.4rem; 13381 line-height: 1.65em; 13382} 13383.pers-result-content p { 13384 font-family: 'book', arial, helvetica, sans-serif; 13385 color: #576289; 13386 font-size: 1.4rem; 13387 line-height: 1.65em; 13388 margin: 0 auto 3.2rem; 13389} 13390.pers-result-content h2 { 13391 font-family: 'medium', arial, helvestica, sans-serif; 13392 font-size: 1.8rem; 13393 letter-spacing: -0.03em; 13394 line-height: 1.35em; 13395 margin: 1rem auto 2.8rem; 13396 color: #1e398f; 13397} 13398.pers-result-content strong { 13399 font-family: 'medium', arial, helvestica, sans-serif; 13400 color: #1e398f; 13401} 13402.pers-result-content strong.blue { 13403 color: #6dbff3; 13404 font-size: 1.2em; 13405} 13406.pers-result-content u { 13407 font-family: 'medium', arial, helvestica, sans-serif; 13408 color: #1e398f; 13409 text-decoration: underline; 13410} 13411.pers-result-content .dots { 13412 width: 100%; 13413 text-align: center; 13414 margin: 0 auto 1.7rem; 13415} 13416.pers-result-content .dots span { 13417 display: inline-block; 13418 box-sizing: border-box; 13419 width: 0.8rem; 13420 height: 0.8rem; 13421 border: solid 1px #1e398f; 13422 background-color: #fff; 13423 margin: 0 0.4rem; 13424 border-radius: 50%; 13425} 13426.pers-result-content .dots span.active { 13427 background-color: #1e398f; 13428} 13429.pers-result-content .card { 13430 display: block; 13431 width: 100%; 13432 font-family: 'medium', arial, helvestica, sans-serif; 13433 text-align: center; 13434 font-size: 2rem; 13435 color: #6dbff3; 13436 margin: 0 auto 3rem; 13437 background-color: #ebf7ff; 13438 border-radius: 1.2rem; 13439 height: 5rem; 13440 line-height: 5rem; 13441} 13442.pers-result-content .card.warning { 13443 background-color: #ff4040; 13444 color: #fff; 13445} 13446.pers-result-content .graph { 13447 position: relative; 13448 width: 100%; 13449} 13450.pers-result-content .graph canvas { 13451 position: relative; 13452 z-index: 1; 13453} 13454.pers-result-content .graph .indicator { 13455 position: absolute; 13456 font-family: 'medium', arial, helvestica, sans-serif; 13457 color: #1e398f; 13458 font-size: 1.4rem; 13459 line-height: 1.125em; 13460} 13461.pers-result-content .graph .indicator.x { 13462 width: 100%; 13463 text-align: center; 13464 bottom: -3rem; 13465 left: 0; 13466 z-index: 2; 13467} 13468.pers-result-content .graph .indicator.y { 13469 display: inline-block; 13470 -webkit-transform: translateY(-50%) rotate(-90deg); 13471 -ms-transform: translateY(-50%) rotate(-90deg); 13472 transform: translateY(-50%) rotate(-90deg); 13473 top: 50%; 13474 z-index: 3; 13475 left: -7rem; 13476} 13477.pers-result-content #result-yas-bas .graph .indicator.y { 13478 left: -13rem; 13479} 13480.pers-banner { 13481 width: 100%; 13482 box-sizing: border-box; 13483 font-family: 'medium', arial, helvestica, sans-serif; 13484 position: relative; 13485 margin: 0 auto 3rem; 13486 font-size: 2.2rem; 13487 letter-spacing: -0.05em; 13488 background-color: #d7eefe; 13489 border-radius: 1.2rem; 13490 padding: 3.9rem 3.9rem 3.9rem 10.6rem; 13491 color: #1e398f; 13492 line-height: 1.45em; 13493} 13494.pers-banner i { 13495 position: absolute; 13496 top: 3.9rem; 13497 left: 3.9rem; 13498 font-size: 5.3rem; 13499} 13500.pers-re { 13501 width: 100%; 13502 text-align: center; 13503 padding: 8rem 0 4.2rem; 13504} 13505.pers-calcl-old { 13506 position: relative; 13507 box-sizing: border-box; 13508 margin: -6.4rem auto 3rem; 13509 width: 90rem; 13510 height: auto; 13511 background-color: #f8f2ff; 13512 border: solid 1px #ddbfff; 13513 border-radius: 2.6rem; 13514 z-index: 9; 13515 padding: 4rem; 13516} 13517.pers-calcl-old iframe { 13518 height: 400px; 13519} 13520.pers-calc-content-old { 13521 position: relative; 13522 width: 66.8rem; 13523 margin: 0 auto 9rem; 13524 color: #1e398f; 13525} 13526.pers-calc-content-old .margin-bottom { 13527 margin-bottom: 3.6rem; 13528} 13529@media all and (max-width: 1351px) { 13530 .pers-calcl-old iframe { 13531 height: 600px; 13532 } 13533} 13534.page.kaka .page-banner { 13535 margin-bottom: 0; 13536} 13537.page.kaka .page-banner br.mobile { 13538 display: none; 13539} 13540.k-top { 13541 position: relative; 13542 box-sizing: border-box; 13543 width: 66.6rem; 13544 margin: -10.4rem auto 2.4rem; 13545 border: solid 1px #6dbff3; 13546 background-color: #f7fcff; 13547 color: #1e398f; 13548 padding: 3.4rem 11.4rem 4rem; 13549 border-radius: 2.6rem; 13550 z-index: 9; 13551} 13552.k-auth { 13553 width: 100%; 13554} 13555.k-auth p { 13556 font-family: 'book', arial, helvetica, sans-serif; 13557 font-size: 1.4rem; 13558 line-height: 1.64em; 13559 color: #5f73b0; 13560 margin-bottom: 1.4rem; 13561} 13562.k-auth p.margin-bottom { 13563 margin-bottom: 2.8rem; 13564} 13565.k-auth p strong { 13566 font-family: 'bold', arial, helvetica, sans-serif; 13567} 13568.k-auth p.buttons { 13569 margin-bottom: 0; 13570} 13571.k-auth p.buttons .button, 13572.k-auth p.buttons span { 13573 vertical-align: middle; 13574} 13575.k-auth p.buttons span { 13576 display: inline-block; 13577 padding: 0 1rem; 13578} 13579.k-top-form.form .form-cap { 13580 font-family: 'bold', arial, helvetica, sans-serif; 13581 font-size: 1.4rem; 13582 color: #b8d7eb; 13583} 13584.k-top-form.form .form-value { 13585 font-family: 'medium', arial, helvestica, sans-serif; 13586 font-size: 1.4rem; 13587 color: #1e398f; 13588} 13589.k-top-form.form .kaka-row { 13590 width: 100%; 13591 box-sizing: border-box; 13592 display: flex; 13593 justify-content: flex-start; 13594 align-items: center; 13595} 13596.k-top-form.form .kaka-row.row-1 .form-cap { 13597 margin-right: 1.7rem; 13598 white-space: nowrap; 13599} 13600.k-top-form.form .kaka-row.row-1 .form-item.select.child-select { 13601 width: 100%; 13602 margin-right: 1.6rem; 13603 margin-bottom: 0; 13604} 13605.k-form.form { 13606 position: relative; 13607 width: 66.6rem; 13608 margin: 0 auto; 13609} 13610.k-form.form .form-item.photo-file { 13611 display: inline-block; 13612 box-sizing: border-box; 13613 width: 35.2rem; 13614 height: 26.6rem; 13615 color: #1e398f; 13616} 13617.k-form.form .form-item.photo-file input { 13618 position: absolute; 13619 left: -101%; 13620 top: -101%; 13621 z-index: 0; 13622 opacity: 0; 13623 pointer-events: none; 13624} 13625.k-form.form .form-item.photo-file label { 13626 display: block; 13627 position: absolute; 13628 width: 100%; 13629 height: 100%; 13630 top: 0; 13631 left: 0; 13632 cursor: pointer; 13633 z-index: 3; 13634 background-color: #edf6fb;
13635 border-radius: 1.2rem; 13636} 13637.k-form.form .form-item.photo-file label .plus { 13638 position: absolute; 13639 display: block; 13640 -webkit-transition: opacity 0.2s linear; 13641 transition: opacity 0.2s linear; 13642 width: 3rem; 13643 height: 3rem; 13644 opacity: 1; 13645 bottom: -1rem; 13646 right: -1rem; 13647 z-index: 2; 13648} 13649.k-form.form .form-item.photo-file label .photo { 13650 position: absolute; 13651 left: 50%; 13652 top: 50%; 13653 -webkit-transform: translateX(-50%) translateY(-50%); 13654 -ms-transform: translateX(-50%) translateY(-50%); 13655 transform: translateX(-50%) translateY(-50%); 13656 width: 75%; 13657 z-index: 1; 13658} 13659.k-form.form .form-item.photo-file .image-holder { 13660 display: none; 13661 position: absolute; 13662 width: 100%; 13663 height: 100%; 13664 cursor: pointer; 13665 z-index: 4; 13666} 13667.k-form.form .form-item.photo-file .image-holder img { 13668 position: relative; 13669 width: 100%; 13670 z-index: 1; 13671} 13672.k-form.form .form-item.photo-file .image-holder img.close { 13673 position: absolute; 13674 display: block; 13675 -webkit-transition: opacity 0.2s linear; 13676 transition: opacity 0.2s linear; 13677 width: 3rem; 13678 height: 3rem; 13679 opacity: 0; 13680 bottom: -1rem; 13681 right: -1rem; 13682 z-index: 4; 13683} 13684.k-form.form .form-item.photo-file .image-holder .content { 13685 position: absolute; 13686 width: 100%; 13687 height: 100%; 13688 overflow: hidden; 13689 z-index: 1; 13690 border-radius: 1.2rem; 13691} 13692.k-form.form .form-item.photo-file.active { 13693 width: 100%; 13694 margin-bottom: 0; 13695 height: auto; 13696} 13697.k-form.form .form-item.photo-file.active label { 13698 position: relative; 13699 height: auto; 13700 max-height: 50rem; 13701} 13702.k-form.form .form-item.photo-file.active label .plus { 13703 opacity: 0; 13704} 13705.k-form.form .form-item.photo-file.active label .photo { 13706 opacity: 0; 13707} 13708.k-form.form .form-item.photo-file.active .image-holder { 13709 position: relative; 13710 display: block; 13711} 13712.k-form.form .form-item.photo-file.active .image-holder .content { 13713 position: relative; 13714} 13715.k-form.form .form-item.photo-file.active .image-holder img.close { 13716 opacity: 1; 13717} 13718.k-form.form .form-item.photo-file.input-error { 13719 color: #ff4040; 13720 padding-bottom: 4rem; 13721} 13722.k-form.form .form-item.photo-file.input-error label:after { 13723 color: #ff4040; 13724 border-color: #ff4040; 13725} 13726.k-form.form .form-item.photo-file.input-error .image-holder:after { 13727 color: #ff4040; 13728 border-color: #ff4040; 13729} 13730.k-form.form.padding-top { 13731 padding-top: 4rem; 13732} 13733.k-tabs { 13734 width: 100%; 13735 margin: 0 auto 3.6rem; 13736 display: flex; 13737 justify-content: center; 13738 color: #8f9fc7; 13739} 13740.k-tabs li { 13741 position: relative; 13742 box-sizing: border-box; 13743 -webkit-transition: color 0.2s linear, background-color 0.2s linear; 13744 transition: color 0.2s linear, background-color 0.2s linear; 13745 font-family: 'bold', arial, helvetica, sans-serif; 13746 width: 17.2rem; 13747 height: 10rem; 13748 border-radius: 1.2rem; 13749 background-color: #fff; 13750 box-shadow: 0 0.3rem 3rem 0 rgba(0, 0, 0, 0.1); 13751 color: #8f9fc7; 13752 font-size: 1.4rem; 13753 line-height: 1.285em; 13754 padding: 0.9rem 1.2rem; 13755 margin: 0 1.2rem; 13756} 13757.k-tabs li i { 13758 display: block; 13759 margin-bottom: 0.9rem; 13760 font-size: 1.2em; 13761} 13762.k-tabs li .number { 13763 display: block; 13764 position: absolute; 13765 text-align: center; 13766 font-family: 'medium', arial, helvestica, sans-serif; 13767 -webkit-transition: color 0.2s linear, background-color 0.2s linear; 13768 transition: color 0.2s linear, background-color 0.2s linear; 13769 top: 0.8rem; 13770 right: 0.8rem; 13771 border-radius: 50%; 13772 background-color: #8f9fc7; 13773 color: #fff; 13774 width: 1.5rem; 13775 line-height: 1.5rem; 13776 font-size: 1.1rem; 13777} 13778.k-tabs li .mobile { 13779 display: none; 13780} 13781.k-tabs li.active { 13782 color: #fff; 13783 background-color: #1e398f; 13784} 13785.k-tabs li.active .number { 13786 color: #1e398f; 13787 background-color: #fff; 13788} 13789.k-tabs li.first i { 13790 margin-bottom: 0.2rem; 13791 font-size: 2em; 13792 margin-top: -0.3rem; 13793} 13794.k-stage { 13795 width: 100%; 13796 position: relative; 13797 display: none; 13798} 13799.k-stage .small-cap { 13800 font-family: 'medium', arial, helvestica, sans-serif; 13801 font-size: 1.4rem; 13802 color: #1e398f; 13803 opacity: 0.7; 13804 margin-bottom: 1.5rem; 13805} 13806.k-info { 13807 width: 100%; 13808 box-sizing: border-box; 13809 font-family: 'medium', arial, helvestica, sans-serif; 13810 padding: 2rem 2.5rem; 13811 background-color: #ebf7ff; 13812 color: #516089; 13813 font-size: 1.4rem; 13814 line-height: 1.64em; 13815 border-radius: 1.2rem; 13816 margin-bottom: 3.2rem; 13817} 13818.k-info b { 13819 font-family: 'bold', arial, helvetica, sans-serif; 13820} 13821.k-info span.mobile { 13822 display: none; 13823} 13824.k-info span.web { 13825 display: inline-block; 13826} 13827.k-photo-input { 13828 width: 100%; 13829 box-sizing: border-box; 13830 text-align: center; 13831 border: dashed 0.2rem #cfd2dd; 13832 border-radius: 1.2rem; 13833 padding: 5.8rem 0 5rem; 13834 margin-bottom: 4.4rem; 13835} 13836.k-photo-input .camera-button { 13837 display: none; 13838} 13839.k-photo-input .error-container { 13840 width: 100%; 13841 font-family: 'book', arial, helvetica, sans-serif; 13842 color: #ff4040; 13843 font-size: 1.4rem; 13844} 13845.k-photo-input.active { 13846 padding: 3rem; 13847} 13848.k-continue { 13849 width: 100%; 13850 text-align: center; 13851} 13852.k-continue .button { 13853 width: 33.5rem; 13854} 13855.k-loader { 13856 display: none; 13857 text-align: center; 13858 font-family: 'bold', arial, helvetica, sans-serif; 13859 font-size: 1.6rem; 13860 line-height: 1.65em; 13861 padding: 3rem 0; 13862} 13863.k-loader span { 13864 display: inline-block; 13865 vertical-align: middle; 13866} 13867.k-loader .loader { 13868 display: inline-block; 13869 vertical-align: middle; 13870 margin-left: 1.4rem; 13871} 13872.loader { 13873 position: relative; 13874 width: 8rem; 13875 height: 3rem; 13876 margin: 0 auto; 13877} 13878.loader div { 13879 position: absolute; 13880 top: 0.8rem; 13881 width: 1.3rem; 13882 height: 1.3rem; 13883 border-radius: 50%; 13884 background: #1e398f; 13885 animation-timing-function: cubic-bezier(0, 1, 1, 0); 13886} 13887.loader div:nth-child(1) { 13888 left: 0.8rem; 13889 animation: point1 0.6s infinite; 13890} 13891.loader div:nth-child(2) { 13892 left: 0.8rem; 13893 animation: point2 0.6s infinite; 13894} 13895.loader div:nth-child(3) { 13896 left: 3.2rem; 13897 animation: point2 0.6s infinite; 13898} 13899.loader div:nth-child(4) { 13900 left: 5.6rem; 13901 animation: point3 0.6s infinite; 13902} 13903.k-error { 13904 font-family: 'medium', arial, helvestica, sans-serif; 13905 text-align: center; 13906 width: 90%; 13907 margin: 1.4rem auto; 13908 font-size: 1.4rem; 13909 line-height: 1.64em; 13910 color: #ff4040; 13911} 13912.k-photo-mobile { 13913 display: none; 13914} 13915.k-selector-caps { 13916 width: 42.4rem; 13917 margin: 0 auto 2.3rem; 13918 display: flex; 13919 justify-content: space-between; 13920} 13921.k-selector-caps strong { 13922 font-family: 'bold', arial, helvetica, sans-serif; 13923 font-size: 1.4rem; 13924 color: #1e398f; 13925 letter-spacing: 0.025em; 13926} 13927.k-selector-caps strong:last-child { 13928 padding-right: 1.4rem; 13929} 13930.k-selector-cont { 13931 position: relative; 13932 margin: 0 auto 6.2rem; 13933 width: 48.2rem; 13934 height: 54.8rem; 13935 overflow: hidden; 13936 background-color: #f4f1ec; 13937 border-radius: 1.2rem; 13938} 13939.k-selector-cont .photo { 13940 display: block; 13941 position: absolute; 13942 left: 50%; 13943 top: 50%; 13944 -webkit-transform: translateX(-50%) translateY(-50%); 13945 -ms-transform: translateX(-50%) translateY(-50%); 13946 transform: translateX(-50%) translateY(-50%); 13947 height: 100%; 13948 z-index: 1; 13949 max-width: none; 13950} 13951.k-selector-cont .bar-cont { 13952 position: absolute; 13953 top: 50%; 13954 -webkit-transform: translateY(-50%); 13955 -ms-transform: translateY(-50%); 13956 transform: translateY(-50%); 13957 width: 6.5rem; 13958 height: 50.4rem; 13959 z-index: 2; 13960} 13961.k-selector-cont .bar-cont .bar { 13962 position: absolute; 13963 left: 50%; 13964 -webkit-transform: translateX(-50%); 13965 -ms-transform: translateX(-50%); 13966 transform: translateX(-50%); 13967 top: 0; 13968 width: 4rem; 13969 height: 50.4rem; 13970 border-radius: 1.2rem; 13971 background-color: #fff; 13972} 13973.k-selector-cont .bar-cont.left { 13974 left: 2.7rem; 13975} 13976.k-selector-cont .bar-cont.right { 13977 right: 2.7rem; 13978} 13979.k-bar-item { 13980 position: relative; 13981} 13982.k-bar-item input { 13983 opacity: 0; 13984 pointer-events: none; 13985 position: absolute; 13986 top: 0; 13987 left: 0; 13988} 13989.k-bar-item input + label { 13990 position: relative; 13991 display: block; 13992 width: 100%; 13993 height: 7.2rem; 13994 cursor: pointer; 13995} 13996.k-bar-item input + label span { 13997 position: absolute; 13998 display: block; 13999 -webkit-transform: translateX(-50%) translateY(-50%) scale(0); 14000 -ms-transform: translateX(-50%) translateY(-50%) scale(0); 14001 transform: translateX(-50%) translateY(-50%) scale(0); 14002 -webkit-transform-origin: 50% 50%; 14003 -ms-transform-origin: 50% 50%; 14004 transform-origin: 50% 50%; 14005 -webkit-transition: transform 0.2s linear; 14006 transition: transform 0.2s linear; 14007 font-family: 'bold', arial, helvetica, sans-serif; 14008 border: solid 0.7rem #fff; 14009 top: 50%; 14010 left: 50%; 14011 width: 6.5rem; 14012 height: 6.5rem; 14013 border-radius: 50%; 14014 font-size: 1rem; 14015 line-height: 1.2em; 14016 letter-spacing: -0.05em; 14017 z-index: 999; 14018} 14019.k-bar-item input + label span i { 14020 display: inline-block; 14021 position: absolute; 14022 left: 50%; 14023 top: 50%; 14024 -webkit-transform: translateX(-50%) translateY(-50%); 14025 -ms-transform: translateX(-50%) translateY(-50%); 14026 transform: translateX(-50%) translateY(-50%); 14027 text-align: center; 14028 width: 98%; 14029} 14030.k-bar-item input:checked + label span { 14031 -webkit-transform: translateX(-50%) translateY(-50%) scale(1); 14032 -ms-transform: translateX(-50%) translateY(-50%) scale(1); 14033 transform: translateX(-50%) translateY(-50%) scale(1); 14034} 14035.k-bar-item.hardness-1 input + label { 14036 border-top-left-radius: 1.2rem; 14037 border-top-right-radius: 1.2rem; 14038 background-color: #fff; 14039} 14040.k-bar-item.hardness-1 input + label span { 14041 background-color: #f4f1eb; 14042} 14043.k-bar-item.hardness-2 input + label { 14044 background-color: #e5f5fc; 14045} 14046.k-bar-item.hardness-2 input + label span { 14047 background-color: #e5f5fc; 14048} 14049.k-bar-item.hardness-3 input + label { 14050 background-color: #cbebf8; 14051} 14052.k-bar-item.hardness-3 input + label span { 14053 background-color: #cbebf8; 14054} 14055.k-bar-item.hardness-4 input + label { 14056 background-color: #99d9f4; 14057} 14058.k-bar-item.hardness-4 input + label span { 14059 background-color: #99d9f4; 14060} 14061.k-bar-item.hardness-5 input + label { 14062 background-color: #66c5ee; 14063} 14064.k-bar-item.hardness-5 input + label span { 14065 background-color: #66c5ee; 14066} 14067.k-bar-item.hardness-6 { 14068 color: #fff; 14069} 14070.k-bar-item.hardness-6 input + label { 14071 background-color: #33b2e9; 14072} 14073.k-bar-item.hardness-6 input + label span { 14074 background-color: #33b2e9; 14075} 14076.k-bar-item.hardness-7 { 14077 color: #fff; 14078} 14079.k-bar-item.hardness-7 input + label { 14080 border-bottom-left-radius: 1.2rem; 14081 border-bottom-right-radius: 1.2rem; 14082 background-color: #009fe3; 14083} 14084.k-bar-item.hardness-7 input + label span { 14085 background-color: #009fe3; 14086} 14087.k-bar-item.color-1 input + label { 14088 border-top-left-radius: 1.2rem; 14089 border-top-right-radius: 1.2rem; 14090 background-color: #fff; 14091} 14092.k-bar-item.color-1 input + label span { 14093 background-color: #f4f1eb; 14094} 14095.k-bar-item.color-2 input + label { 14096 color: #fff; 14097 background-color: #f4bb3b; 14098} 14099.k-bar-item.color-2 input + label span { 14100 background-color: #f4bb3b; 14101} 14102.k-bar-item.color-3 input + label { 14103 color: #fff; 14104 background-color: #f66726; 14105} 14106.k-bar-item.color-3 input + label span { 14107 background-color: #f66726; 14108} 14109.k-bar-item.color-4 input + label { 14110 color: #fff; 14111 background-color: #e83420; 14112} 14113.k-bar-item.color-4 input + label span { 14114 background-color: #e83420; 14115} 14116.k-bar-item.color-5 input + label { 14117 color: #fff; 14118 background-color: #7e3613; 14119} 14120.k-bar-item.color-5 input + label span { 14121 background-color: #7e3613; 14122} 14123.k-bar-item.color-6 input + label { 14124 color: #fff; 14125 background-color: #5d7855; 14126} 14127.k-bar-item.color-6 input + label span { 14128 background-color: #5d7855; 14129} 14130.k-bar-item.color-7 input + label { 14131 border-bottom-left-radius: 1.2rem; 14132 border-bottom-right-radius: 1.2rem; 14133 color: #fff; 14134 background-color: #000002; 14135} 14136.k-bar-item.color-7 input + label span { 14137 background-color: #000002; 14138} 14139.k-confirm-cont { 14140 position: relative; 14141 margin: 0 auto 6.2rem; 14142 width: 48.2rem; 14143} 14144.k-row { 14145 width: 100%; 14146 box-sizing: border-box; 14147 border-bottom: dashed 0.2rem #d8e9f4; 14148 margin: 2.4rem auto 0; 14149 padding: 2.4rem 0 4.2rem; 14150} 14151.k-row.margin-bottom { 14152 margin-bottom: 4.2rem; 14153} 14154.k-row .cap { 14155 font-family: 'medium', arial, helvestica, sans-serif; 14156 font-size: 1.4rem; 14157 line-height: 1.64em; 14158 color: #0f2057; 14159 margin-bottom: 2rem; 14160} 14161.k-row .info { 14162 font-family: 'book', arial, helvetica, sans-serif; 14163 font-size: 1.2rem; 14164 line-height: 1.64em; 14165 color: #0f2057; 14166 opacity: 0.72; 14167 margin-bottom: 2rem; 14168} 14169.k-row .options { 14170 width: 100%; 14171 display: flex; 14172 justify-content: flex-start; 14173} 14174.k-row .options .k-check { 14175 position: relative; 14176 width: 16.5rem; 14177 height: 8rem; 14178 margin-right: 2rem; 14179} 14180.k-row .options .k-check:last-child { 14181 margin-right: 0; 14182} 14183.k-row .options .k-check input { 14184 opacity: 0; 14185 pointer-events: none; 14186 position: absolute; 14187 top: 0; 14188 left: 0; 14189} 14190.k-row .options .k-check input + label { 14191 box-sizing: border-box; 14192 position: relative; 14193 -webkit-transition: border-color 0.2s linear, background-color 0.2s linear; 14194 transition: border-color 0.2s linear, background-color 0.2s linear; 14195 display: flex; 14196 align-items: center; 14197 width: 17rem; 14198 height: 8rem; 14199 border-radius: 1.2rem; 14200 border: solid 1px #cfd2dd; 14201 padding: 2.4rem 1rem 2.4rem 6.2rem; 14202 cursor: pointer; 14203} 14204.k-row .options .k-check input + label b { 14205 display: inline-block; 14206 vertical-align: middle; 14207 font-family: 'bold', arial, helvetica, sans-serif; 14208 color: #1e398f; 14209 opacity: 0.7; 14210 font-size: 1.4rem; 14211 line-height: 1.28em; 14212} 14213.k-row .options .k-check input + label span { 14214 display: block; 14215 position: absolute; 14216 top: 50%; 14217 -webkit-transform: translateY(-50%); 14218 -ms-transform: translateY(-50%); 14219 transform: translateY(-50%); 14220 -webkit-transition: background-color 0.2s linear; 14221 transition: background-color 0.2s linear; 14222 width: 3rem; 14223 height: 3rem; 14224 left: 2.2rem; 14225 border-radius: 50%; 14226 background-color: #fff; 14227 box-shadow: 0 0.3rem 3rem 0 rgba(0, 0, 0, 0.15); 14228} 14229.k-row .options .k-check input + label span:after { 14230 display: inline-block; 14231 position: absolute; 14232 left: 50%; 14233 top: 50%; 14234 -webkit-transform: translateX(-50%) translateY(-50%); 14235 -ms-transform: translateX(-50%) translateY(-50%); 14236 transform: translateX(-50%) translateY(-50%); 14237 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 14238 speak: never; 14239 font-display: swap; 14240 font-style: normal; 14241 font-weight: normal; 14242 font-variant: normal; 14243 text-transform: none; 14244 line-height: 1; 14245 -webkit-font-smoothing: antialiased; 14246 -moz-osx-font-smoothing: grayscale; 14247 content: "\e949"; 14248 -webkit-transition: opacity 0.2s linear; 14249 transition: opacity 0.2s linear; 14250 font-size: 1rem; 14251 color: #fff; 14252 opacity: 0; 14253} 14254.k-row .options .k-check input:checked + label { 14255 background-color: #bee4f6; 14256 border-color: #bee4f6; 14257} 14258.k-row .options .k-check input:checked + label span { 14259 background-color: #1e398f; 14260} 14261.k-row .options .k-check input:checked + label span:after { 14262 opacity: 1; 14263} 14264.k-result { 14265 width: 100%; 14266 padding-top: 4.2rem; 14267} 14268.k-result .k-cap, 14269.k-result .k-result-cap { 14270 width: 100%; 14271 text-align: center; 14272 font-family: 'bold', arial, helvetica, sans-serif; 14273 font-size: 3.2rem; 14274 letter-spacing: -0.03em; 14275 color: #1e398f; 14276 margin-bottom: 2.7rem; 14277} 14278.k-result .k-result-cap .k-response-image { 14279 display: inline-block; 14280 margin-bottom: 2.8rem; 14281 width: 8.5rem; 14282} 14283.k-result .k-result-cap.response_1 { 14284 color: #018f15; 14285} 14286.k-result .k-result-cap.response_2 { 14287 color: #f4bb3b; 14288} 14289.k-result .k-result-cap.response_3 { 14290 color: #e83420; 14291} 14292.k-result .k-result-subcap { 14293 width: 100%; 14294 text-align: center; 14295 font-family: 'medium', arial, helvestica, sans-serif; 14296 font-size: 2.2rem; 14297 color: #576289; 14298 opacity: 0.7; 14299 margin-bottom: 4.7rem; 14300} 14301.k-result .k-result-info { 14302 position: relative; 14303 width: 100%; 14304 box-sizing: border-box; 14305 font-family: 'bold', arial, helvetica, sans-serif; 14306 font-size: 1.4rem; 14307 line-height: 1.645em; 14308 color: #576289; 14309 padding: 0.3rem 0 0 5rem; 14310 margin-bottom: 6.7rem; 14311} 14312.k-result .k-result-info i { 14313 position: absolute; 14314 top: 0; 14315 left: 0; 14316 font-size: 3.3rem; 14317} 14318.k-result .k-general-cap { 14319 font-family: 'bold', arial, helvetica, sans-serif; 14320 font-size: 2.2rem; 14321 letter-spacing: -0.03em; 14322 color: #1e398f; 14323 margin-bottom: 4.2rem; 14324} 14325.k-result .k-box { 14326 width: 100%; 14327 box-sizing: border-box; 14328 font-family: 'book', arial, helvetica, sans-serif; 14329 border: solid 1px #bad7e9; 14330 box-shadow: 0 0.3rem 3rem 0 rgba(0, 0, 0, 0.1); 14331 border-radius: 2.4rem; 14332 background-color: #eff7fd; 14333 font-size: 1.4rem; 14334 line-height: 1.65em; 14335 color: #576289; 14336 padding: 2.5rem 2.2rem 3.6rem; 14337 margin-bottom: 6.4rem; 14338} 14339.k-result .k-box .box-cap { 14340 position: relative; 14341 width: 100%; 14342 font-family: 'bold', arial, helvetica, sans-serif; 14343 font-size: 1.4rem; 14344 height: 3.5rem; 14345 line-height: 3.5rem; 14346 padding-left: 4.5rem; 14347 margin-bottom: 1.3rem; 14348} 14349.k-result .k-box .box-cap i { 14350 display: block; 14351 position: absolute; 14352 top: 50%; 14353 -webkit-transform:
14353 translateY(-50%); 14354 -ms-transform: translateY(-50%); 14355 transform: translateY(-50%); 14356 width: 3.5rem; 14357 height: 3.5rem; 14358 border-radius: 50%; 14359 background-color: #576289; 14360 color: #fff; 14361 left: 0; 14362 font-size: 3.5rem; 14363} 14364.k-result .k-box.k_white .box-cap { 14365 color: #888; 14366} 14367.k-result .k-box.k_white .box-cap i { 14368 background-color: #fff; 14369 color: #bdbdbd; 14370} 14371.k-result .k-box.k-yellow .box-cap { 14372 color: #f4bb3b; 14373} 14374.k-result .k-box.k-yellow .box-cap i { 14375 background-color: #f4bb3b; 14376 color: #fff; 14377} 14378.k-result .k-box.k-orange .box-cap { 14379 color: #f66726; 14380} 14381.k-result .k-box.k-orange .box-cap i { 14382 background-color: #f66726; 14383 color: #fff; 14384} 14385.k-result .k-box.k-red .box-cap { 14386 color: #e83420; 14387} 14388.k-result .k-box.k-red .box-cap i { 14389 background-color: #e83420; 14390 color: #fff; 14391} 14392.k-result .k-box.k-brown .box-cap { 14393 color: #7e3613; 14394} 14395.k-result .k-box.k-brown .box-cap i { 14396 background-color: #7e3613; 14397 color: #fff; 14398} 14399.k-result .k-box.k-green .box-cap { 14400 color: #5d7855; 14401} 14402.k-result .k-box.k-green .box-cap i { 14403 background-color: #5d7855; 14404 color: #fff; 14405} 14406.k-result .k-box.k-black .box-cap { 14407 color: #000002; 14408} 14409.k-result .k-box.k-black .box-cap i { 14410 background-color: #000002; 14411 color: #fff; 14412} 14413.k-result .k-expert-suggestion { 14414 width: 100%; 14415 font-family: 'book', arial, helvetica, sans-serif; 14416 font-size: 1.4rem; 14417 line-height: 1.65em; 14418 margin-bottom: 6.4rem; 14419} 14420.k-result .k-expert-box { 14421 width: 100%; 14422 box-sizing: border-box; 14423 position: relative; 14424 border-radius: 2.4rem; 14425 background-color: #d7eefe; 14426 padding: 4.5rem 4rem 6.4rem; 14427 margin-bottom: 4rem; 14428} 14429.k-result .k-expert-box .box-cap { 14430 font-family: 'medium', arial, helvestica, sans-serif; 14431 font-size: 3.2rem; 14432 color: #1e398f; 14433 margin-bottom: 2.3rem; 14434} 14435.k-result .k-expert-box .box-cap i { 14436 display: block; 14437 font-size: 5rem; 14438 margin-bottom: 2.3rem; 14439} 14440.k-result .k-expert-box p { 14441 font-family: 'book', arial, helvetica, sans-serif; 14442 font-size: 1.4rem; 14443 line-height: 1.65em; 14444 color: #5e77b5; 14445 margin-bottom: 3.4rem; 14446} 14447.k-result .k-expert-box p.last { 14448 margin-bottom: 0; 14449} 14450.k-result .k-sub-info { 14451 width: 100%; 14452 box-sizing: border-box; 14453 font-family: 'medium', arial, helvestica, sans-serif; 14454 position: relative; 14455 margin: 0 auto 3rem; 14456 font-size: 2.2rem; 14457 letter-spacing: -0.05em; 14458 background-color: #d7eefe; 14459 border-radius: 1.2rem; 14460 padding: 3.9rem 3.9rem 3.9rem 10.6rem; 14461 color: #1e398f; 14462 line-height: 1.45em; 14463} 14464.k-result .k-sub-info i { 14465 position: absolute; 14466 top: 3.9rem; 14467 left: 3.9rem; 14468 font-size: 5.3rem; 14469} 14470@keyframes point1 { 14471 0% { 14472 transform: scale(0); 14473 } 14474 100% { 14475 transform: scale(1); 14476 } 14477} 14478@keyframes point3 { 14479 0% { 14480 transform: scale(1); 14481 } 14482 100% { 14483 transform: scale(0); 14484 } 14485} 14486@keyframes point2 { 14487 0% { 14488 transform: translate(0, 0); 14489 } 14490 100% { 14491 transform: translate(24px, 0); 14492 } 14493} 14494.g-recaptcha { 14495 display: inline-block; 14496 height: 8.2rem; 14497} 14498.chaptcha-err { 14499 display: block; 14500 width: 30.8rem; 14501 margin: 0; 14502 padding: 1rem 0 0; 14503 color: #ec0000 !important; 14504 font-size: 1.1rem; 14505} 14506.chaptcha-err.hide, 14507.chaptcha-err.hidden { 14508 display: none; 14509} 14510.form .form-item { 14511 position: relative; 14512 width: 100%; 14513 margin-bottom: 2.5rem; 14514} 14515.form .form-item.input { 14516 width: 100%; 14517 box-sizing: border-box; 14518} 14519.form .form-item.input.text-left { 14520 text-align: left; 14521} 14522.form .form-item.input.text-right { 14523 text-align: right; 14524} 14525.form .form-item.input.text-center { 14526 text-align: center; 14527} 14528.form .form-item.input input { 14529 position: relative; 14530 width: 100%; 14531 font-family: 'medium', arial, helvestica, sans-serif; 14532 box-sizing: border-box; 14533 font-size: 1.4rem; 14534 background-color: transparent; 14535 color: #1e398f; 14536 height: 5rem; 14537 line-height: 5rem; 14538 border-radius: 1.2rem; 14539 border: solid 1px #d0d4e3; 14540 z-index: 1; 14541 padding: 0 2.5rem; 14542 pointer-events: auto !important; 14543} 14544.form .form-item.input input:-webkit-autofill + label { 14545 opacity: 0; 14546} 14547.form .form-item.input input:-webkit-autofill ~ label { 14548 opacity: 0; 14549} 14550.form .form-item.input input:disabled { 14551 background-color: #edf1ff; 14552} 14553.form .form-item.input input:read-only { 14554 background-color: #edf1ff; 14555} 14556.form .form-item.input label { 14557 position: absolute; 14558 width: 100%; 14559 height: 100%; 14560 font-family: 'medium', arial, helvestica, sans-serif; 14561 box-sizing: border-box; 14562 pointer-events: auto !important; 14563 color: #576289; 14564 z-index: 2; 14565 padding: 0 2.5rem; 14566 line-height: 5rem; 14567 top: 0; 14568 left: 0; 14569} 14570.form .form-item.input.input-error input { 14571 border-color: #ff4040; 14572} 14573.form .form-item.input.date input { 14574 padding-right: 5rem; 14575 pointer-events: auto !important; 14576} 14577.form .form-item.input.date:after { 14578 display: inline-block; 14579 position: absolute; 14580 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 14581 speak: never; 14582 font-display: swap; 14583 font-style: normal; 14584 font-weight: normal; 14585 font-variant: normal; 14586 text-transform: none; 14587 line-height: 1; 14588 -webkit-font-smoothing: antialiased; 14589 -moz-osx-font-smoothing: grayscale; 14590 content: "\e925"; 14591 color: #6dbff3; 14592 font-size: 1.8em; 14593 right: 1.5rem; 14594 top: 1.2rem; 14595} 14596.form .form-item.input.active label { 14597 display: none; 14598} 14599.form .form-item.textarea { 14600 width: 100%; 14601 box-sizing: border-box; 14602} 14603.form .form-item.textarea textarea { 14604 position: relative; 14605 width: 100%; 14606 font-family: 'medium', arial, helvestica, sans-serif; 14607 box-sizing: border-box; 14608 pointer-events: auto !important; 14609 font-size: 1.4rem; 14610 background-color: transparent; 14611 color: #1e398f; 14612 line-height: 1.57em; 14613 border-radius: 1.2rem; 14614 border: solid 1px #d0d4e3; 14615 z-index: 1; 14616 padding: 2.5rem; 14617} 14618.form .form-item.textarea label { 14619 position: absolute; 14620 width: 100%; 14621 height: 100%; 14622 font-family: 'medium', arial, helvestica, sans-serif; 14623 box-sizing: border-box; 14624 pointer-events: auto !important; 14625 color: #576289; 14626 z-index: 2; 14627 padding: 0 2.5rem; 14628 line-height: 5rem; 14629 top: 0; 14630 left: 0; 14631} 14632.form .form-item.textarea textarea:disabled { 14633 background-color: #edf1ff;
14634} 14635.form .form-item.textarea.input-error textarea { 14636 border-color: #ff4040; 14637} 14638.form .form-item.textarea.normal textarea { 14639 height: 17.6rem; 14640} 14641.form .form-item.textarea.active label { 14642 display: none; 14643} 14644.form .form-item.checkbox { 14645 width: 100%; 14646 box-sizing: border-box; 14647 position: relative; 14648} 14649.form .form-item.checkbox input { 14650 opacity: 0; 14651 pointer-events: none; 14652 position: absolute; 14653 top: 0; 14654 left: 0; 14655} 14656.form .form-item.checkbox input + label { 14657 display: block; 14658 width: 100%; 14659 position: relative; 14660 box-sizing: border-box; 14661 font-family: 'book', arial, helvetica, sans-serif; 14662 color: #1e398f; 14663 cursor: pointer; 14664 font-size: 1.4rem; 14665 padding-left: 3rem; 14666 line-height: 1.4em; 14667} 14668.form .form-item.checkbox input + label a { 14669 text-decoration: underline; 14670} 14671.form .form-item.checkbox input + label a:hover, 14672.form .form-item.checkbox input + label a:active { 14673 color: #000; 14674 text-decoration: none; 14675} 14676.form .form-item.checkbox input + label span { 14677 position: absolute; 14678 display: block; 14679 box-sizing: border-box; 14680 -webkit-transition: opacity .1s linear; 14681 transition: opacity .1s linear; 14682 border-radius: 50%; 14683 width: 2rem; 14684 height: 2rem; 14685 color: #1e398f; 14686 opacity: 0.2; 14687 border: solid 0.2rem #1e398f; 14688 top: -0.2rem; 14689 left: 0; 14690} 14691.form .form-item.checkbox input + label span:after { 14692 position: absolute; 14693 display: inline-block; 14694 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 14695 speak: never; 14696 font-display: swap; 14697 font-style: normal; 14698 font-weight: normal; 14699 font-variant: normal; 14700 text-transform: none; 14701 line-height: 1; 14702 -webkit-font-smoothing: antialiased; 14703 -moz-osx-font-smoothing: grayscale; 14704 content: "\e949"; 14705 -webkit-transition: opacity 0.1s linear; 14706 transition: opacity 0.1s linear; 14707 line-height: 0; 14708 opacity: 0; 14709 font-size: 0.7rem; 14710 top: 0.8rem; 14711 left: 0.35rem; 14712} 14713.form .form-item.checkbox input:checked + label span { 14714 opacity: 1; 14715} 14716.form .form-item.checkbox input:checked + label span:after { 14717 opacity: 1; 14718} 14719.form .form-item.checkbox.input-error input + label span { 14720 border-color: #ff4040; 14721} 14722.form .form-item.checkbox.cornered input + label span { 14723 border-radius: 0.4rem; 14724} 14725.form .form-item.select select { 14726 width: 100%; 14727 height: 100%; 14728 position: absolute; 14729 max-width: 100%; 14730 z-index: 9999; 14731 opacity: 0; 14732 visibility: visible; 14733 -webkit-appearance: none; 14734 background-color: transparent; 14735 border: 0 none; 14736} 14737.form .form-item.select label { 14738 display: block; 14739 position: relative; 14740 width: 100%; 14741 font-family: 'medium', arial, helvestica, sans-serif; 14742 box-sizing: border-box; 14743 font-size: 1.4rem; 14744 background-color: transparent; 14745 color: #1e398f; 14746 height: 5rem; 14747 line-height: 5rem; 14748 border-radius: 1.2rem; 14749 border: solid 1px #d0d4e3; 14750 z-index: 1; 14751 padding: 0 4rem 0 2.5rem; 14752 white-space: nowrap; 14753 text-overflow: ellipsis; 14754 overflow: hidden; 14755 cursor: pointer; 14756 z-index: 9; 14757} 14758.form .form-item.select label:after { 14759 position: absolute; 14760 top: 50%; 14761 -webkit-transform: translateY(-50%); 14762 -ms-transform: translateY(-50%); 14763 transform: translateY(-50%); 14764 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 14765 speak: never; 14766 font-display: swap; 14767 font-style: normal; 14768 font-weight: normal; 14769 font-variant: normal; 14770 text-transform: none; 14771 line-height: 1; 14772 -webkit-font-smoothing: antialiased; 14773 -moz-osx-font-smoothing: grayscale; 14774 content: "\e903"; 14775 right: 1.5rem; 14776 font-size: 0.5em; 14777} 14778.form .form-item.select select:disabled + label { 14779 background-color: #edf1ff; 14780} 14781.form .form-item.radio-inline { 14782 display: inline-block; 14783 vertical-align: middle; 14784 margin-bottom: 0; 14785 width: auto; 14786} 14787.form .form-item.radio-inline input { 14788 opacity: 0; 14789 pointer-events: none; 14790 position: absolute; 14791 top: 0; 14792 left: 0; 14793} 14794.form .form-item.radio-inline input + label { 14795 display: inline-block; 14796 vertical-align: middle; 14797 font-family: 'book', arial, helvetica, sans-serif; 14798 position: relative; 14799 font-size: 1.4rem; 14800 color: #1e398f; 14801 padding-left: 3rem; 14802 margin-right: 3.4rem; 14803 height: 2rem; 14804 line-height: 2rem; 14805 cursor: pointer; 14806} 14807.form .form-item.radio-inline input + label span { 14808 position: absolute; 14809 display: block; 14810 box-sizing: border-box; 14811 width: 2rem; 14812 height: 2rem; 14813 border: solid 1px #1e398f; 14814 left: 0; 14815 top: 0; 14816 opacity: 0.2; 14817 border-radius: 50%; 14818 -webkit-transition: opacity 0.2s linear; 14819 transition: opacity 0.2s linear; 14820} 14821.form .form-item.radio-inline input + label span:after { 14822 position: absolute; 14823 display: block; 14824 content: ""; 14825 width: 1rem; 14826 height: 1rem; 14827 background-color: #1e398f; 14828 left: 0.4rem; 14829 top: 0.4rem; 14830 opacity: 0; 14831 border-radius: 50%; 14832 -webkit-transition: opacity 0.2s linear; 14833 transition: opacity 0.2s linear; 14834} 14835.form .form-item.radio-inline input:checked + label span { 14836 opacity: 1; 14837} 14838.form .form-item.radio-inline input:checked + label span:after { 14839 opacity: 1; 14840} 14841.form .form-item.radio-inline:last-child { 14842 margin-right: 0; 14843} 14844.form .form-item.info { 14845 font-family: 'book', arial, helvetica, sans-serif; 14846 font-size: 1.4rem; 14847 line-height: 1.65em; 14848} 14849.form .form-item.info a { 14850 font-family: 'medium', arial, helvestica, sans-serif; 14851 -webkit-transition: color 0.2s linear; 14852 transition: color 0.2s linear; 14853 text-decoration: underline; 14854 color: #1e398f; 14855} 14856.form .form-item.info a:hover, 14857.form .form-item.info a:active { 14858 text-decoration: none; 14859 color: #000; 14860} 14861.form .form-item.info.padding-top { 14862 padding-top: 1rem; 14863} 14864.form .form-item.input-error { 14865 color: #ff4040; 14866} 14867.form .form-item.input-success { 14868 color: #1bccce; 14869} 14870.form .form-item.margin-top { 14871 margin-top: 3rem; 14872} 14873.form .form-item.extra-margin-top { 14874 margin-top: 6rem; 14875} 14876.form .form-item.text-right { 14877 text-align: right; 14878} 14879.form .form-item.text-center { 14880 text-align: center; 14881} 14882.form .form-item.text-left { 14883 text-align: left; 14884} 14885.form .form-item .err { 14886 font-family: 'book', arial, helvetica, sans-serif; 14887 display: inline-block; 14888 font-size: 1.2rem; 14889 color: #ff4040; 14890 padding: 0.7rem 0 0 2.5rem; 14891} 14892.form .form-item .form-snap-link { 14893 position: absolute; 14894 display: inline-block; 14895 font-family: 'book', arial, helvetica, sans-serif; 14896 -webkit-transition: opacity 0.2s linear; 14897 transition: opacity 0.2s linear; 14898 z-index: 3; 14899 font-size: 1.4rem; 14900 opacity: 0.5; 14901 color: #1e398f; 14902} 14903.form .form-item .form-snap-link:hover, 14904.form .form-item .form-snap-link:active { 14905 opacity: 1; 14906} 14907.form .form-item .form-snap-link.left { 14908 left: 0.6rem; 14909} 14910.form .form-item .form-snap-link.right { 14911 right: 0.6rem; 14912} 14913.form .form-item .form-snap-link.top { 14914 top: -2rem; 14915} 14916.form .form-item .form-snap-link.bottom { 14917 bottom: -2rem; 14918} 14919.form .form-item .form-snap-link.small { 14920 font-size: 1.2rem; 14921} 14922.form .group { 14923 position: relative; 14924 width: 100%; 14925 margin-bottom: 2.5rem; 14926} 14927.form .group.no-wrap { 14928 white-space: nowrap; 14929} 14930.form .inline-cap { 14931 display: inline-block; 14932 vertical-align: middle; 14933 font-family: 'book', arial, helvetica, sans-serif; 14934 color: #0f2057; 14935 font-size: 1.4rem; 14936 margin-right: 3rem; 14937} 14938.form .x2 { 14939 width: 100%; 14940 position: relative; 14941 display: flex; 14942 justify-content: space-between; 14943 flex-wrap: wrap; 14944} 14945.form .x2 .form-item.input, 14946.form .x2 .form-item.select, 14947.form .x2 .form-item.generic, 14948.form .x2 .form-item.checkbox { 14949 width: 48%; 14950} 14951.form .divider { 14952 display: block; 14953 width: 100%; 14954 margin: 0.3rem auto 3rem; 14955 height: 0; 14956 border-bottom: dashed 0.2rem #d8e9f4; 14957} 14958#emailCheck { 14959 font-family: 'book', arial, helvetica, sans-serif; 14960 font-size: 1.4rem; 14961 line-height: 1.65em; 14962 padding-bottom: 2.5rem; 14963 color: #1e398f; 14964} 14965#emailCheck.input-error { 14966 color: #ff4040; 14967} 14968#emailCheck.input-success { 14969 color: #1e398f; 14970} 14971#emailCheck a { 14972 -webkit-transition: color 0.2s linear; 14973 transition: color 0.2s linear; 14974 color: #6dbff3; 14975 text-decoration: underline; 14976} 14977#emailCheck a:hover, 14978#emailCheck a:active { 14979 color: #000; 14980 text-decoration: none; 14981} 14982.button:disabled { 14983 cursor: auto; 14984} 14985.button:disabled.navy-blue { 14986 background-color: #646464; 14987 border-color: #646464; 14988 color: #fff; 14989} 14990.button:disabled.navy-blue:hover, 14991.button:disabled.navy-blue:active { 14992 background-color: #646464; 14993 border-color: #646464; 14994 color: #fff; 14995} 14996footer { 14997 width: 136rem; 14998 margin: 15rem auto 0; 14999} 15000footer .large-cap { 15001 font-family: 'medium', arial, helvestica, sans-serif; 15002 display: inline-block; 15003 color: #fff; 15004 font-size: 2.4rem; 15005 letter-spacing: -0.03em; 15006} 15007footer .top { 15008 width: 100%; 15009 position: relative; 15010 box-sizing: border-box; 15011 background-color: #cfe9fd; 15012 height: 13.9rem; 15013 border-top-left-radius: 2.6rem; 15014 border-top-right-radius: 2.6rem; 15015 padding: 3.5rem 11.3rem 0; 15016 z-index: 1; 15017} 15018footer .top .mob { 15019 display: none; 15020} 15021footer .top h2 { 15022 font-family: 'bold', arial, helvetica, sans-serif; 15023 font-size: 2.4rem; 15024 color: #1e398f; 15025 letter-spacing: -0.05em; 15026 margin-bottom: 1.2rem; 15027} 15028footer .top .app-link { 15029 display: inline-block; 15030 width: 15.1rem; 15031 margin-right: 0.4rem; 15032} 15033footer .top .app-link img { 15034 width: 100%; 15035} 15036footer .top .app-image { 15037 position: absolute; 15038 bottom: -2.9rem; 15039 left: 67.9rem; 15040 width: 35rem; 15041 z-index: 4; 15042} 15043footer .middle { 15044 width: 100%; 15045 position: relative; 15046 box-sizing: border-box; 15047 z-index: 2; 15048 padding: 5.8rem 11.7rem 0; 15049 background-color: #dff0fd; 15050 border-bottom-left-radius: 2.6rem; 15051 border-bottom-right-radius: 2.6rem; 15052} 15053footer .f-aptamil-logo { 15054 position: absolute; 15055 width: 14rem; 15056 top: 0rem; 15057 right: 0; 15058} 15059footer .f-links { 15060 position: relative; 15061 box-sizing: border-box; 15062 width: 100%; 15063 padding-bottom: 6.2rem; 15064 color: #1e398f; 15065} 15066footer .f-links:after {
15067 content: ' '; 15068 display: block; 15069 clear: both; 15070 height: 0; 15071 overflow: hidden; 15072} 15073footer .f-links .col { 15074 float: left; 15075 width: 17rem; 15076} 15077footer .f-links .col .group { 15078 width: 100%; 15079} 15080footer .f-links .col .group .cap, 15081footer .f-links .col .group a.cap { 15082 display: block; 15083 font-family: 'bold', arial, helvetica, sans-serif; 15084 font-size: 1.4rem; 15085 color: #1e398f; 15086 margin-bottom: 1.4rem; 15087} 15088footer .f-links .col .group a.cap { 15089 -webkit-transition: color 0.2s linear; 15090 transition: color 0.2s linear; 15091} 15092footer .f-links .col .group a.cap:hover, 15093footer .f-links .col .group a.cap:active { 15094 color: #e7c054; 15095} 15096footer .f-links .col .group .badge { 15097 padding: 0.2rem 0.5rem; 15098 margin-left: 0.5rem; 15099} 15100footer .f-links .col .group a { 15101 display: block; 15102 font-family: 'book', arial, helvetica, sans-serif; 15103 -webkit-transition: color 0.2s linear; 15104 transition: color 0.2s linear; 15105 color: #1e398f; 15106 font-size: 1.4rem; 15107 margin-bottom: 1.4rem; 15108 line-height: 1.334em; 15109} 15110footer .f-links .col .group a:hover, 15111footer .f-links .col .group a:active { 15112 color: #e7c054; 15113} 15114footer .f-links .col .group a.only-mobile { 15115 display: none; 15116} 15117footer .f-links .col .group.separate { 15118 margin-top: 5rem; 15119} 15120footer .f-links .col.first { 15121 width: 29.5rem; 15122 margin-right: 2rem; 15123} 15124footer .f-links .col.second { 15125 width: 22rem; 15126 margin-right: 2rem; 15127} 15128footer .f-links .col.last { 15129 width: 23rem; 15130 margin-left: 3rem; 15131} 15132footer .f-socials { 15133 position: relative; 15134 box-sizing: border-box; 15135 width: 100%; 15136 line-height: 9.4rem; 15137 border-top: solid 1px #cadcf1; 15138} 15139footer .f-socials .large-cap { 15140 margin-right: 2.3rem; 15141 color: #1e398f; 15142} 15143footer .f-socials .social { 15144 display: inline-block; 15145 -webkit-transition: color 0.2s linear; 15146 transition: color 0.2s linear; 15147 color: #1e398f; 15148 margin-right: 1.9rem; 15149} 15150footer .f-socials .social i { 15151 font-size: 2.1rem; 15152} 15153footer .f-socials .social:hover, 15154footer .f-socials .social:active { 15155 color: #e7c054; 15156} 15157footer .f-socials .evde-bebek { 15158 position: absolute; 15159 top: 50%; 15160 -webkit-transform: translateY(-50%); 15161 -ms-transform: translateY(-50%); 15162 transform: translateY(-50%); 15163 font-family: 'book', arial, helvetica, sans-serif; 15164 font-size: 1.6rem; 15165 right: 0; 15166 color: #1e398f; 15167 white-space: nowrap; 15168} 15169footer .f-socials .evde-bebek br { 15170 display: none; 15171} 15172footer .f-socials .evde-bebek .hash { 15173 display: inline-block; 15174 vertical-align: middle; 15175 font-family: 'medium', arial, helvestica, sans-serif; 15176 color: #e5bf55; 15177} 15178footer .f-socials .evde-bebek i { 15179 display: inline-block; 15180 vertical-align: middle; 15181 -webkit-transition: color 0.2s linear; 15182 transition: color 0.2s linear; 15183 font-size: 1.7em; 15184} 15185footer .f-socials .evde-bebek img { 15186 display: inline-block; 15187 vertical-align: middle; 15188 width: 9.7rem; 15189} 15190footer .f-socials .evde-bebek:hover i, 15191footer .f-socials .evde-bebek:active i { 15192 color: #e7c054; 15193} 15194footer .f-socials .evde-bebek2 { 15195 position: absolute; 15196 right: 0; 15197 top: 0; 15198 display: flex; 15199 align-items: center; 15200 height: 100%; 15201} 15202footer .f-socials .evde-bebek2 .text { 15203 font-size: 1.4rem; 15204 margin-left: 1rem; 15205 line-height: 1.5em; 15206 color: #1e398f; 15207 font-weight: 600; 15208} 15209footer .f-socials .evde-bebek2 .img { 15210 height: 9rem; 15211} 15212footer .f-socials .evde-bebek2 .img img { 15213 width: 17.5rem; 15214 height: 100%; 15215 object-fit: contain; 15216} 15217footer .f-mothers { 15218 position: relative; 15219 box-sizing: border-box; 15220 width: 100%; 15221 line-height: 9.8rem; 15222 border-top: solid 1px #cadcf1; 15223} 15224footer .f-mothers .large-cap { 15225 margin-right: 1.2rem; 15226 color: #1e398f; 15227} 15228footer .f-mothers .call { 15229 display: inline-block; 15230 font-family: 'book', arial, helvetica, sans-serif; 15231 position: relative; 15232 -webkit-transition: color 0.2s linear; 15233 transition: color 0.2s linear; 15234 font-size: 2.4rem; 15235 color: #e7c054; 15236 padding-left: 4.5rem; 15237} 15238footer .f-mothers .call i { 15239 position: absolute; 15240 top: 50%; 15241 -webkit-transform: translateY(-50%); 15242 -ms-transform: translateY(-50%); 15243 transform: translateY(-50%); 15244 left: 0; 15245 color: #1e398f; 15246 font-size: 1.2em; 15247} 15248footer .f-mothers .call:hover, 15249footer .f-mothers .call:active { 15250 color: #1e398f; 15251} 15252footer .f-mothers .call-center { 15253 display: block; 15254 position: absolute; 15255 bottom: 0; 15256 right: 0; 15257 width: 9.4rem; 15258} 15259footer .f-corp { 15260 position: relative; 15261 box-sizing: border-box; 15262 width: 100%; 15263 line-height: 6.6rem; 15264 border-top: solid 1px #cadcf1; 15265} 15266footer .f-corp a { 15267 display: inline-block; 15268 font-family: 'book', arial, helvetica, sans-serif; 15269 -webkit-transition: color 0.2s linear; 15270 transition: color 0.2s linear; 15271 font-size: 1.2rem; 15272 color: #1e398f; 15273 margin-right: 2.3rem; 15274} 15275footer .f-corp a:hover, 15276footer .f-corp a:active { 15277 color: #e7c054; 15278} 15279footer .bottom { 15280 text-align: right; 15281 margin-bottom: 4rem; 15282} 15283footer .bottom .info { 15284 font-family: 'book', arial, helvetica, sans-serif; 15285 text-align: center; 15286 color: #005085; 15287 font-size: 1.2rem; 15288 line-height: 1.75em; 15289 padding: 2.6rem 0 3.2rem; 15290 border-bottom: solid 1px #d7eefe; 15291 margin: 0 auto 1em; 15292} 15293footer .bottom .copy-cont { 15294 width: 100%; 15295 display: flex; 15296 justify-content: space-between; 15297} 15298footer .bottom .copy { 15299 display: inline-block; 15300 font-family: 'book', arial, helvetica, sans-serif; 15301 font-size: 1.4rem; 15302 color: #1e398f; 15303 display: flex; 15304 align-items: center; 15305 justify-content: center; 15306} 15307footer .bottom .copy .il { 15308 width: 10rem; 15309 margin-right: 2.4rem; 15310} 15311footer .bottom .copy span { 15312 display: inline-block; 15313} 15314footer .bottom .positive { 15315 display: inline-block; 15316} 15317footer .bottom .positive .pos { 15318 width: 26rem; 15319} 15320footer.no-top .top { 15321 display: none; 15322} 15323footer.no-top .middle { 15324 border-top-left-radius: 2.6rem; 15325 border-top-right-radius: 2.6rem; 15326} 15327.adim-adim { 15328 width: calc(100% - 9.2rem); 15329 margin: 0 auto; 15330} 15331.adim-adim .cats { 15332 width: 100%; 15333 margin-bottom: 3.2rem; 15334 display: flex; 15335 flex-wrap: wrap; 15336 justify-content: space-between; 15337} 15338.adim-adim .cats .box { 15339 display: block; 15340 position: relative; 15341 background-color: #1e398f; 15342 overflow: hidden; 15343 width: 31.5rem; 15344 height: 20rem; 15345 margin-bottom: 2.3rem; 15346 border-radius: 2.6rem; 15347} 15348.adim-adim .cats .box img { 15349 width: 100%; 15350 position: relative; 15351 z-index: 1; 15352} 15353.adim-adim .cats .box .text { 15354 width: 100%; 15355 position: absolute; 15356 bottom: 0; 15357 left: 0; 15358 color: #fff; 15359 padding: 0 0 3.4rem 3.4rem; 15360 z-index: 3; 15361} 15362.adim-adim .cats .box .text i { 15363 display: block; 15364 font-size: 4.8rem; 15365 margin-bottom: 1.74rem; 15366} 15367.adim-adim .cats .box .text strong { 15368 display: block; 15369 font-family: 'bold', arial, helvetica, sans-serif; 15370 font-size: 3rem; 15371 letter-spacing: -0.05em; 15372} 15373.adim-adim .cats .box:hover, 15374.adim-adim .cats .box:active { 15375 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 15376} 15377.adim-adim .others { 15378 width: 100%; 15379} 15380.adim-adim .others a { 15381 display: block; 15382 position: relative; 15383 width: 100%; 15384 box-sizing: border-box; 15385 font-family: 'bold', arial, helvetica, sans-serif; 15386 height: 12rem; 15387 line-height: 12rem; 15388 border-radius: 1.2rem; 15389 font-size: 3.2rem; 15390 letter-spacing: -0.03em; 15391 color: #fff; 15392 padding: 0 2.8rem; 15393 margin-bottom: 2.8rem; 15394 -webkit-transition: background-color 0.2s linear; 15395 transition: background-color 0.2s linear; 15396} 15397.adim-adim .others a:after { 15398 position: absolute; 15399 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 15400 speak: never; 15401 font-display: swap; 15402 font-style: normal; 15403 font-weight: normal; 15404 font-variant: normal; 15405 text-transform: none; 15406 line-height: 1; 15407 -webkit-font-smoothing: antialiased; 15408 -moz-osx-font-smoothing: grayscale; 15409 content: "\e93f"; 15410 -webkit-transition: transform 0.2s linear; 15411 transition: transform 0.2s linear; 15412 -webkit-transform: translateY(-50%) translateX(0) rotate(-90deg); 15413 -ms-transform: translateY(-50%) translateX(0) rotate(-90deg); 15414 transform: translateY(-50%) translateX(0) rotate(-90deg); 15415 font-size: 3rem; 15416 top: 50%; 15417 right: 3.8rem; 15418} 15419.adim-adim .others a.purple { 15420 background-color: #8c52ba; 15421} 15422.adim-adim .others a.purple:hover, 15423.adim-adim .others a.purple:active { 15424 background-color: #7614b8; 15425} 15426.adim-adim .others a.baby-blue { 15427 background-color: #6dbff3; 15428} 15429.adim-adim .others a.baby-blue:hover, 15430.adim-adim .others a.baby-blue:active { 15431 background-color: #22a3f2; 15432} 15433.adim-adim .others a.sea-green { 15434 background-color: #1bccce; 15435} 15436.adim-adim .others a.sea-green:hover, 15437.adim-adim .others a.sea-green:active { 15438 background-color: #00b3b6; 15439} 15440.adim-adim .others a.yellow-ronchi { 15441 background-color: #e7c054; 15442} 15443.adim-adim .others a.yellow-ronchi:hover, 15444.adim-adim .others a.yellow-ronchi:active { 15445 background-color: #e7ac0f; 15446} 15447.adim-adim .others a.base { 15448 background-color: #1e398f; 15449} 15450.adim-adim .others a:hover:after, 15451.adim-adim .others a:active:after { 15452 -webkit-transform: translateY(-50%) translateX(1rem) rotate(-90deg); 15453 -ms-transform: translateY(-50%) translateX(1rem) rotate(-90deg); 15454 transform: translateY(-50%) translateX(1rem) rotate(-90deg); 15455} 15456.app-view-header { 15457 display: none; 15458} 15459.pd-app-view-bg { 15460 display: none; 15461} 15462.only-in-app { 15463 display: none !important; 15464} 15465.content-detail .utility .with-link.app-share { 15466 cursor: pointer; 15467 display: none; 15468} 15469.appview-search-overlay { 15470 display: none; 15471} 15472body.app-view { 15473 padding-top: 19.1rem; 15474} 15475body.app-view header, 15476body.app-view .mother-milk-bar, 15477body.app-view .cookie-bar, 15478body.app-view .sticky-header, 15479body.app-view .mobile-menu-cont, 15480body.app-view .no-app, 15481body.app-view .not-in-app, 15482body.app-view footer { 15483 display: none !important; 15484} 15485body.app-view .content-breadcrumb { 15486 display: none !important; 15487} 15488body.app-view .page .page-banner { 15489 display: none; 15490} 15491body.app-view .page.content .page-banner { 15492 display: block; 15493} 15494body.app-view .page.product-detail { 15495 position: relative; 15496 z-index: 2; 15497} 15498body.app-view .page.landing .page-banner { 15499 display: block; 15500} 15501body.app-view .page.my-account .my-account-cont .usr-tabs.not-in-app { 15502 display: block !important; 15503} 15504body.app-view .pd-cont { 15505 margin-top: 0; 15506} 15507body.app-view .pd-app-view-bg { 15508 position: absolute; 15509 width: 100%; 15510 display: block; 15511 height: 40rem; 15512 background-color: #d7eefe; 15513 top: 0; 15514 left: 0; 15515 z-index: 1; 15516} 15517body.app-view .content-detail .utility .with-link.share { 15518 display: none; 15519} 15520body.app-view .mobile-page-header { 15521 border: none; 15522} 15523body.app-view .only-in-app { 15524 display: block !important; 15525} 15526body.app-view .only-in-app.flexy { 15527 display: flex !important; 15528} 15529@media only screen and (max-width: 960px) { 15530 .datepicker-container { 15531 font-size: 3.6rem; 15532 line-height: 9rem; 15533 width: 63rem; 15534 } 15535 .datepicker-container::before, 15536 .datepicker-container::after { 15537 border-width: 1.5rem; 15538 } 15539 .datepicker-top-left::before, 15540 .datepicker-top-left::after, 15541 .datepicker-top-right::before, 15542 .datepicker-top-right::after { 15543 left: 3rem; 15544 top: -1.5rem; 15545 } 15546 .datepicker-top-left::after, 15547 .datepicker-top-right::after { 15548 top: -1.2rem; 15549 } 15550 .datepicker-bottom-left::before, 15551 .datepicker-bottom-left::after, 15552 .datepicker-bottom-right::before, 15553 .datepicker-bottom-right::after { 15554 bottom: -2rem; 15555 left: 4rem; 15556 } 15557 .datepicker-bottom-left::after, 15558 .datepicker-bottom-right::after { 15559 bottom: -1.2rem; 15560 } 15561 .datepicker-top-right::before, 15562 .datepicker-top-right::after, 15563 .datepicker-bottom-right::before, 15564 .datepicker-bottom-right::after { 15565 right: 4rem; 15566 } 15567 .datepicker-panel > ul > li { 15568 height: 9rem; 15569 width: 9rem; 15570 } 15571 .datepicker-panel > ul > li[data-view="years prev"], 15572 .datepicker-panel > ul > li[data-view="year prev"], 15573 .datepicker-panel > ul > li[data-view="month prev"], 15574 .datepicker-panel > ul > li[data-view="years next"], 15575 .datepicker-panel > ul > li[data-view="year next"], 15576 .datepicker-panel > ul > li[data-view="month next"], 15577 .datepicker-panel > ul > li[data-view="next"] { 15578 font-size: 5.4rem; 15579 } 15580 .datepicker-panel > ul > li[data-view="years current"], 15581 .datepicker-panel > ul > li[data-view="year current"], 15582 .datepicker-panel > ul > li[data-view="month current"] { 15583 width: 45rem; 15584 } 15585 .datepicker-panel > ul[data-view="years"] > li, 15586 .datepicker-panel > ul[data-view="months"] > li { 15587 height: 15.75rem; 15588 line-height: 15.75rem; 15589 width: 15.75rem; 15590 } 15591 .button.smaller { 15592 font-size: 2.4rem; 15593 padding: 0 2.4rem; 15594 height: 6rem; 15595 line-height: 6rem; 15596 } 15597 .amount-form { 15598 min-width: 28rem; 15599 height: 6rem; 15600 border-radius: 3rem; 15601 } 15602 .amount-form .minus, 15603 .amount-form .plus { 15604 font-size: 3.2rem; 15605 width: 7.2rem; 15606 height: 6rem; 15607 line-height: 6rem; 15608 } 15609 .amount-form .amount-indicator { 15610 font-size: 2.8rem; 15611 padding: 0 1rem; 15612 height: 6rem; 15613 line-height: 6rem; 15614 } 15615 .p-tag { 15616 margin-bottom: 4rem; 15617 font-size: 2.2rem; 15618 } 15619 .p-tag span { 15620 margin-left: 2rem; 15621 } 15622 .d2c-para .old, 15623 .d2c-price .old { 15624 font-size: 2.38rem; 15625 } 15626 .d2c-para .price, 15627 .d2c-price .price { 15628 font-size: 5.1rem; 15629 } 15630 .pd-sticky-buy { 15631 display: block; 15632 box-shadow: 0 1rem 4.6rem 0 rgba(0, 0, 0, 0.3); 15633 width: 100%; 15634 position: fixed; 15635 z-index: 9999; 15636 bottom: 0; 15637 left: 0; 15638 height: 17rem; 15639 background-color: #fff; 15640 } 15641 .pd-sticky-buy .d2c-price { 15642 flex-wrap: wrap; 15643 } 15644 .pd-sticky-buy .d2c-price .old { 15645 margin-right: 1.6rem; 15646 margin-left: 0; 15647 } 15648 .pd-sticky-buy .p-tag { 15649 justify-content: flex-start; 15650 margin-bottom: 2rem; 15651 } 15652 .pd-sticky-buy .cont { 15653 position: relative; 15654 width: calc(100% - 8rem); 15655 margin: 0 auto; 15656 display: flex; 15657 justify-content: space-between; 15658 align-items: center; 15659 height: 17rem; 15660 } 15661 .pd-sticky-buy .price { 15662 font-family: 'medium', arial, helvestica, sans-serif; 15663 font-size: 3.6rem; 15664 color: #1e398f; 15665 } 15666 .page-banner { 15667 width: calc(100% - 8rem);; 15668 margin-bottom: 3.5rem; 15669 border-radius: 5.2rem; 15670 height: 40rem; 15671 } 15672 .page-banner.small { 15673 height: 40rem; 15674 } 15675 .page-banner.product-banner { 15676 height: 26.2rem; 15677 } 15678 .page-banner .text { 15679 display: block; 15680 -webkit-transform: none; 15681 -ms-transform: none; 15682 transform: none; 15683 width: 100%; 15684 box-sizing: border-box; 15685 top: auto; 15686 bottom: 0; 15687 left: 0; 15688 text-align: center; 15689 padding-bottom: 5.4rem; 15690 } 15691 .page-banner .text h1 { 15692 border-radius: 3.5rem; 15693 font-size: 4.2rem; 15694 line-height: 7rem; 15695 padding: 0 4.2rem; 15696 } 15697 .page-banner .text.hidden { 15698 display: none; 15699 } 15700 .page-banner .banner-link img { 15701 width: 13.3rem; 15702 } 15703 .mobile-page-header { 15704 display: block; 15705 position: relative; 15706 box-sizing: border-box; 15707 width: calc(100% - 8rem); 15708 margin: 0 auto 5rem; 15709 height: 15rem; 15710 border-top: solid 0.2rem #d2d7e9; 15711 } 15712 .mobile-page-header .back-button { 15713 position: absolute; 15714 top: 50%; 15715 -webkit-transform: translateY(-50%); 15716 -ms-transform: translateY(-50%); 15717 transform: translateY(-50%); 15718 left: 0; 15719 } 15720 .mobile-page-header .back-button i { 15721 font-size: 3rem; 15722 } 15723 .mobile-page-header .cap { 15724 display: inline-block; 15725 position: absolute; 15726 left: 50%; 15727 top: 50%; 15728 -webkit-transform: translateX(-50%) translateY(-50%); 15729 -ms-transform: translateX(-50%) translateY(-50%); 15730 transform: translateX(-50%) translateY(-50%); 15731 font-family: 'bold', arial, helvetica, sans-serif; 15732 font-size: 3.2rem; 15733 } 15734 .pagination { 15735 width: calc(100% - 8rem); 15736 margin: 0 auto 18rem; 15737 } 15738 .pagination a { 15739 font-size: 3.4rem; 15740 width: 6.6rem; 15741 height: 6.6rem; 15742 line-height: 6.6rem; 15743 margin: 0 1rem; 15744 border-width: 0.2rem; 15745 } 15746 .pagination a i { 15747 font-size: 1em; 15748 } 15749 .category-slider-cont { 15750 width: 67rem; 15751 margin-bottom: 15.2rem; 15752 } 15753 .category-slider-cont .cap { 15754 font-family: 'bold', arial, helvetica, sans-serif; 15755 font-size: 3.6rem; 15756 margin-bottom: 9.2rem; 15757 } 15758 .category-slider-cont .cap:before { 15759 display: block; 15760 position: absolute; 15761 top: 50%; 15762 -webkit-transform: translateY(-50%); 15763 -ms-transform: translateY(-50%); 15764 transform: translateY(-50%); 15765 width: 100%; 15766 content: ""; 15767 left: 0; 15768 height: 0.2rem; 15769 background-color: #d2d7e9; 15770 z-index: 1; 15771 } 15772 .category-slider-cont .cap span { 15773 display: inline-block; 15774 height: 100%; 15775 background-color: #fff; 15776 padding-left: 5.1rem; 15777 padding-right: 2.2rem; 15778 z-index: 2; 15779 } 15780 .category-slider-cont .cap i { 15781 left: -1rem; 15782 } 15783 .category-slider-cont .slider.royalSlider.rsMinW { 15784 width: 56rem; 15785 height: 70.1rem; 15786 } 15787 .category-slider-cont .slider.royalSlider.rsMinW .rsContent { 15788 width: 56rem; 15789 height: 70.1rem; 15790 } 15791 .category-slider-cont .slider.royalSlider.rsMinW .rsSlide { 15792 width: 56rem; 15793 height: 70.1rem; 15794 } 15795 .cat
15795egory-slider-cont .slider.royalSlider.rsMinW .rsArrow { 15796 display: none; 15797 } 15798 .category-slider-cont .box { 15799 width: 52rem; 15800 height: 70.1rem; 15801 } 15802 .category-slider-cont .box:after { 15803 background: rgba(63, 58, 58, 0.17); 15804 } 15805 .category-slider-cont .box .text { 15806 position: absolute; 15807 top: 50%; 15808 -webkit-transform: translateX(-50%) translateY(-50%); 15809 -ms-transform: translateX(-50%) translateY(-50%); 15810 transform: translateX(-50%) translateY(-50%); 15811 top: 65%; 15812 text-align: center; 15813 padding: 0; 15814 bottom: auto; 15815 left: 50%; 15816 font-size: 6.4rem; 15817 } 15818 .category-slider-cont .box .text i { 15819 font-size: 1.5em; 15820 margin-bottom: 2.8rem; 15821 } 15822 .expert-section { 15823 width: 100%; 15824 margin-bottom: 16.4rem; 15825 } 15826 .expert-section .top { 15827 min-height: 0; 15828 border-radius: 0; 15829 } 15830 .expert-section .top .left { 15831 width: 100%; 15832 float: none; 15833 padding-top: 9.3rem; 15834 } 15835 .expert-section .top .right { 15836 width: calc(100% - 8rem); 15837 float: none; 15838 margin: 0 auto; 15839 padding-top: 1.4rem; 15840 } 15841 .expert-section .top .right h2 { 15842 font-family: 'bold', arial, helvetica, sans-serif; 15843 font-size: 6.4rem; 15844 margin-bottom: 3.6rem; 15845 letter-spacing: -0.03em; 15846 } 15847 .expert-section .top .right h2 i { 15848 font-size: 1.6em; 15849 margin-bottom: 1.4rem; 15850 } 15851 .expert-section .top .right p { 15852 font-size: 2.8rem; 15853 margin-bottom: 4.6rem; 15854 width: 60.2rem; 15855 line-height: 1.58em; 15856 } 15857 .expert-section .top .right .button { 15858 margin-bottom: 10.4rem; 15859 } 15860 .expert-section .top .right .faded { 15861 font-size: 2.4rem; 15862 margin-bottom: 6.2rem; 15863 } 15864 .expert-section .top .right .phone { 15865 margin-bottom: 10.2rem; 15866 } 15867 .expert-section .top .right .phone span { 15868 font-size: 2.8rem; 15869 } 15870 .expert-section .top .right .phone i { 15871 font-size: 2.6em; 15872 } 15873 .expert-section .top .right .phone strong { 15874 font-size: 2.4rem; 15875 } 15876 .expert-section .top .tab-links { 15877 position: relative; 15878 top: auto; 15879 left: auto; 15880 right: auto; 15881 bottom: auto; 15882 height: 21.7rem; 15883 } 15884 .expert-section .top .tab-links .cap { 15885 font-size: 2.4rem; 15886 padding-bottom: 3.2rem; 15887 } 15888 .expert-section .top .tab-links .cap:after { 15889 width: 30rem; 15890 height: 0.2rem; 15891 background-color: #1e398f; 15892 opacity: 0.5; 15893 } 15894 .expert-section .top .tab-links a { 15895 font-size: 3rem; 15896 letter-spacing: normal; 15897 line-height: 1.45em; 15898 padding-bottom: 2.9rem; 15899 margin: 0 2rem; 15900 white-space: normal; 15901 letter-spacing: -0.03em; 15902 text-align: left; 15903 } 15904 .expert-section .top .tab-links a:after { 15905 height: 1.2rem; 15906 } 15907 .expert-section .top .tab-links a br { 15908 display: block; 15909 } 15910 .expert-section .top .tab-links a.active { 15911 color: #5fbeec; 15912 } 15913 .expert-section .top .tab-links a.active:after { 15914 background-color: #5fbeec; 15915 opacity: 1; 15916 -webkit-transform: scaleX(1); 15917 -ms-transform: scaleX(1); 15918 transform: scaleX(1); 15919 } 15920 .expert-section .bottom { 15921 margin-top: 6rem; 15922 width: 65rem; 15923 padding-left: 4rem; 15924 height: 18rem; 15925 } 15926 .expert-section .slider.royalSlider.rsMinW { 15927 width: 69rem; 15928 height: 18rem; 15929 } 15930 .expert-section .slider.royalSlider.rsMinW .rsContent { 15931 width: 69rem; 15932 height: 18rem; 15933 } 15934 .expert-section .slider.royalSlider.rsMinW .rsSlide { 15935 width: 69rem; 15936 height: 18rem; 15937 } 15938 .expert-section .slider.royalSlider.rsMinW .box { 15939 padding: 5rem 3.5rem 0 23rem; 15940 width: 65rem; 15941 height: 18rem; 15942 } 15943 .expert-section .slider.royalSlider.rsMinW .box .img { 15944 left: 2.5rem; 15945 width: 14.4rem; 15946 height: 14.4rem; 15947 } 15948 .expert-section .slider.royalSlider.rsMinW .box .cap { 15949 font-size: 3.2rem; 15950 margin-bottom: 1.4rem; 15951 } 15952 .expert-section .slider.royalSlider.rsMinW .box .title { 15953 font-size: 2.8rem; 15954 } 15955 .info-section { 15956 width: calc(100% - 8rem); 15957 margin: 0 auto; 15958 } 15959 .info-section h2 { 15960 font-family: 'bold', arial, helvetica, sans-serif; 15961 text-align: center; 15962 font-size: 6.4rem; 15963 margin-bottom: 6rem; 15964 letter-spacing: -0.03em; 15965 } 15966 .info-section h2 i { 15967 font-size: 1.5em; 15968 margin-bottom: 5.3rem; 15969 } 15970 .info-section .box { 15971 width: 100%; 15972 height: 39.9rem; 15973 margin-right: 0; 15974 margin-bottom: 7.2rem; 15975 border-radius: 2.4rem; 15976 } 15977 .info-section .box .text { 15978 font-family: 'bold', arial, helvetica, sans-serif; 15979 width: 23rem; 15980 left: 37.9rem; 15981 top: 10.6rem; 15982 font-size: 3.6rem; 15983 line-height: 1.32em; 15984 } 15985 .info-section .box .text .button { 15986 margin-top: 3.2rem; 15987 } 15988 .info-section .box.bebek i { 15989 top: 3.5rem; 15990 left: 21.4rem; 15991 font-size: 22.3rem; 15992 } 15993 .info-section .box.gebelik i { 15994 top: 10rem; 15995 left: 21.9rem; 15996 font-size: 20.4rem; 15997 } 15998 .info-section .box.persentil i { 15999 top: 8rem; 16000 left: 23.2rem; 16001 font-size: 27.2rem; 16002 } 16003 .info-section a.large-banner { 16004 width: 100%; 16005 margin: 0 auto 7.2rem; 16006 border-radius: 2.6rem; 16007 overflow: hidden; 16008 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 16009 } 16010 .info-section a.large-banner .text { 16011 width: calc(100% - 8rem); 16012 left: 4rem; 16013 top: 8.8rem; 16014 } 16015 .info-section a.large-banner .text i { 16016 font-size: 14rem; 16017 margin-left: -2.6rem; 16018 } 16019 .info-section a.large-banner .text .cap { 16020 font-size: 5.2rem; 16021 margin-bottom: 4rem; 16022 } 16023 .product-section { 16024 width: 100%; 16025 box-sizing: border-box; 16026 height: 127rem; 16027 margin: 0 auto 1rem; 16028 border-radius: 0; 16029 padding: 11rem 3.6rem 0; 16030 } 16031 .product-section h2 { 16032 font-family: 'bold', arial, helvetica, sans-serif; 16033 display: block; 16034 width: 100%; 16035 position: relative; 16036 top: auto; 16037 left: auto; 16038 right: auto; 16039 bottom: auto; 16040 font-size: 6.4rem; 16041 line-height: 3.3rem; 16042 } 16043 .product-section h2 .badge { 16044 font-size: 2.4rem; 16045 line-height: normal; 16046 letter-spacing: normal; 16047 padding: 0.6rem 0.9rem; 16048 margin-top: 2.1rem; 16049 } 16050 .product-section .product-slider-cont { 16051 -webkit-transform: none; 16052 -ms-transform: none; 16053 transform: none; 16054 position: relative; 16055 top: auto; 16056 left: auto; 16057 right: auto; 16058 bottom: auto; 16059 width: 90%; 16060 height: auto; 16061 overflow: hidden; 16062 margin: 0 auto; 16063 } 16064 .product-section .product-slider.royalSlider.rsMinW { 16065 width: 100%; 16066 height: 135rem; 16067 } 16068 .product-section .product-slider.royalSlider.rsMinW .rsContent { 16069 width: 100%; 16070 height: 135rem; 16071 overflow: visible; 16072 } 16073 .product-section .product-slider.royalSlider.rsMinW .rsContent .product { 16074 width: 100%; 16075 margin: 0; 16076 } 16077 .product-section .product-slider.royalSlider.rsMinW .rsContent .product img { 16078 margin-bottom: 0; 16079 } 16080 .product-section .product-slider.royalSlider.rsMinW .rsContent .product .name { 16081 font-size: 3.2rem; 16082 line-height: 1.375em; 16083 margin-bottom: 4rem; 16084 min-height: 13.8rem; 16085 } 16086 .product-section .product-slider.royalSlider.rsMinW .rsContent .product .detail { 16087 font-size: 2.8rem; 16088 margin-bottom: 4rem; 16089 padding-left: 5rem; 16090 } 16091 .product-section .product-slider.royalSlider.rsMinW .rsContent .product .detail i { 16092 top: 42%; 16093 } 16094 .product-section .product-slider.royalSlider.rsMinW .rsContent .product .d2c-add { 16095 width: 100%; 16096 } 16097 .product-section .product-slider.royalSlider.rsMinW .rsContent .product .d2c-para { 16098 width: 100%; 16099 margin-bottom: 2rem; 16100 } 16101 .product-section .product-slider.royalSlider.rsMinW .rsSlide { 16102 overflow: visible; 16103 } 16104 .product-section .arrow { 16105 font-size: 10rem; 16106 top: 49.2rem; 16107 } 16108 .product-section .arrow.next { 16109 right: 3.2rem; 16110 } 16111 .product-section .arrow.prev { 16112 left: 3.2rem; 16113 } 16114 .similar-products { 16115 width: calc(100% - 8rem); 16116 margin: 16rem auto 6rem; 16117 } 16118 .similar-products .cap { 16119 font-size: 6.4rem; 16120 margin-bottom: 7rem; 16121 } 16122 .similar-products .product-slider-cont { 16123 width: 90%; 16124 height: 107rem; 16125 margin: 0 auto; 16126 } 16127 .similar-products .product-slider.royalSlider.rsMinw { 16128 width: 100%; 16129 height: 107rem; 16130 } 16131 .similar-products .product-slider.royalSlider.rsMinw .rsContent { 16132 width: 100%; 16133 height: 107rem; 16134 overflow: visible; 16135 } 16136 .similar-products .product-slider.royalSlider.rsMinw .rsContent .product { 16137 width: 100%; 16138 margin: 0; 16139 } 16140 .similar-products .product-slider.royalSlider.rsMinw .rsContent .product img { 16141 margin-bottom: 0; 16142 } 16143 .similar-products .product-slider.royalSlider.rsMinw .rsContent .product .name { 16144 font-size: 3.2rem; 16145 line-height: 1.375em; 16146 margin-bottom: 4rem; 16147 min-height: 13.8rem; 16148 } 16149 .similar-products .product-slider.royalSlider.rsMinw .rsContent .product .detail { 16150 font-size: 2.8rem; 16151 margin-bottom: 4rem; 16152 padding-left: 5rem; 16153 } 16154 .similar-products .product-slider.royalSlider.rsMinw .rsContent .product .detail i { 16155 top: 42%; 16156 } 16157 .similar-products .product-slider.royalSlider.rsMinw .rsContent .product .d2c-add { 16158 width: 100%; 16159 } 16160 .similar-products .arrow { 16161 font-size: 10rem; 16162 top: 49.2rem; 16163 } 16164 .similar-products .arrow.next { 16165 right: 0; 16166 } 16167 .similar-products .arrow.prev { 16168 left: 0; 16169 } 16170 .recipe-section { 16171 width: calc(100% - 8rem); 16172 margin-bottom: 15rem; 16173 min-height: 0; 16174 padding: 8rem 0 0 0; 16175 } 16176 .recipe-section > img { 16177 -webkit-transform: none; 16178 -ms-transform: none; 16179 transform: none; 16180 position: relative; 16181 top: auto; 16182 left: auto; 16183 right: auto; 16184 bottom: auto; 16185 width: 100%; 16186 margin-bottom: 10.4rem; 16187 } 16188 .recipe-section h2 { 16189 font-size: 6.4rem; 16190 margin-bottom: 3.6rem; 16191 } 16192 .recipe-section h2 i { 16193 margin-bottom: 4.4rem; 16194 } 16195 .recipe-section h2 i:before { 16196 margin-left: -1rem; 16197 } 16198 .recipe-section p { 16199 font-size: 2.8rem; 16200 margin-bottom: 6rem; 16201 } 16202 .section-featured-contents { 16203 width: calc(100% - 8rem); 16204 margin: 0 auto 12.1rem; 16205 } 16206 .section-featured-contents h2 { 16207 font-size: 6.4rem; 16208 margin-bottom: 6.6rem; 16209 } 16210 .section-featured-contents h2 i { 16211 margin-bottom: 4.8rem; 16212 } 16213 .section-featured-contents .slider.royalSlider.rsMinw { 16214 width: 62.5rem; 16215 height: 56.7rem; 16216 } 16217 .section-featured-contents .slider.royalSlider.rsMinw .rsContent { 16218 width: 62.5rem; 16219 height: 56.7rem; 16220 } 16221 .section-featured-contents .slider.royalSlider.rsMinw .rsNav.rsBullets { 16222 display: block; 16223 position: absolute; 16224 width: 100%; 16225 box-sizing: border-box; 16226 left: 0; 16227 right: auto; 16228 bottom: 0; 16229 height: 1.8rem; 16230 float: none; 16231 padding-left: 4.8rem; 16232 } 16233 .section-featured-contents .slider.royalSlider.rsMinw .rsArrow { 16234 display: none !important; 16235 } 16236 .section-featured-contents .slider.royalSlider.rsMinw .content { 16237 width: 58.6rem; 16238 height: 56.7rem; 16239 } 16240 .section-featured-contents .slider.royalSlider.rsMinw .content .badge-container { 16241 right: 2rem; 16242 top: -0.7rem; 16243 } 16244 .section-featured-contents .slider.royalSlider.rsMinw .content .badge-container .badge { 16245 font-size: 1.8rem; 16246 padding: 0.6rem 1rem; 16247 margin-left: 1rem; 16248 } 16249 .section-featured-contents .slider.royalSlider.rsMinw .content .badge-container .badge:before { 16250 font-size: 0.9em; 16251 margin-right: 1rem; 16252 } 16253 .section-featured-contents .slider.royalSlider.rsMinw .content .box { 16254 height: 36rem; 16255 margin-bottom: 4rem; 16256 } 16257 .section-featured-contents .slider.royalSlider.rsMinw .content .name { 16258 width: 90%; 16259 font-size: 3.2rem; 16260 } 16261 .product-category-section { 16262 width: 100%; 16263 padding: 13rem 8rem; 16264 border-radius: 0; 16265 margin: 0 auto 7.4rem; 16266 } 16267 .product-category-section h2 { 16268 font-size: 6.4rem; 16269 line-height: 1.075em; 16270 } 16271 .product-category-section h2 span { 16272 font-size: 3rem; 16273 line-height: 7.2rem; 16274 border-radius: 3.6rem; 16275 margin-top: 4.1rem; 16276 padding: 0 3.6rem; 16277 letter-spacing: -0.03em; 16278 white-space: nowrap; 16279 } 16280 .product-category-section .side { 16281 width: 100%; 16282 text-align: center; 16283 } 16284 .product-category-section .side img { 16285 width: 100%; 16286 display: inline-block; 16287 } 16288 .product-category-section .side .cap { 16289 font-size: 3.6rem; 16290 line-height: 1.34em; 16291 margin: 1.5rem 0 5.9rem; 16292 } 16293 .product-category-section .side .cap .badge { 16294 line-height: 2.6rem; 16295 font-size: 2.4rem; 16296 padding: 0.6rem; 16297 } 16298 .product-category-section .side ul li { 16299 display: block; 16300 width: 100%; 16301 margin-right: 0; 16302 margin-bottom: 2.8rem; 16303 text-align: left; 16304 } 16305 .product-category-section .side ul li a { 16306 font-size: 2.8rem; 16307 } 16308 .product-category-section .side.left { 16309 float: none; 16310 } 16311 .product-category-section .side.right { 16312 float: none; 16313 } 16314 .signup-section { 16315 width: calc(100% - 8rem); 16316 margin: 0 auto; 16317 min-height: 0; 16318 padding: 10.5rem 0 7rem; 16319 } 16320 .signup-section > img { 16321 position: relative; 16322 top: auto; 16323 left: auto; 16324 right: auto; 16325 bottom: auto; 16326 width: 100%; 16327 margin-bottom: 16.2rem; 16328 } 16329 .signup-section h2 { 16330 font-size: 6.4rem; 16331 letter-spacing: normal; 16332 margin-bottom: 5rem; 16333 } 16334 .signup-section p { 16335 font-size: 2.8rem; 16336 margin-bottom: 5rem; 16337 } 16338 .app-bar { 16339 position: fixed; 16340 width: 100%; 16341 box-sizing: border-box; 16342 display: none; 16343 padding: 3rem 4rem; 16344 justify-content: space-between; 16345 align-items: center; 16346 height: 18rem; 16347 color: #fff; 16348 background-color: #1e398f; 16349 bottom: 0; 16350 left: 0; 16351 z-index: 999; 16352 } 16353 .app-bar .icon { 16354 width: 12rem; 16355 height: 12rem; 16356 } 16357 .app-bar .text { 16358 width: 50rem; 16359 font-size: 2.8rem; 16360 color: #fff; 16361 line-height: 1.4em; 16362 } 16363 .app-bar .text .cap { 16364 font-family: 'bold', arial, helvetica, sans-serif; 16365 width: 100%; 16366 margin-bottom: 1.2rem; 16367 } 16368 .app-bar a.button.white { 16369 color: #1e398f; 16370 } 16371 .app-bar a.button.white:hover, 16372 .app-bar a.button.white:active { 16373 color: #1e398f; 16374 background-color: #fff; 16375 } 16376 .app-bar .close { 16377 position: absolute; 16378 display: block; 16379 width: 8rem; 16380 height: 8rem; 16381 background-color: #000; 16382 cursor: pointer; 16383 } 16384 .app-bar.open { 16385 display: flex; 16386 } 16387 .generic-thanks { 16388 width: calc(100% - 8rem); 16389 margin: 0 auto; 16390 padding: 5rem 0; 16391 } 16392 .generic-thanks .icon-check-rounded { 16393 font-size: 8rem; 16394 } 16395 .generic-thanks h2 { 16396 font-family: 'medium', arial, helvestica, sans-serif; 16397 font-size: 4rem; 16398 margin: 3.4rem 0 6.4rem; 16399 } 16400 .akademi-section { 16401 width: 100%; 16402 margin: 0 auto 8rem; 16403 } 16404 .akademi-section .top { 16405 border-radius: 0; 16406 height: auto; 16407 padding: 6.5rem 4rem 14rem; 16408 } 16409 .akademi-section .top .img { 16410 position: relative; 16411 top: auto; 16412 left: auto; 16413 right: auto; 16414 bottom: auto; 16415 width: 47rem; 16416 margin: 0 auto 4rem; 16417 } 16418 .akademi-section .top .text { 16419 position: relative; 16420 top: auto; 16421 left: auto; 16422 right: auto; 16423 bottom: auto; 16424 width: 100%; 16425 } 16426 .akademi-section .top .text .akademi-logo { 16427 width: 32rem; 16428 margin: 0 0 4rem -6.4rem; 16429 } 16430 .akademi-section .top .text h2 { 16431 font-family: 'medium', arial, helvestica, sans-serif; 16432 font-size: 6.4rem; 16433 margin-bottom: 4rem; 16434 letter-spacing: -0.025em; 16435 } 16436 .akademi-section .top .text p { 16437 font-size: 2.8rem; 16438 margin-bottom: 4rem; 16439 } 16440 .cast-card { 16441 width: 60rem; 16442 height: 76rem; 16443 border-radius: 2.6rem; 16444 border: solid 0.2rem #e6e6ed; 16445 box-shadow: 0 2rem 2rem 0 rgba(141, 144, 163, 0.1); 16446 } 16447 .cast-card .img { 16448 height: 28rem; 16449 } 16450 .cast-card .date { 16451 width: 12rem; 16452 padding: 1.8rem 0; 16453 border-radius: 1.2rem; 16454 top: 3rem; 16455 right: 3.7rem; 16456 } 16457 .cast-card .date span.day { 16458 font-size: 5rem; 16459 margin-bottom: 1rem; 16460 } 16461 .cast-card .date span.month, 16462 .cast-card .date span.weekday { 16463 font-size: 2rem; 16464 margin-bottom: 0.4rem; 16465 } 16466 .cast-card .date span.weekday { 16467 margin-bottom: 1rem; 16468 } 16469 .cast-card .date span.time { 16470 font-size: 2rem; 16471 } 16472 .cast-card .inner { 16473 padding: 3.4rem; 16474 } 16475 .cast-card .tags { 16476 margin-bottom: 1.4rem; 16477 height: auto; 16478 } 16479 .cast-card .tags .tag { 16480 margin: 0 1.2rem 1.2rem 0; 16481 } 16482 .cast-card .cap { 16483 padding-right: 21rem; 16484 margin-bottom: 2rem; 16485 height: auto!important; 16486 } 16487 .cast-card .cap h2, 16488 .cast-card .cap h3, 16489 .cast-card .cap h4 { 16490 font-family: 'medium', arial, helvestica, sans-serif; 16491 font-size: 3.2rem; 16492 } 16493 .cast-card .vid-indicator i { 16494 font-size: 6.4rem; 16495 } 16496 .cast-card .vid-indicator span { 16497 font-size: 1.6rem; 16498 } 16499 .cast-card .vid-indicator img { 16500 width: 6.8rem; 16501 margin-left: 1rem; 16502 } 16503 .cast-card .edu-indicator i { 16504 font-size: 4.4rem; 16505 } 16506 .cast-card .edu-indicator span { 16507 font-size: 1.6rem; 16508 }
16508 16509 .cast-card .edu-indicator img { 16510 width: 6.8rem; 16511 margin-left: 1rem; 16512 } 16513 .cast-card .name { 16514 font-size: 2.8rem; 16515 } 16516 .cast-card .name .info { 16517 font-size: 2rem; 16518 margin-top: 3rem; 16519 } 16520 .cast-card .bottom { 16521 bottom: 3.4rem; 16522 min-height: 7.2rem; 16523 } 16524 .cast-card .bottom .people img { 16525 width: 13.4rem; 16526 margin-right: 1rem; 16527 } 16528 .cast-card .bottom .people span { 16529 font-size: 2rem; 16530 } 16531 .cast-card .button { 16532 min-width: 20rem; 16533 bottom: 3.2rem; 16534 left: 3.2rem; 16535 } 16536 .cast-card:hover, 16537 .cast-card:active { 16538 box-shadow: 0 2rem 2rem 0 rgba(141, 144, 163, 0.2); 16539 } 16540 .akademi-slider { 16541 position: relative; 16542 box-sizing: border-box; 16543 width: 67rem; 16544 z-index: 2; 16545 margin: -16rem auto 12rem; 16546 } 16547 .akademi-slider .sec-cap { 16548 font-size: 2.4rem; 16549 margin-bottom: 10rem; 16550 } 16551 .akademi-slider .sec-cap:after { 16552 display: none; 16553 } 16554 .akademi-slider .slider-cont { 16555 height: 80rem; 16556 overflow: visible; 16557 } 16558 .akademi-slider .slider-cont .item { 16559 width: 60rem; 16560 height: 76rem; 16561 } 16562 .akademi-slider .slider-cont .slider.royalSlider.rsMinW { 16563 width: 63.8rem; 16564 height: 76rem; 16565 } 16566 .akademi-slider .slider-cont .slider.royalSlider.rsMinW .rsContent { 16567 width: 63.8rem; 16568 height: 76rem; 16569 } 16570 .akademi-slider .slider-cont .slider.royalSlider.rsMinW .rsSlide { 16571 width: 63.8rem; 16572 height: 76rem; 16573 } 16574 .akademi-slider .slider-cont .slider.royalSlider.rsMinW .rsArrow { 16575 display: none !important; 16576 } 16577 .akademi-slider .slider-arrow { 16578 display: none; 16579 } 16580 .tag { 16581 font-size: 2.2rem; 16582 padding: 0.8rem; 16583 border-radius: 0.8rem; 16584 } 16585 .guide { 16586 width: 100%; 16587 display: flex; 16588 flex-wrap: wrap; 16589 justify-content: space-between; 16590 } 16591 .guide .task { 16592 width: 96%; 16593 padding-left: 24rem; 16594 margin-bottom: 10rem; 16595 } 16596 .guide .task img { 16597 width: 18.4rem; 16598 } 16599 .guide .task p { 16600 font-size: 2.8rem; 16601 opacity: 0.7; 16602 } 16603 .inpage-banner { 16604 width: calc(100% - 8rem); 16605 } 16606 .inpage-banner.special { 16607 border-radius: 5.2rem; 16608 } 16609 .more-contents-section { 16610 width: 100%; 16611 } 16612 .more-contents-section .top { 16613 width: 100%; 16614 box-sizing: border-box; 16615 border-radius: 0; 16616 padding: 9.2rem 4rem 21rem; 16617 } 16618 .more-contents-section .top h2 { 16619 font-size: 6.4rem; 16620 margin-bottom: 5.2rem; 16621 line-height: 1.35em; 16622 } 16623 .more-contents-section .top h2 i { 16624 margin-bottom: 3rem; 16625 font-size: 1.4em; 16626 } 16627 .more-contents-section .top p { 16628 width: 100%; 16629 font-size: 2.8rem; 16630 } 16631 .more-contents-section .top .tab-links a { 16632 font-size: 3.2rem; 16633 padding-bottom: 4.8rem; 16634 margin: 0 5rem; 16635 text-align: left; 16636 } 16637 .more-contents-section .top .tab-links a .only-mobile { 16638 display: block; 16639 } 16640 .more-contents-section .top .tab-links a:after { 16641 height: 0.8rem; 16642 } 16643 .more-contents-section .bottom { 16644 width: 100%; 16645 margin-top: 7.2rem; 16646 padding-left: 4rem; 16647 height: 22rem; 16648 } 16649 .more-contents-section .slider.royalSlider.rsMinW { 16650 width: 68rem; 16651 height: 18rem; 16652 } 16653 .more-contents-section .slider.royalSlider.rsMinW .rsContent { 16654 width: 68rem; 16655 height: 18rem; 16656 } 16657 .more-contents-section .slider.royalSlider.rsMinW .rsSlide { 16658 width: 68rem; 16659 height: 18rem; 16660 overflow: visible; 16661 } 16662 .more-contents-section .slider.royalSlider.rsMinW .box { 16663 padding: 3.3rem 3.3rem 0 22.8rem; 16664 width: 65rem; 16665 height: 18rem; 16666 } 16667 .more-contents-section .slider.royalSlider.rsMinW .box .img { 16668 left: 3.3rem; 16669 width: 14.4rem; 16670 height: 14.4rem; 16671 } 16672 .more-contents-section .slider.royalSlider.rsMinW .box .cap { 16673 font-size: 3.6rem; 16674 margin-bottom: 2rem; 16675 } 16676 .more-contents-section.no-image .slider.royalSlider.rsMinW { 16677 width: 54rem; 16678 } 16679 .more-contents-section.no-image .slider.royalSlider.rsMinW .rsContent { 16680 width: 54rem; 16681 } 16682 .more-contents-section.no-image .slider.royalSlider.rsMinW .rsSlide { 16683 width: 54rem; 16684 } 16685 .more-contents-section.no-image .slider.royalSlider.rsMinW .box { 16686 padding: 4.5rem 3.5rem 0; 16687 width: 48rem; 16688 } 16689 .more-contents-section.no-image .slider.royalSlider.rsMinW .box .cap { 16690 margin-bottom: 0; 16691 line-height: 1.36em; 16692 } 16693 .new-content-banner { 16694 width: calc(100% - 8rem); 16695 margin-top: 0; 16696 } 16697 .formatted-text { 16698 font-size: 2.8rem; 16699 } 16700 .formatted-text p { 16701 font-size: 2.8rem; 16702 margin-bottom: 6.6rem; 16703 } 16704 .formatted-text h1 { 16705 font-size: 4.8rem; 16706 margin-bottom: 3.8rem; 16707 } 16708 .formatted-text h2 { 16709 font-size: 4.4rem; 16710 margin-bottom: 3.8rem; 16711 } 16712 .formatted-text h3 { 16713 font-size: 3.6rem; 16714 margin-bottom: 3.8rem; 16715 } 16716 .formatted-text h4 { 16717 font-size: 2.8rem; 16718 margin-bottom: 3.8rem; 16719 } 16720 .formatted-text ul { 16721 margin-bottom: 6.4rem; 16722 } 16723 .formatted-text ul li { 16724 font-size: 2.8rem; 16725 padding-left: 4.2rem; 16726 margin-bottom: 3.8rem; 16727 } 16728 .formatted-text ul li:before { 16729 top: 1.2rem; 16730 width: 1.8rem; 16731 height: 1.8rem; 16732 } 16733 .formatted-text ol { 16734 margin-bottom: 6.4rem; 16735 } 16736 .formatted-text ol li { 16737 font-size: 2.8rem; 16738 padding-left: 4.2rem; 16739 margin-bottom: 3.8rem; 16740 } 16741 .formatted-text .content-product-card { 16742 width: 100%; 16743 margin-bottom: 4.7rem; 16744 min-height: 43.2rem; 16745 } 16746 .formatted-text .content-product-card .card { 16747 -webkit-transform: translateX(-190%); 16748 -ms-transform: translateX(-190%); 16749 transform: translateX(-190%); 16750 width: 100%; 16751 min-height: 43.2rem; 16752 border-top-right-radius: 2.4rem; 16753 border-bottom-right-radius: 2.4rem; 16754 } 16755 .formatted-text .content-product-card .card > a { 16756 padding: 5.5rem 6.8rem 5.5rem 24.5rem; 16757 } 16758 .formatted-text .content-product-card .card:before { 16759 right: 10rem; 16760 } 16761 .formatted-text .content-product-card .card img { 16762 width: 27rem; 16763 top: 6.9rem; 16764 left: -3rem; 16765 } 16766 .formatted-text .content-product-card .card .text strong.name { 16767 font-size: 3.2rem; 16768 line-height: 1.375em; 16769 margin-bottom: 0.5rem; 16770 } 16771 .formatted-text .content-product-card .card .text p { 16772 font-size: 2.4rem; 16773 line-height: 1.75em; 16774 margin-bottom: 2.3rem; 16775 } 16776 .formatted-text .content-product-card .card .text .detail { 16777 font-size: 2.8rem; 16778 padding-left: 5rem; 16779 } 16780 .formatted-text .content-product-card .card .text .detail i { 16781 font-size: 1.3em; 16782 left: 0; 16783 } 16784 .formatted-text.w100-padding { 16785 padding-left: 4rem; 16786 padding-right: 4rem; 16787 } 16788 .formatted-text.margin-bottom-large { 16789 margin-bottom: 14rem; 16790 } 16791 .mfp-close { 16792 width: 8rem; 16793 height: 8rem; 16794 line-height: 8rem; 16795 font-size: 7rem; 16796 } 16797 .modal.info { 16798 width: 90%; 16799 padding: 9rem 4.5rem 3.5rem; 16800 } 16801 .modal.info .cap { 16802 font-size: 6rem; 16803 margin-bottom: 6rem; 16804 } 16805 .modal.form { 16806 width: 90%; 16807 padding: 7.5rem 7.5rem 3.5rem; 16808 } 16809 .modal.form .mfp-close { 16810 right: 0; 16811 top: 0; 16812 } 16813 .modal.youtube { 16814 width: 91.2%; 16815 margin: 10rem auto 0; 16816 padding-bottom: 51.4%; 16817 } 16818 .modal.youtube .mfp-close { 16819 top: -7rem; 16820 right: -2.3rem; 16821 } 16822 .modal.speacial { 16823 width: 100%; 16824 padding: 7rem 9.9rem; 16825 background-color: #fff; 16826 border-radius: 2.6rem; 16827 height: auto; 16828 } 16829 .modal.speacial .cap { 16830 font-size: 3.5rem; 16831 } 16832 .modal.speacial .overflow { 16833 height: calc(100vh - 80rem); 16834 padding-right: 0; 16835 } 16836 .modal.speacial .header { 16837 height: 26rem; 16838 } 16839 .modal.speacial .footer { 16840 width: 100%; 16841 padding: 4.6rem 0; 16842 } 16843 .modal.speacial .button { 16844 height: auto; 16845 font-size: 2.4rem; 16846 line-height: 1.35em; 16847 text-align: center; 16848 padding: 2.1rem; 16849 flex-basis: 47%; 16850 } 16851 .modal.speacial #explicit-button-close, 16852 .modal.speacial #explicit-error-holder, 16853 .modal.speacial .button br.mobile { 16854 display: none; 16855 } 16856 .modal.confirm { 16857 width: 95%; 16858 padding: 7rem 9.9rem; 16859 }
16860 .modal.confirm .modal-header { 16861 font-size: 4.8rem; 16862 } 16863 .modal.confirm .modal-header i { 16864 margin-bottom: 5.2rem; 16865 } 16866 .modal.confirm .modal-header .cap { 16867 margin-bottom: 6.2rem; 16868 } 16869 .modal.confirm .modal-image { 16870 margin-bottom: 5.2rem; 16871 } 16872 .modal.confirm .modal-body { 16873 font-size: 3.2rem; 16874 margin-bottom: 5.2rem; 16875 } 16876 .modal.confirm .modal-buttons .button { 16877 margin: 0 2rem; 16878 } 16879 .modal.confirm.added-to-basket .modal-image img { 16880 max-height: 36rem; 16881 } 16882 .modal.return-form { 16883 width: 100%; 16884 padding: 6.8rem; 16885 border-radius: 3.2rem; 16886 box-shadow: none; 16887 } 16888 .modal.return-form .mfp-close { 16889 right: 4rem; 16890 top: 5.1rem; 16891 font-size: 10rem; 16892 } 16893 .modal.return-form .cap { 16894 font-size: 4.8rem; 16895 margin-bottom: 6rem; 16896 } 16897 .modal.return-form .form .return-product { 16898 width: 100%; 16899 flex-wrap: wrap; 16900 margin-bottom: 4rem; 16901 margin-top: 4rem; 16902 padding-top: 6rem; 16903 border-top: solid 1px #e6e6ed; 16904 } 16905 .modal.return-form .form .return-product .check { 16906 width: 2.4rem; 16907 margin-right: 3rem; 16908 } 16909 .modal.return-form .form .return-product .img { 16910 position: relative; 16911 width: 15rem; 16912 margin-right: 4rem; 16913 } 16914 .modal.return-form .form .return-product .img img { 16915 width: 100%; 16916 top: -4rem; 16917 } 16918 .modal.return-form .form .return-product .text { 16919 width: 35rem; 16920 margin-right: 0; 16921 margin-bottom: 6.8rem; 16922 } 16923 .modal.return-form .form .return-product .text .name { 16924 font-size: 2.8rem; 16925 } 16926 .modal.return-form .form .return-product .text .price { 16927 font-size: 2.8rem; 16928 } 16929 .modal.return-form .form .return-product .selects { 16930 width: 100%; 16931 } 16932 .modal.return-form .form .return-product .selects .form-item.select { 16933 margin-bottom: 2.8rem; 16934 } 16935 .modal.return-form .buttons { 16936 padding-top: 3.3rem; 16937 text-align: right; 16938 border-top: solid 1px #e6e6ed; 16939 margin-right: 2rem; 16940 } 16941 .modal.return-form .buttons:last-child { 16942 margin-right: 0; 16943 } 16944 .modal.order-adress-form .cap { 16945 font-size: 4.2rem; 16946 margin-bottom: 4.2rem; 16947 } 16948 .modal.order-adress-form .mini-cap { 16949 width: 100%; 16950 font-size: 2.4rem; 16951 margin: 3.2rem auto 4.2rem; 16952 padding: 0; 16953 } 16954 .modal.order-adress-form .form .form-item.radio-inline { 16955 margin-bottom: 3.7rem; 16956 } 16957 .modal.product-filter-modal { 16958 padding: 3rem 2.8rem 3.8rem; 16959 } 16960 .modal.product-filter-modal .mfp-close { 16961 right: 2rem; 16962 top: 2rem; 16963 } 16964 .modal.product-filter-modal .cap { 16965 font-size: 6rem; 16966 margin-bottom: 6.2rem; 16967 } 16968 .modal.product-filter-modal .small-cap { 16969 font-size: 3.2rem; 16970 padding: 4rem 0; 16971 } 16972 .modal.product-filter-modal .modal-accord .small-cap:after { 16973 font-size: 1.6rem; 16974 right: 0; 16975 top: 4.8rem; 16976 } 16977 .modal.product-filter-modal .buttons { 16978 margin-top: 5rem; 16979 } 16980 .modal.product-filter-modal .buttons a.text-link { 16981 font-size: 3rem; 16982 } 16983 .page.category.list .category-bar { 16984 width: 100%; 16985 box-sizing: border-box; 16986 height: auto; 16987 margin-top: 3rem; 16988 margin-bottom: 9.6rem; 16989 padding: 0 4rem; 16990 } 16991 .page.category.list .category-bar .scroll-to { 16992 font-size: 2.8rem; 16993 padding-right: 3.4rem; 16994 margin-right: 7.9rem; 16995 } 16996 .page.category.list .category-bar .scroll-to:after { 16997 font-size: 2.4rem; 16998 } 16999 .category-list .list-section { 17000 width: calc(100% - 8rem); 17001 margin: 0 auto 16rem; 17002 } 17003 .category-list .list-section h2 { 17004 font-size: 6.4rem; 17005 letter-spacing: normal; 17006 margin-bottom: 6.6rem; 17007 } 17008 .category-list .list-section .slider.royalSlider.rsMinW { 17009 width: 63rem; 17010 height: 69rem; 17011 } 17012 .category-list .list-section .slider.royalSlider.rsMinW:before { 17013 display: none; 17014 } 17015 .category-list .list-section .slider.royalSlider.rsMinW .rsContent, 17016 .category-list .list-section .slider.royalSlider.rsMinW .rsSlide { 17017 width: 63rem; 17018 height: 69rem; 17019 } 17020 .category-list .list-section .slider.royalSlider.rsMinW .rsNav.rsBullets { 17021 display: none; 17022 } 17023 .category-list .list-section .slider.royalSlider.rsMinW .rsArrow { 17024 display: none !important; 17025 } 17026 .category-list .list-section .slider.royalSlider.rsMinW .list-item { 17027 width: 58.6rem; 17028 margin-bottom: 3.9rem; 17029 } 17030 .category-list .list-section .slider.royalSlider.rsMinW .list-item .badge-container { 17031 right: 4rem; 17032 top: -1.4rem; 17033 } 17034 .category-list .list-section .slider.royalSlider.rsMinW .list-item .badge-container .badge { 17035 font-size: 1.8rem; 17036 padding: 0.6rem 1rem; 17037 margin-left: 1rem; 17038 } 17039 .category-list .list-section .slider.royalSlider.rsMinW .list-item .badge-container .badge:before { 17040 font-size: 0.9em; 17041 margin-right: 1rem; 17042 } 17043 .category-list .list-section .slider.royalSlider.rsMinW .list-item .box { 17044 position: relative; 17045 width: 58.6rem; 17046 height: 35.9rem; 17047 margin-bottom: 4.7rem; 17048 } 17049 .category-list .list-section .slider.royalSlider.rsMinW .list-item .name { 17050 font-size: 3.2rem; 17051 line-height: 1.35em; 17052 height: 10.6rem; 17053 padding-left: 3.4rem; 17054 } 17055 .category-list .list-section .slider.royalSlider.rsMinW .list-item .desc { 17056 font-size: 2.8rem; 17057 padding-left: 3.4rem; 17058 } 17059 .page.category.list.search-result .page-banner { 17060 height: 40rem; 17061 margin-bottom: 4rem; 17062 } 17063 .page.category.list.search-result .page-banner .text .search-cap { 17064 font-size: 2.4rem; 17065 margin-bottom: 2.4rem; 17066 } 17067 .page.category.list.search-result .page-banner .text .serch-count { 17068 font-size: 3.6rem; 17069 margin-top: 4rem; 17070 } 17071 .category-bar { 17072 width: 100%; 17073 border-radius: 0; 17074 box-shadow: none; 17075 background-color: #fff; 17076 margin: 0 auto 5.6rem; 17077 height: auto; 17078 padding: 0 4rem; 17079 } 17080 .category-bar .scroller { 17081 white-space: nowrap; 17082 padding: 2rem 0;
17083 overflow-y: scroll; 17084 -webkit-overflow-scrolling: touch; 17085 } 17086 .category-bar .button { 17087 margin-right: 2.2rem; 17088 font-size: 2.4rem; 17089 height: 6rem; 17090 line-height: 6rem; 17091 padding: 0 2.1rem; 17092 } 17093 .category-bar .vid-filter { 17094 position: relative; 17095 top: auto; 17096 left: auto; 17097 right: auto; 17098 bottom: auto; 17099 height: 10rem; 17100 width: 100%; 17101 padding: 3rem 0 0; 17102 margin: 4.2rem 0 0; 17103 background-color: #f1f8fc; 17104 border-radius: 2.4rem; 17105 text-align: center; 17106 } 17107 .category-bar .vid-filter span { 17108 width: 4rem; 17109 height: 4rem; 17110 border-radius: 0.8rem; 17111 } 17112 .category-bar .vid-filter i { 17113 margin: 0 0.9rem 0 2.2rem; 17114 font-size: 2.2rem; 17115 } 17116 .category-bar .vid-filter b { 17117 font-size: 2.8rem; 17118 } 17119 .category-bar .vid-filter.active span:after { 17120 font-size: 1.6rem; 17121 } 17122 .category-detail { 17123 width: calc(100% - 8rem); 17124 display: flex; 17125 justify-content: space-between; 17126 flex-wrap: wrap; 17127 margin: 0 auto 3.8rem; 17128 } 17129 .category-detail .list-section h2 { 17130 font-size: 6.4rem; 17131 letter-spacing: normal; 17132 margin-bottom: 6.6rem; 17133 } 17134 .category-detail .list-item { 17135 width: calc(50% - 1.95rem); 17136 margin: 0 0 3.9rem; 17137 } 17138 .category-detail .list-item .badge-container { 17139 right: 2rem; 17140 top: -0.7rem; 17141 } 17142 .category-detail .list-item .badge-container .badge { 17143 font-size: 1.2rem; 17144 padding: 0.6rem 1rem; 17145 margin-left: 0.3rem; 17146 } 17147 .category-detail .list-item .badge-container .badge:before { 17148 margin-right: 1rem; 17149 } 17150 .category-detail .list-item .box { 17151 height: 19.6rem; 17152 margin-bottom: 3.8rem; 17153 } 17154 .category-detail .list-item .name { 17155 font-size: 2.8rem; 17156 line-height: 1.35em; 17157 height: auto; 17158 padding: 0; 17159 } 17160 .category-detail .list-item .desc { 17161 display: none; 17162 } 17163 .content-breadcrumb { 17164 font-family: 'book', arial, helvetica, sans-serif; 17165 font-size: 2.4rem; 17166 width: 100%; 17167 box-sizing: border-box; 17168 padding: 1.6rem 0; 17169 margin: 5.2rem auto; 17170 overflow-y: auto; 17171 } 17172 .content-breadcrumb ul { 17173 white-space: nowrap; 17174 padding: 0 8rem 0 4rem; 17175 } 17176 .content-breadcrumb li:after { 17177 font-size: 0.5em; 17178 padding: 0.8em 0; 17179 } 17180 .page.content .page-banner { 17181 width: calc(100% - 8rem); 17182 margin-left: auto; 17183 margin-right: auto; 17184 } 17185 .page.content .page-banner .text { 17186 width: 100%; 17187 text-align: center; 17188 padding-bottom: 0; 17189 } 17190 .page.content .page-banner .text h1 { 17191 width: auto; 17192 text-align: center; 17193 padding: 2rem 4.2rem; 17194 line-height: 1.5em; 17195 } 17196 .page.content .page-banner.mini { 17197 margin-bottom: 3.2rem; 17198 } 17199 .page.content .page-banner.mini .text { 17200 margin-left: 0; 17201 } 17202 .page.content .section-featured-contents { 17203 margin-bottom: 21.7rem; 17204 } 17205 .page.content .uzman-banner { 17206 margin-bottom: 8.2rem; 17207 } 17208 .content-detail { 17209 width: 100%; 17210 box-sizing: border-box; 17211 position: relative; 17212 padding: 0 4rem; 17213 margin: 0 auto 4rem; 17214 } 17215 .content-detail .utility { 17216 position: relative; 17217 top: auto; 17218 left: auto; 17219 right: auto; 17220 bottom: auto; 17221 width: 100%; 17222 box-sizing: border-box; 17223 } 17224 .content-detail .utility .expert { 17225 position: relative; 17226 box-sizing: border-box; 17227 padding-bottom: 3.8rem; 17228 padding-left: 12rem; 17229 border-bottom: solid 0.2rem #cfd2dd; 17230 margin-bottom: 3.4rem; 17231 } 17232 .content-detail .utility .expert .img { 17233 position: absolute; 17234 width: 10rem; 17235 height: 12rem; 17236 margin-bottom: 0; 17237 left: 0; 17238 top: 0; 17239 } 17240 .content-detail .utility .expert .cap { 17241 font-size: 2.4rem; 17242 } 17243 .content-detail .utility .expert .title { 17244 font-size: 2.4rem; 17245 } 17246 .content-detail .utility .expert .date { 17247 font-size: 2.4rem; 17248 } 17249 .content-detail .utility .line { 17250 width: 100%; 17251 position: relative; 17252 box-sizing: border-box; 17253 padding-right: 18.8rem; 17254 white-space: nowrap; 17255 margin-bottom: 4.6rem; 17256 } 17257 .content-detail .utility .listen { 17258 position: absolute; 17259 top: 50%; 17260 -webkit-transform: translateY(-50%); 17261 -ms-transform: translateY(-50%); 17262 transform: translateY(-50%); 17263 font-size: 2.8rem; 17264 line-height: 8rem; 17265 border-radius: 4rem; 17266 padding: 0 4rem 0 7.5rem; 17267 margin-bottom: 0; 17268 left: auto; 17269 right: 0; 17270 } 17271 .content-detail .utility .listen i { 17272 position: absolute; 17273 top: 50%; 17274 -webkit-transform: translateY(-50%); 17275 -ms-transform: translateY(-50%); 17276 transform: translateY(-50%); 17277 left: 2rem; 17278 } 17279 .content-detail .utility .with-link { 17280 display: inline-block; 17281 vertical-align: middle; 17282 padding-left: 6rem; 17283 font-size: 2.8rem; 17284 line-height: 8rem; 17285 margin-right: 2rem; 17286 } 17287 .content-detail .utility .with-link i { 17288 left: 0.9rem; 17289 font-size: 1.3em; 17290 } 17291 .content-detail .utility .with-link.views i { 17292 font-size: 0.9em; 17293 } 17294 .content-detail .utility .with-link.share { 17295 margin-right: 0; 17296 } 17297 .content-detail .utility .share-cont { 17298 display: inline-block; 17299 vertical-align: middle; 17300 } 17301 .content-detail .utility .sharer { 17302 width: 28rem; 17303 border-radius: 2.4rem; 17304 padding: 3.4rem 2.4rem 0 3.4rem; 17305 top: 8rem; 17306 left: 0; 17307 opacity: 0; 17308 z-index: 9; 17309 } 17310 .content-detail .utility .sharer.active { 17311 opacity: 1; 17312 -webkit-transform: translateY(0); 17313 -ms-transform: translateY(0); 17314 transform: translateY(0); 17315 } 17316 .content-detail .utility .share-link { 17317 color: #1e398f; 17318 font-size: 5.7rem; 17319 margin-bottom: 3rem; 17320 text-align: center; 17321 } 17322 .content-detail .utility .share-link:nth-child(2n+1) { 17323 text-align: center; 17324 } 17325 .content-detail .like { 17326 text-align: center; 17327 padding-top: 4.8rem; 17328 } 17329 .content-detail .like .like-button { 17330 font-size: 2.8rem; 17331 padding-left: 4.7rem; 17332 } 17333 .content-detail .formatted-text { 17334 border-bottom: dashed 0.2rem #6174b0; 17335 } 17336 a.google-safe { 17337 border-radius: 1.3rem; 17338 border: solid 1px #1e398f; 17339 padding: 0.6em 1em; 17340 margin-bottom: 3.2rem;
17341 align-items: flex-start; 17342 } 17343 a.google-safe span { 17344 font-size: 2.8rem; 17345 } 17346 a.google-safe img { 17347 width: 10rem; 17348 margin-right: 1em; 17349 } 17350 .content-desc { 17351 font-size: 3.6rem; 17352 margin-bottom: 4.2rem; 17353 } 17354 .content-read-more .info { 17355 padding: 0 0 0 11.7rem; 17356 line-height: 1.6em; 17357 font-size: 2.8rem; 17358 margin-bottom: 5rem; 17359 letter-spacing: -0.03em; 17360 } 17361 .content-read-more .info:before { 17362 top: 1.2rem; 17363 font-size: 8rem; 17364 } 17365 .content-read-more .card { 17366 border-radius: 2.4rem; 17367 background-color: #fff; 17368 margin-bottom: 3.9rem; 17369 padding: 3.6rem 7.3rem 3.6rem 3.6rem; 17370 min-height: 0; 17371 } 17372 .content-read-more .card .img { 17373 display: none; 17374 } 17375 .content-read-more .card .cap { 17376 font-size: 3.6rem; 17377 margin-bottom: 4.4rem; 17378 } 17379 .content-read-more .card p { 17380 font-size: 2.4rem; 17381 line-height: 1.8em; 17382 margin-bottom: 6rem; 17383 } 17384 .content-nutrition { 17385 margin: 3.4rem auto 7rem; 17386 border-radius: 2.4rem; 17387 padding: 6rem 7rem 9rem; 17388 } 17389 .content-nutrition .cap { 17390 font-size: 3.6rem; 17391 margin-bottom: 9rem; 17392 } 17393 .content-nutrition .content { 17394 flex-wrap: wrap; 17395 } 17396 .content-nutrition .nutrition { 17397 margin: 0; 17398 margin-bottom: 11.3rem; 17399 width: calc(50% - 4rem); 17400 } 17401 .content-nutrition .nutrition strong { 17402 font-size: 2.4rem; 17403 margin-bottom: 5.5rem; 17404 } 17405 .content-nutrition .nutrition i { 17406 font-size: 3.2rem; 17407 } 17408 .content-sources-cont { 17409 margin: 4.4rem auto 6.4rem; 17410 padding-top: 4rem; 17411 } 17412 .content-sources-cont .cap { 17413 font-size: 2.8rem; 17414 } 17415 .content-sources-cont .content-sources { 17416 min-height: 19.2rem; 17417 max-height: 32rem; 17418 } 17419 .content-sources-cont .content-sources-button { 17420 bottom: -2rem; 17421 } 17422 .content-sources-cont:after { 17423 min-height: 19.2rem; 17424 } 17425 .content-sources-cont.active .content-sources { 17426 padding-bottom: 12rem; 17427 } 17428 .toc-frame { 17429 position: relative; 17430 top: auto; 17431 left: auto; 17432 right: auto; 17433 bottom: auto; 17434 width: 100%; 17435 box-sizing: border-box; 17436 border-radius: 2.4rem; 17437 margin-bottom: 6.6rem; 17438 } 17439 .toc-cap { 17440 border-radius: 2.4rem; 17441 padding: 4.6rem; 17442 font-size: 3.2rem; 17443 } 17444 .toc-cap i { 17445 right: 4.6rem; 17446 } 17447 .toc-container a { 17448 font-size: 2.4rem; 17449 padding: 3.2rem 4.6rem; 17450 } 17451 .page.product-list .page-banner .text { 17452 padding-bottom: 2rem; 17453 } 17454 .page.product-list .page-banner .text h1 { 17455 width: 100%; 17456 } 17457 .page.product-list .page-banner .text h1 .badge { 17458 padding: 1.2rem 1rem; 17459 font-size: 2.4rem; 17460 border-radius: 0.6rem; 17461 margin-top: 1.5rem; 17462 } 17463 .product-list-slider-cont { 17464 width: 67rem; 17465 height: 14rem; 17466 } 17467 .pl-filter-bar { 17468 width: 100%; 17469 box-sizing: border-box; 17470 margin: 0 auto 3.2rem; 17471 padding: 3.5rem 4rem 2rem; 17472 border-bottom: none; 17473 } 17474 .pl-filter-bar .cap { 17475 display: none; 17476 } 17477 .pl-filter-bar .cap.only-mobile { 17478 display: block; 17479 width: 100%; 17480 text-align: left; 17481 padding: 2.4rem 0; 17482 font-size: 2.4rem; 17483 } 17484 .pl-filter-bar .left { 17485 width: 100%; 17486 box-sizing: border-box; 17487 float: none; 17488 margin-bottom: 5.2rem; 17489 text-align: center; 17490 padding-bottom: 5rem; 17491 border-bottom: dashed 0.2rem #d8e9f4; 17492 overflow-y: scroll; 17493 -webkit-overflow-scrolling: touch; 17494 } 17495 .pl-filter-bar .left .scroller { 17496 white-space: nowrap; 17497 } 17498 .pl-filter-bar .left .all { 17499 font-size: 2.8rem; 17500 margin-left: 4rem; 17501 } 17502 .pl-filter-bar .left .filter-item input + label { 17503 font-size: 3rem; 17504 height: 7rem; 17505 line-height: 7rem; 17506 border-radius: 3.6rem; 17507 padding: 0 2.6rem; 17508 margin-left: 0.5rem; 17509 margin-right: 0.5rem; 17510 border-width: 0.2rem; 17511 } 17512 .pl-filter-bar .left .filter-item input:checked + label { 17513 padding-right: 6rem; 17514 } 17515 .pl-filter-bar .right { 17516 width: 100%; 17517 float: none; 17518 text-align: center; 17519 } 17520 .pl-filter-bar .filter-button { 17521 font-size: 2.8rem; 17522 line-height: 10rem; 17523 border-radius: 2.4rem; 17524 padding: 0 8.8rem 0 10rem; 17525 } 17526 .pl-filter-bar .filter-button:after { 17527 right: 2.8rem; 17528 } 17529 .pl-filter-bar .filter-button.filter { 17530 margin-right: 2.6rem; 17531 } 17532 .pl-filter-bar .filter-button.filter:before { 17533 left: 2.8rem; 17534 } 17535 .pl-filter-bar .filter-button.sort:before { 17536 left: 1.8rem; 17537 } 17538 .pl-filter-bar .selection { 17539 font-size: 2.8rem; 17540 border-radius: 2.4rem; 17541 } 17542 .pl-filter-bar .selection:before { 17543 width: 4.4rem; 17544 height: 4.4rem; 17545 top: -1.2rem; 17546 } 17547 .pl-filter-bar .selection .cap { 17548 padding-bottom: 3.6rem; 17549 border-width: 0.2rem; 17550 } 17551 .pl-filter-bar .selection.filter { 17552 width: calc(100% - 8rem); 17553 padding: 6.2rem 5rem 5rem; 17554 right: 4rem; 17555 top: 34rem; 17556 } 17557 .pl-filter-bar .selection.filter:before { 17558 left: 17.4rem; 17559 } 17560 .pl-filter-bar .selection.filter > ul > li { 17561 padding-top: 2.8rem; 17562 } 17563 .pl-filter-bar .selection.filter > ul > li .filter-item input + label { 17564 padding-left: 7.4rem; 17565 line-height: 4rem; 17566 margin-bottom: 4.6rem; 17567 } 17568 .pl-filter-bar .selection.filter > ul > li .filter-item input + label:before { 17569 width: 4rem; 17570 height: 4rem; 17571 border-width: 0.2rem; 17572 border-radius: 0.8rem; 17573 } 17574 .pl-filter-bar .selection.filter > ul > li .filter-item input:checked + label:after { 17575 left: 0.9rem; 17576 top: 2rem; 17577 } 17578 .pl-filter-bar .selection.sort { 17579 width: calc(100% - 8rem); 17580 padding: 6.2rem 5rem 5rem; 17581 right: 4rem; 17582 top: 34rem; 17583 } 17584 .pl-filter-bar .selection.sort:before { 17585 right: 15rem; 17586 } 17587 .pl-filter-bar .selection.sort .list { 17588 padding-top: 4.8rem; 17589 } 17590 .pl-filter-bar .selection.sort .list .filter-item input + label { 17591 padding-left: 7.4rem; 17592 margin-bottom: 4.4rem; 17593 line-height: 4rem; 17594 } 17595 .pl-filter-bar .selection.sort .list .filter-item input + label:before { 17596 width: 4rem; 17597 height: 4rem; 17598 border-width: 0.2rem; 17599 } 17600 .pl-filter-bar .selection.sort .list .filter-item input:checked + label:after { 17601 width: 1.6rem; 17602 height: 1.6rem; 17603 top: 2rem; 17604 left: 1.2rem; 17605 } 17606 .pl-new-filter-bar { 17607 width: calc(100% - 8rem); 17608 height: auto; 17609 background-color: transparent; 17610 border-radius: 0; 17611 margin: 0 auto 4.2rem; 17612 box-shadow: none; 17613 } 17614 .pl-new-filter-bar .left, 17615 .pl-new-filter-bar .right { 17616 position: relative; 17617 display: block; 17618 top: auto; 17619 height: auto; 17620 } 17621 .pl-new-filter-bar .left { 17622 width: 100%; 17623 left: auto; 17624 } 17625 .pl-new-filter-bar .right { 17626 width: 100%; 17627 right: auto; 17628 margin-bottom: 3.8rem; 17629 } 17630 .pl-new-filter-bar .right:after { 17631 content: ' '; 17632 display: block; 17633 clear: both; 17634 height: 0; 17635 overflow: hidden; 17636 } 17637 .pl-new-filter-bar .cap { 17638 display: none; 17639 } 17640 .pl-new-filter-bar .button { 17641 margin-right: 1rem; 17642 padding-left: 2rem; 17643 padding-right: 2rem; 17644 } 17645 .pl-new-filter-bar a.text-link { 17646 font-size: 2.4rem; 17647 } 17648 .pl-new-filter-bar .filter-button { 17649 box-sizing: border-box; 17650 font-size: 2.8rem; 17651 line-height: 7.2rem; 17652 padding: 0 3.6rem 0 10rem; 17653 margin-right: 0; 17654 width: calc(50% - 1rem); 17655 } 17656 .pl-new-filter-bar .filter-button:before { 17657 font-size: 1.6em; 17658 left: 3.8rem; 17659 } 17660 .pl-new-filter-bar .filter-button.filter { 17661 float: left; 17662 } 17663 .pl-new-filter-bar .filter-button.filter:before { 17664 content: "\e947"; 17665 left: 3.8rem; 17666 } 17667 .pl-new-filter-bar .filter-button.filter.active:after { 17668 width: 1.8rem; 17669 height: 1.8rem; 17670 top: 1.2rem; 17671 left: 6rem; 17672 } 17673 .pl-new-filter-bar .filter-button.sort { 17674 float: right; 17675 } 17676 .pl-new-filter-bar .filter-button.sort:before { 17677 content: "\e948"; 17678 left: 3.8rem; 17679 } 17680 .pl-new-filter-bar .product-list-search { 17681 display: none; 17682 } 17683 .pl-product-list { 17684 width: calc(100% - 8rem); 17685 margin: 0 auto 3.7rem; 17686 } 17687 .pl-product-list .pl-cap { 17688 font-size: 6.4rem; 17689 letter-spacing: normal; 17690 margin-bottom: 4.2rem; 17691 margin-top: 2.4rem; 17692 } 17693 .pl-product-list .pl-mobile-row { 17694 width: 100%; 17695 } 17696 .pl-product-list .pl-cont { 17697 width: 50%; 17698 } 17699 .pl-product-list .product { 17700 width: 100%; 17701 margin-bottom: 8.4rem; 17702 } 17703 .pl-product-list .product .product-link { 17704 min-height: 30.2rem; 17705 margin-bottom: 0; 17706 } 17707 .pl-product-list .product img { 17708 width: 90%; 17709 } 17710 .pl-product-list .product .name { 17711 font-size: 3.2rem; 17712 line-height: 1.375em; 17713 margin-bottom: 4rem; 17714 min-height: 17.6rem; 17715 } 17716 .pl-product-list .product .detail { 17717 font-size: 2.8rem; 17718 margin-bottom: 4rem; 17719 padding-left: 5rem; 17720 } 17721 .pl-product-list .product .detail i { 17722 top: 42%; 17723 } 17724 .pl-product-list .product .p-info { 17725 font-size: 2.8rem; 17726 padding-top: 2.8rem; 17727 } 17728 .pl-product-list .d2c-para { 17729 margin-bottom: 4rem; 17730 } 17731 .pl-product-list .d2c-para .old, 17732 .pl-product-list .d2c-para .price { 17733 white-space: nowrap; 17734 } 17735 .pl-product-list .d2c-para .old { 17736 font-size: 2rem; 17737 } 17738 .pl-product-list .d2c-para .price { 17739 font-size: 4.4rem; 17740 } 17741 .page.product-list.special-products .page-banner { 17742 margin-bottom: 9.2rem; 17743 } 17744 .page.product-list.special-products .pl-product-list .pl-cap { 17745 font-size: 4.6rem; 17746 } 17747 .page.product-list.special-products .pl-product-list .product { 17748 margin-bottom: 0; 17749 } 17750 .page.product-list.special-products .pl-product-list .product .name { 17751 min-height: 9rem; 17752 margin-bottom: 0; 17753 } 17754 .page.product-list.special-products .pl-product-list .product .desc { 17755 font-size: 2.8rem; 17756 line-height: 1.47em; 17757 } 17758 .pd-cont { 17759 width: 100%; 17760 margin-top: 2rem; 17761 border-radius: 0; 17762 padding: 4.2rem 4rem 10.9rem; 17763 } 17764 .pd-left { 17765 width: 100%; 17766 box-sizing: border-box; 17767 float: none; 17768 } 17769 .pd-left .pd-cargo-info { 17770 display: none; 17771 } 17772 .pd-cargo-info { 17773 height: 10rem; 17774 border-radius: 1.2rem; 17775 padding: 0 5.6rem; 17776 margin-bottom: 4.2rem; 17777 } 17778 .pd-cargo-info .text, 17779 .pd-cargo-info .pd-cargo-date { 17780 font-size: 2.8rem; 17781 margin-left: 2.4rem; 17782 } 17783 .pd-cargo-info.free-size { 17784 padding: 5.6rem; 17785 } 17786 .pd-slider-cont { 17787 width: 100%; 17788 box-sizing: border-box; 17789 float: none; 17790 height: 71.8rem; 17791 margin-bottom: 5.8rem; 17792 } 17793 .pd-slider.royalSlider.rsMinw { 17794 width: 100%; 17795 height: 71.8rem; 17796 } 17797 .pd-slider.royalSlider.rsMinw img.rsImg { 17798 width: 100%; 17799 height: 67rem; 17800 } 17801 .pd-slider.royalSlider.rsMinw .rsOverflow { 17802 width: 100% !important; 17803 height: 67rem !important; 17804 } 17805 .pd-slider.royalSlider.rsMinw .rsThumbs { 17806 display: none; 17807 } 17808 .pd-slider.royalSlider.rsMinw .rsThumb { 17809 display: none; 17810 }
17811 .pd-slider.royalSlider.rsMinw .icon-c-enlarge { 17812 font-size: 5.6rem; 17813 border-top-right-radius: 2rem; 17814 } 17815 .pd-slider.royalSlider.rsMinw .rsNav { 17816 position: absolute; 17817 width: 100%; 17818 left: 0; 17819 right: auto; 17820 bottom: 0; 17821 height: 1.8rem; 17822 float: none; 17823 } 17824 .pd-details { 17825 width: 100%; 17826 box-sizing: border-box; 17827 float: none; 17828 padding: 0 4rem; 17829 } 17830 .pd-details .badge { 17831 font-size: 2.4rem; 17832 padding: 1.4rem 1rem; 17833 margin-bottom: 1.4rem; 17834 border-radius: 0.6rem; 17835 } 17836 .pd-details .badge i { 17837 line-height: 0; 17838 } 17839 .pd-details .product-name { 17840 font-size: 4.4rem; 17841 margin-bottom: 2rem; 17842 } 17843 .pd-details .product-blue { 17844 font-size: 3.6rem; 17845 margin-bottom: 2.4rem; 17846 } 17847 .pd-details .product-desc { 17848 font-size: 2.8rem; 17849 margin-bottom: 2rem; 17850 } 17851 .pd-details .d2c-price { 17852 display: none !important; 17853 padding-bottom: 1.6rem; 17854 } 17855 .pd-details .product-unit-price { 17856 font-size: 2.8rem; 17857 border-width: 0.2rem; 17858 padding-bottom: 3.2rem; 17859 margin-bottom: 3.2rem; 17860 } 17861 .pd-details .product-check-list { 17862 padding-bottom: 0.6rem; 17863 border-width: 0.2rem; 17864 margin-bottom: 3.2rem; 17865 } 17866 .pd-details .product-check-list ul li { 17867 font-size: 2.8rem; 17868 margin-bottom: 1rem; 17869 padding-left: 5.4rem; 17870 margin-bottom: 2.4rem; 17871 } 17872 .pd-details .product-check-list ul li:before { 17873 top: 0.4rem; 17874 left: 0; 17875 width: 3.2rem; 17876 height: 3.2rem; 17877 line-height: 3.2rem; 17878 border-width: 0.2rem; 17879 font-size: 1.4rem; 17880 } 17881 .pd-details .product-skt { 17882 font-size: 2.8rem; 17883 padding-bottom: 0; 17884 margin-bottom: 0; 17885 border-bottom: none; 17886 } 17887 .pd-details .d2c-add-to-basket { 17888 display: none !important; 17889 } 17890 .pd-details .d2c-buy-now { 17891 display: none !important; 17892 /* 17893 .w100; 17894 margin-bottom:3.2rem; 17895 .button { 17896 border-radius:4rem; 17897 height:7.2rem; 17898 line-height:7.2rem; 17899 } 17900 */ 17901 } 17902 .pd-badges { 17903 position: relative; 17904 box-sizing: border-box; 17905 width: calc(100% - 8rem); 17906 margin: 3.2rem auto 6rem; 17907 height: auto; 17908 justify-content: flex-start; 17909 flex-wrap: wrap; 17910 align-items: center; 17911 border-width: 0.2rem; 17912 } 17913 .pd-badges .badge { 17914 box-sizing: border-box; 17915 margin: 5.4rem 0; 17916 padding-left: 10rem; 17917 font-size: 2.4rem; 17918 width: 50%; 17919 } 17920 .pd-badges .badge i { 17921 position: absolute; 17922 top: 50%; 17923 -webkit-transform: translateY(-50%); 17924 -ms-transform: translateY(-50%); 17925 transform: translateY(-50%); 17926 left: 0; 17927 font-size: 6.6rem; 17928 } 17929 .pd-tab-links { 17930 text-align: center; 17931 white-space: nowrap; 17932 } 17933 .pd-tab-links a { 17934 font-size: 3.2rem; 17935 padding-bottom: 2.6rem; 17936 margin: 0 5rem; 17937 white-space: normal; 17938 line-height: 1.35em; 17939 text-align: left; 17940 } 17941 .pd-tab-links a:after { 17942 height: 0.8rem; 17943 } 17944 .pd-tab-links a br { 17945 display: block; 17946 } 17947 .pd-tab-contents { 17948 padding: 10rem 0 0; 17949 width: calc(100% - 8rem); 17950 } 17951 .pd-info-section { 17952 width: 100%; 17953 margin: 4.4rem auto; 17954 } 17955 .pd-info-section .content { 17956 width: 100%; 17957 display: block; 17958 flex-wrap: nowrap; 17959 justify-content: space-between; 17960 align-items: center; 17961 padding: 0; 17962 } 17963 .pd-info-section .img { 17964 width: 100%; 17965 margin-bottom: 7.2rem; 17966 } 17967 .pd-info-section .img.radius { 17968 border-radius: 2.4rem; 17969 } 17970 .pd-info-section .text { 17971 width: 100%; 17972 font-size: 2.8rem; 17973 } 17974 .pd-info-section .text p { 17975 margin-bottom: 7.2rem; 17976 } 17977 .pd-info-section .text p:last-child { 17978 margin-bottom: 0; 17979 } 17980 .pd-sticky-buy { 17981 display: block; 17982 box-shadow: 0 1rem 4.6rem 0 rgba(0, 0, 0, 0.3); 17983 width: 100%; 17984 position: fixed; 17985 z-index: 9999; 17986 bottom: 0; 17987 left: 0; 17988 height: 17rem; 17989 background-color: #fff; 17990 } 17991 .pd-sticky-buy .badge.orange { 17992 display: inline-block; 17993 font-family: 'bold', arial, helvetica, sans-serif; 17994 font-size: 2.4rem; 17995 letter-spacing: 0.025em; 17996 padding: 0 1.4rem; 17997 height: 4rem; 17998 line-height: 4rem; 17999 background-color: #e7c054; 18000 color: #fff; 18001 border-radius: 0.6rem; 18002 margin-bottom: 1.8rem; 18003 white-space: nowrap; 18004 } 18005 .pd-sticky-buy .cont { 18006 position: relative; 18007 width: calc(100% - 8rem); 18008 margin: 0 auto; 18009 display: flex; 18010 justify-content: space-between; 18011 align-items: center; 18012 height: 17rem; 18013 } 18014 .pd-sticky-buy .price { 18015 font-family: 'medium', arial, helvestica, sans-serif; 18016 font-size: 3.6rem; 18017 color: #1e398f; 18018 } 18019 .page.user-forms { 18020 padding-top: 0; 18021 } 18022 .page.user-forms .or {
18023 font-size: 2.4rem; 18024 padding: 4rem 0; 18025 } 18026 .page.user-forms .usr-left { 18027 display: none; 18028 } 18029 .page.user-forms .usr-right { 18030 float: none; 18031 width: calc(100% - 8rem); 18032 margin: 0 auto; 18033 } 18034 .page.user-forms .usr-centered-form { 18035 width: 100%; 18036 } 18037 .usr-form-top { 18038 height: auto; 18039 } 18040 .usr-form-top .back { 18041 font-family: 'book', arial, helvetica, sans-serif; 18042 left: 0; 18043 font-size: 2.4rem; 18044 padding-left: 0; 18045 } 18046 .usr-form-top .back span { 18047 display: none; 18048 } 18049 .usr-form-top .text { 18050 font-size: 2.4rem; 18051 margin-right: 1.5rem; 18052 } 18053 .usr-form-caps { 18054 width: 100%; 18055 padding-top: 6.8rem; 18056 text-align: center; 18057 } 18058 .usr-form-caps h2 { 18059 font-size: 6.4rem; 18060 margin-top: 0; 18061 margin-bottom: 7rem; 18062 } 18063 .usr-form-logo { 18064 display: none; 18065 } 18066 .register-success { 18067 width: 100%; 18068 padding-top: 18rem; 18069 } 18070 .register-success strong { 18071 font-size: 6rem; 18072 margin-bottom: 5rem; 18073 } 18074 .register-success strong i { 18075 margin-bottom: 5rem; 18076 font-size: 1em; 18077 } 18078 .register-success strong#iadeNumber { 18079 margin-top: 4.8rem; 18080 } 18081 .page.user-forms.login .form-item.pwd { 18082 margin-top: 11.6rem; 18083 margin-bottom: 8.1rem; 18084 } 18085 .page.user-forms.login .messages p { 18086 font-family: 'book', arial, helvetica, sans-serif; 18087 font-size: 2.8rem; 18088 margin: 0 auto 3rem; 18089 } 18090 .usr-register-buttons { 18091 width: 100%; 18092 } 18093 .usr-form-baby-info { 18094 margin: 0 auto 1rem; 18095 } 18096 .usr-form-baby-info strong { 18097 font-size: 4.4rem; 18098 margin-bottom: 2.4rem; 18099 } 18100 .usr-form-baby-info p { 18101 font-size: 2.8rem; 18102 margin-bottom: 4.6rem; 18103 } 18104 .delete-baby-btn { 18105 margin-bottom: 4rem; 18106 } 18107 .delete-baby-btn a { 18108 font-size: 2.4rem; 18109 height: 5.2rem; 18110 line-height: 5.2rem; 18111 border-radius: 2.6rem; 18112 padding: 0 8rem 0 2rem; 18113 } 18114 .delete-baby-btn a i { 18115 right: 2rem; 18116 font-size: 1.7em; 18117 } 18118 .sms-control-form { 18119 font-size: 2.8rem; 18120 } 18121 .sms-control-form p { 18122 margin-bottom: 5rem; 18123 } 18124 .generic-form-message { 18125 font-size: 2.8rem; 18126 } 18127 .generic-form-message p { 18128 margin-bottom: 5rem; 18129 } 18130 .page.my-account .my-account-cont { 18131 width: calc(100% - 8rem); 18132 margin: 3rem auto 11.9rem; 18133 border-radius: 3.2rem; 18134 background-color: #eff9ff; 18135 padding-bottom: 10.5rem; 18136 } 18137 .page.my-account .my-account-cont .bg { 18138 width: 100%; 18139 position: relative; 18140 z-index: 1; 18141 min-height: 10rem; 18142 } 18143 .page.my-account .my-account-cont .bg img { 18144 width: 100%; 18145 position: relative; 18146 z-index: 1; 18147 } 18148 .page.my-account .my-account-cont .cap { 18149 width: 100%; 18150 padding-left: 4rem; 18151 margin: 0 auto 6.2rem; 18152 font-size: 4.2rem; 18153 } 18154 .page.my-account .my-account-cont .cap span { 18155 margin-bottom: 2rem; 18156 } 18157 .page.my-account .my-account-cont .my-account-menu { 18158 width: 100%; 18159 } 18160 .page.my-account .usr-tabs { 18161 position: relative; 18162 border-bottom: none; 18163 z-index: 9; 18164 } 18165 .page.my-account .usr-tabs .scroller { 18166 width: 100%; 18167 } 18168 .page.my-account .usr-tabs .scroller:after { 18169 display: none; 18170 } 18171 .page.my-account .usr-tabs a { 18172 display: block; 18173 text-align: left; 18174 padding: 3.2rem 0; 18175 margin: 0; 18176 } 18177 .page.my-account .usr-tabs a br { 18178 display: none; 18179 } 18180 .page.my-account .usr-tabs a:hover:after, 18181 .page.my-account .usr-tabs a:active:after { 18182 display: none; 18183 } 18184 .page.my-account .usr-tabs a.active { 18185 color: #1e398f; 18186 } 18187 .page.my-account .usr-tabs a.active:after { 18188 display: none; 18189 } 18190 .page.my-account .usr-tabs .mobile-border { 18191 display: block; 18192 margin: 2.8rem auto; 18193 border-top: solid 1px #b0bfdd; 18194 } 18195 .callendar-view { 18196 width: calc(100% - 8rem); 18197 margin: 0 auto 5rem; 18198 } 18199 .callendar-view .section-cap { 18200 width: 100%; 18201 margin-bottom: 19.1rem; 18202 } 18203 .activity-cap { 18204 font-size: 3.2rem; 18205 padding-bottom: 2.6rem; 18206 padding-top: 5.4rem; 18207 margin-bottom: 3.6rem; 18208 border-width: 0.2rem; 18209 } 18210 .activity { 18211 margin-bottom: 3.6rem; 18212 height: auto; 18213 borde-radius: 2.4rem; 18214 border-width: 0.2rem; 18215 } 18216 .activity .img { 18217 display: none; 18218 } 18219 .activity .text { 18220 position: relative; 18221 top: auto; 18222 left: auto; 18223 right: auto; 18224 bottom: auto; 18225 width: 100%; 18226 box-sizing: border-box; 18227 height: auto; 18228 padding: 3rem; 18229 } 18230 .activity .left { 18231 position: relative; 18232 top: auto; 18233 left: auto; 18234 right: auto; 18235 bottom: auto; 18236 width: 100%; 18237 height: auto; 18238 padding: 0 0 1rem 0; 18239 } 18240 .activity .right { 18241 width: 100%; 18242 position: relative; 18243 top: auto; 18244 left: auto; 18245 right: auto; 18246 bottom: auto; 18247 height: auto; 18248 padding: 0; 18249 } 18250 .activity .tags { 18251 margin-bottom: 1.2rem; 18252 } 18253 .activity .cap { 18254 font-size: 2.8rem; 18255 margin-bottom: 2.4rem; 18256 height: auto; 18257 } 18258 .activity .name { 18259 font-size: 2.8rem; 18260 margin-bottom: 2.4rem; 18261 } 18262 .activity .date { 18263 padding-left: 4.2rem; 18264 font-size: 2rem; 18265 margin-bottom: 2.4rem; 18266 } 18267 .activity .date .icon-a-time { 18268 left: 0; 18269 top: -0.7rem; 18270 font-size: 1.6em; 18271 } 18272 .activity .people img { 18273 margin-right: 1rem; 18274 } 18275 .activity .people span { 18276 font-size: 2rem; 18277 } 18278 .activity:hover, 18279 .activity:active { 18280 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 18281 } 18282 .usr-tabs { 18283 text-align: left; 18284 width: calc(100% - 8rem); 18285 margin-bottom: 11rem; 18286 border-width: 0.2rem;
18287 overflow-y: scroll; 18288 -webkit-overflow-scrolling: touch; 18289 } 18290 .usr-tabs a { 18291 position: relative; 18292 z-index: 3; 18293 padding: 0 2rem 2.2rem; 18294 margin: 0 3.8rem; 18295 font-size: 3.6rem; 18296 text-align: center; 18297 } 18298 .usr-tabs a:after { 18299 height: 0.7rem; 18300 bottom: 0; 18301 } 18302 .usr-tabs .scroller { 18303 display: block; 18304 white-space: nowrap; 18305 } 18306 .usr-tabs .scroller:after { 18307 display: block; 18308 width: 100%; 18309 position: absolute; 18310 bottom: 0; 18311 left: 0; 18312 content: ""; 18313 height: 0.7rem; 18314 background-color: #e1f3fc; 18315 z-index: 1; 18316 } 18317 .hesap-ayarlarim { 18318 width: 100%; 18319 box-sizing: border-box; 18320 padding: 0 4rem; 18321 } 18322 .hesap-ayarlarim .content { 18323 width: 100%; 18324 float: none; 18325 padding-top: 2.8rem; 18326 } 18327 .hesap-ayarlarim .content .cap { 18328 font-size: 6.4rem; 18329 margin-bottom: 4rem; 18330 } 18331 .hesap-ayarlarim .content .inf { 18332 margin-bottom: 6rem; 18333 font-size: 2.8rem; 18334 line-height: 1.58em; 18335 } 18336 .hesap-ayarlarim .content .form { 18337 padding-top: 7.6rem; 18338 } 18339 .hesap-ayarlarim .babies .btn-add-item { 18340 bottom: -3.5rem; 18341 } 18342 .hesap-ayarlarim .form .divider { 18343 margin-top: 8rem; 18344 } 18345 .auth-menu-cont { 18346 width: 100%; 18347 position: relative; 18348 margin: 0 auto 11.2rem; 18349 line-height: 1.29em; 18350 } 18351 .auth-menu-overlay { 18352 position: fixed; 18353 z-index: 998; 18354 cursor: pointer; 18355 top: 0; 18356 left: 0; 18357 } 18358 .mobile-auth-menu-button { 18359 display: block; 18360 font-family: 'bold', arial, helvetica, sans-serif; 18361 position: relative; 18362 width: 100%; 18363 box-sizing: border-box; 18364 font-size: 2.8rem; 18365 border-radius: 2.4rem; 18366 color: #fff; 18367 background-color: #bfe5f7; 18368 line-height: 1.29em; 18369 padding: 6.3rem 10.3rem 6rem 13.2rem; 18370 -webkit-transition: color 0.2s linear; 18371 transition: color 0.2s linear; 18372 } 18373 .mobile-auth-menu-button br { 18374 display: none; 18375 } 18376 .mobile-auth-menu-button i { 18377 position: absolute; 18378 left: 6rem; 18379 top: 5.5rem; 18380 font-size: 1.8em; 18381 } 18382 .mobile-auth-menu-button:after { 18383 display: inline-block; 18384 position: absolute; 18385 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 18386 speak: never; 18387 font-display: swap; 18388 font-style: normal; 18389 font-weight: normal; 18390 font-variant: normal; 18391 text-transform: none; 18392 line-height: 1; 18393 -webkit-font-smoothing: antialiased; 18394 -moz-osx-font-smoothing: grayscale; 18395 content: "\e903"; 18396 color: #fff; 18397 font-size: 1.2rem; 18398 right: 6.7rem; 18399 top: 7.4rem; 18400 -webkit-transform: rotate(0); 18401 -ms-transform: rotate(0); 18402 transform: rotate(0); 18403 -webkit-transition: transform 0.2s linear, color 0.2 linear; 18404 transition: transform 0.2s linear, color 0.2 linear; 18405 } 18406 .mobile-auth-menu-button.active { 18407 color: #000; 18408 } 18409 .mobile-auth-menu-button.active:after { 18410 color: #000; 18411 -webkit-transform: rotate(-180deg); 18412 -ms-transform: rotate(-180deg); 18413 transform: rotate(-180deg); 18414 } 18415 .auth-menu { 18416 width: 100%; 18417 position: absolute; 18418 display: none; 18419 right: 0; 18420 background-color: #fff; 18421 bottom: -46rem; 18422 float: none; 18423 border-radius: 2.4rem; 18424 overflow: hidden; 18425 z-index: 999; 18426 } 18427 .auth-menu br { 18428 display: none; 18429 } 18430 .auth-menu a { 18431 font-size: 2.8rem; 18432 height: 14.4rem; 18433 padding: 5.3rem 3.2rem 0 10rem; 18434 } 18435 .auth-menu a i { 18436 left: 2.6rem; 18437 } 18438 .auth-menu a.active { 18439 color: #9dc8e3; 18440 background-color: transparent; 18441 } 18442 .uzmana-sorduklarim { 18443 width: calc(100% - 8rem); 18444 } 18445 .uzmana-sorduklarim .cap { 18446 font-size: 6.4rem; 18447 margin-bottom: 6.4rem; 18448 } 18449 .uzmana-sorduklarim .cap .button { 18450 display: none; 18451 } 18452 .question { 18453 margin: 0 auto 6rem; 18454 padding: 5.3rem 6rem; 18455 border-radius: 2.4rem; 18456 border-width: 0.2rem; 18457 } 18458 .question .tag { 18459 margin-bottom: 4.2rem; 18460 } 18461 .question .status .disabled { 18462 font-size: 2.8rem; 18463 height: 7.2rem; 18464 line-height: 7.2rem; 18465 border-radius: 3.6rem; 18466 padding: 0 3.6rem; 18467 } 18468 .question .status .expert { 18469 display: block; 18470 width: 100%; 18471 font-family: 'book', arial, helvetica, sans-serif; 18472 box-sizing: border-box; 18473 min-height: 14.4rem; 18474 padding: 2rem 0 0 18rem; 18475 font-size: 2.8rem; 18476 margin-bottom: 6.4rem; 18477 } 18478 .question .status .expert .img { 18479 width: 14.4rem; 18480 height: 14.4rem; 18481 } 18482 .question .status .expert .mini { 18483 font-size: 2.4rem; 18484 margin-bottom: 1rem; 18485 } 18486 .question .status .expert .title { 18487 font-family: 'medium', arial, helvestica, sans-serif; 18488 display: block; 18489 font-size: 3.6rem; 18490 margin-bottom: 1rem; 18491 } 18492 .question .status .detail-button { 18493 -webkit-transform: none; 18494 -ms-transform: none; 18495 transform: none; 18496 position: relative; 18497 top: auto; 18498 left: auto; 18499 right: auto; 18500 bottom: auto; 18501 } 18502 .question .status.dashed { 18503 padding-top: 6.8rem; 18504 border-width: 0.2rem; 18505 } 18506 .question.idle { 18507 background-color: #fff; 18508 border-color: #fff; 18509 } 18510 .question.answered { 18511 background-color: #eff7fd; 18512 border-color: #6dbff3; 18513 } 18514 .blank-delivery-address, 18515 .blank-invoice-address, 18516 .blank-member-orders, 18517 .blank-member-promotions { 18518 font-size: 3.2rem; 18519 padding: 6.4rem; 18520 } 18521 .page.my-orders .page-banner { 18522 display: none; 18523 } 18524 .page.my-orders .usr-tabs { 18525 display: none; 18526 } 18527 .page.my-orders .list-product-images { 18528 position: absolute; 18529 width: 18rem; 18530 margin-right: 0; 18531 bottom: 6.2rem; 18532 left: 3.8rem; 18533 } 18534 .page.my-orders .list-product-images .img { 18535 font-size: 2.8rem; 18536 line-height: 6.8rem; 18537 width: 6.8rem; 18538 height: 6.8rem; 18539 margin-right: -4rem; 18540 } 18541 .page.my-orders .list-product-images .img:nth-child(1) { 18542 z-index: 1; 18543 } 18544 .page.my-orders .list-product-images .img:nth-child(2) { 18545 z-index: 2; 18546 } 18547 .page.my-orders .list-product-images .img:nth-child(3) { 18548 z-index: 3; 18549 } 18550 .page.my-orders .list-order-id { 18551 width: 50%; 18552 box-sizing: border-box; 18553 margin-right: 0; 18554 padding: 0 2rem 5.5rem 0; 18555 border-bottom: solid 1px #e6e6ed; 18556 min-height: 16rem; 18557 } 18558 .page.my-orders .list-order-id .cap { 18559 font-size: 2.8rem; 18560 margin-bottom: 2rem; 18561 } 18562 .page.my-orders .list-order-id .info { 18563 font-size: 2.8rem; 18564 } 18565 .page.my-orders .list-order-status { 18566 position: absolute; 18567 left: 3.8rem; 18568 bottom: 17.6rem; 18569 width: auto; 18570 } 18571 .page.my-orders .list-order-status .cap { 18572 font-size: 2.8rem; 18573 margin-bottom: 2rem; 18574 } 18575 .page.my-orders .list-order-status .info { 18576 font-size: 2.8rem; 18577 } 18578 .page.my-orders .list-total { 18579 width: 50%; 18580 box-sizing: border-box; 18581 margin-right: 0; 18582 padding: 0 0 5.5rem 2rem; 18583 border-bottom: solid 1px #e6e6ed; 18584 min-height: 16rem; 18585 } 18586 .page.my-orders .list-total .cap { 18587 font-size: 2.8rem; 18588 margin-bottom: 2rem; 18589 } 18590 .page.my-orders .list-total .info { 18591 font-size: 4rem; 18592 } 18593 .page.my-orders .list-arrow { 18594 position: absolute; 18595 top: 6.9rem; 18596 width: 6.6rem; 18597 right: 3.8rem; 18598 z-index: 3; 18599 font-size: 2rem; 18600 } 18601 .order-list { 18602 width: calc(100% - 8rem); 18603 } 18604 .order-list .order { 18605 position: relative; 18606 height: 50rem; 18607 padding: 6.2rem 3.8rem; 18608 border-radius: 5.2rem; 18609 margin-bottom: 4rem;
18610 align-items: flex-start; 18611 } 18612 .order-detail { 18613 width: calc(100% - 8rem); 18614 margin: 0 auto; 18615 padding: 5.5rem 3.8rem; 18616 border-radius: 5.2rem; 18617 margin-bottom: 4rem; 18618 } 18619 .order-detail .list-total { 18620 width: 50%; 18621 } 18622 .order-detail .order-product { 18623 padding: 3rem 0; 18624 } 18625 .order-detail .order-product .img { 18626 width: 11.4rem; 18627 margin-right: 3rem; 18628 } 18629 .order-detail .order-product .text { 18630 width: 40rem; 18631 margin-right: 3rem; 18632 } 18633 .order-detail .order-product .text .name { 18634 font-size: 2.8rem; 18635 } 18636 .order-detail .order-product .text .price { 18637 font-size: 2.8rem; 18638 } 18639 .order-detail .order-product .button { 18640 font-size: 2.8rem; 18641 line-height: 6rem; 18642 height: 6rem; 18643 } 18644 .order-detail .return-box { 18645 border-radius: 5.2rem; 18646 margin-bottom: 5.3rem; 18647 } 18648 .order-detail .return-box .return-info { 18649 background-color: #fff6de; 18650 padding: 2.8rem 4rem; 18651 } 18652 .order-detail .return-box .return-info .cap { 18653 font-size: 2.8rem; 18654 margin-bottom: 2.8rem; 18655 } 18656 .order-detail .return-box .return-info .text { 18657 font-size: 2.8rem; 18658 margin-bottom: 2.8rem; 18659 line-height: 1.3em; 18660 } 18661 .order-detail .return-box .return-info .info { 18662 font-size: 2.8rem; 18663 line-height: 1.4em; 18664 } 18665 .order-detail .order { 18666 width: 100%; 18667 box-sizing: border-box; 18668 } 18669 .order-detail .order .top { 18670 position: relative; 18671 align-items: flex-start; 18672 height: 45rem; 18673 } 18674 .order-detail .order .top .list-order-status { 18675 left: 0; 18676 } 18677 .order-detail .order .top .list-product-images { 18678 left: 0; 18679 } 18680 .order-detail .order .order-info-bar { 18681 height: auto; 18682 font-size: 2.8rem; 18683 border-radius: 2.4rem; 18684 line-height: 2em; 18685 padding: 2.5rem; 18686 margin-top: 3.4rem; 18687 } 18688 .order-detail .order .order-info-bar .button { 18689 -webkit-transform: none; 18690 -ms-transform: none; 18691 transform: none; 18692 position: relative; 18693 top: auto; 18694 left: auto; 18695 right: auto; 18696 bottom: auto; 18697 } 18698 .order-detail .order .content { 18699 width: 100%; 18700 box-sizing: border-box; 18701 } 18702 .order-detail .order .content .tab-links { 18703 display: flex; 18704 align-items: flex-end; 18705 padding-left: 3.7rem; 18706 } 18707 .order-detail .order .content .tab-links a { 18708 font-size: 3.2rem; 18709 padding-bottom: 3.2rem; 18710 margin-right: 5rem; 18711 line-height: 1.3em; 18712 } 18713 .order-detail .order .content .tab-links a:after { 18714 height: 0.8rem; 18715 } 18716 .order-detail .order .content .tab-links a .only-mobile { 18717 display: block; 18718 } 18719 .order-detail .order .content .tab-contents .tab-content .cont { 18720 box-sizing: border-box; 18721 border-radius: 3.2rem; 18722 margin-bottom: 5.4rem; 18723 } 18724 .order-detail .order .content .tab-contents .tab-content .return-bottom { 18725 padding: 3.2rem; 18726 } 18727 .order-detail .order .content .tab-contents .tab-content .info-bottom { 18728 padding: 3.2rem; 18729 flex-wrap: wrap; 18730 } 18731 .order-detail .order .content .tab-contents .tab-content .info-bottom .mini-cap { 18732 font-size: 2rem; 18733 margin-bottom: 2rem; 18734 } 18735 .order-detail .order .content .tab-contents .tab-content .info-bottom .text { 18736 font-size: 2.8rem; 18737 } 18738 .order-detail .order .content .tab-contents .tab-content .info-bottom .status { 18739 width: 100%; 18740 margin-right: 0; 18741 margin-bottom: 3.8rem; 18742 padding-bottom: 3.8rem; 18743 border-botom: solid 1px #dae5f4; 18744 } 18745 .order-detail .order .content .tab-contents .tab-content .info-bottom .cargo { 18746 width: 50%; 18747 margin-right: 2rem; 18748 margin-bottom: 3.8rem; 18749 padding-bottom: 3.8rem; 18750 border-botom: solid 1px #dae5f4; 18751 } 18752 .order-detail .order .content .tab-contents .tab-content .info-bottom .number { 18753 width: calc(50% - 2rem); 18754 margin-right: 0; 18755 margin-bottom: 3.8rem; 18756 padding-bottom: 3.8rem; 18757 border-botom: solid 1px #dae5f4; 18758 } 18759 .order-detail .order .content .tab-contents .tab-content .info-bottom .date { 18760 width: 100%; 18761 } 18762 .order-detail .order .content .products { 18763 padding: 0 2.6rem; 18764 } 18765 .order-detail .order .content .products .order-product { 18766 flex-wrap: wrap; 18767 } 18768 .order-detail .order .content .products .order-product .text { 18769 width: 38rem; 18770 margin-right: 0; 18771 margin-bottom: 2.6rem; 18772 } 18773 .order-detail .order .content .products .order-product .name { 18774 margin-bottom: 1rem; 18775 } 18776 .order-detail .order .content .products .shipment-cap { 18777 font-size: 2.8rem; 18778 padding: 2.6rem 0; 18779 } 18780 .order-detail .order .content .order-information { 18781 display: block; 18782 margin-bottom: 6rem; 18783 } 18784 .order-detail .order .content .order-information .adresses { 18785 width: 100%; 18786 margin-bottom: 5rem; 18787 } 18788 .order-detail .order .content .order-information .adresses .cap { 18789 font-size: 4rem; 18790 margin-bottom: 4.8rem; 18791 } 18792 .order-detail .order .content .order-information .adresses .adress { 18793 margin-bottom: 5rem; 18794 } 18795 .order-detail .order .content .order-information .adresses .adress.margin-bottom { 18796 margin-bottom: 14rem; 18797 } 18798 .order-detail .order .content .order-information .adresses .adress .adress-cap { 18799 font-size: 2.8rem; 18800 margin-bottom: 2rem; 18801 } 18802 .order-detail .order .content .order-information .adresses .adress .adress-info { 18803 font-size: 2.8rem; 18804 } 18805 .order-detail .order .content .order-information .adresses .legal { 18806 padding-top: 5rem; 18807 display: flex; 18808 justify-content: space-between; 18809 } 18810 .order-detail .order .content .order-information .adresses .legal a { 18811 font-size: 2.8rem; 18812 margin: 0; 18813 } 18814 .order-detail .order .content .order-information .payment-box { 18815 width: 100%; 18816 border-radius: 3.2rem; 18817 padding: 6rem 4rem; 18818 } 18819 .order-detail .order .content .order-information .payment-box .payment-cap { 18820 font-size: 4rem; 18821 margin-bottom: 4rem; 18822 } 18823 .order-detail .order .content .order-information .payment-box .payment-info { 18824 padding-bottom: 3.2rem; 18825 } 18826 .order-detail .order .content .order-information .payment-box .payment-info span { 18827 font-size: 2.8rem; 18828 } 18829 .order-detail .order .content .order-information .payment-box .payment-info img { 18830 max-width: 5.4rem; 18831 } 18832 .order-detail .order .content .order-information .payment-box .price { 18833 padding: 3rem 0; 18834 } 18835 .order-detail .order .content .order-information .payment-box .price .cap, 18836 .order-detail .order .content .order-information .payment-box .price .amount { 18837 font-size: 2.8rem; 18838 } 18839 .order-detail .order .content .order-information .payment-box .campaign-info { 18840 padding: 2.8rem 2.4rem; 18841 border-radius: 1.6rem; 18842 margin-bottom: 3rem; 18843 } 18844 .order-detail .order .content .order-information .payment-box .campaign-info .cap { 18845 font-size: 3rem; 18846 } 18847 .order-detail .order .content .order-information .payment-box .campaign-info .info { 18848 font-size: 2.4rem; 18849 } 18850 .page.my-orders.address .page-banner { 18851 display: none; 18852 } 18853 .address-list { 18854 width: calc(100% - 8rem); 18855 margin: 0 auto; 18856 padding-bottom: 6rem; 18857 } 18858 .address-list .tab-links { 18859 margin-left: auto; 18860 margin-right: auto; 18861 width: calc(100% - 4rem); 18862 display: flex; 18863 align-items: flex-end; 18864 justify-content: space-between; 18865 } 18866 .address-list .tab-links a { 18867 width: calc(50% - 2.5rem); 18868 text-align: center; 18869 font-size: 3.2rem; 18870 padding-bottom: 3.2rem; 18871 margin-right: 0; 18872 } 18873 .address-list .tab-links a:after { 18874 height: 0.8rem; 18875 } 18876 .address-list .address { 18877 display: block; 18878 font-size: 2.8rem; 18879 justify-content: space-between; 18880 align-items: center; 18881 padding: 3.6rem 6.6rem; 18882 margin-bottom: 4rem; 18883 border-radius: 3.2rem; 18884 } 18885 .address-list .address .text { 18886 width: 100%; 18887 margin-bottom: 3.2rem; 18888 } 18889 .page.my-page.my-coupons .page-banner { 18890 display: none; 18891 } 18892 .page.my-page.my-coupons .usr-tabs { 18893 display: none; 18894 } 18895 .coupon-list { 18896 width: calc(100% - 8rem); 18897 } 18898 .coupon-list .coupon { 18899 flex-wrap: wrap; 18900 justify-content: space-between; 18901 padding: 5.3rem 4rem; 18902 border-radius: 3.2rem; 18903 margin-bottom: 4rem; 18904 } 18905 .coupon-list .coupon .cap { 18906 font-size: 2.8rem; 18907 line-height: 1.3em; 18908 } 18909 .coupon-list .coupon .text { 18910 font-size: 2.8rem; 18911 line-height: 1.3em; 18912 } 18913 .coupon-list .coupon > a { 18914 font-size: 2.8rem; 18915 } 18916 .coupon-list .coupon .name { 18917 width: calc(50% - 2rem); 18918 margin-bottom: 4.8rem; 18919 margin-right: 0; 18920 } 18921 .coupon-list .coupon .time { 18922 width: 50%; 18923 margin-bottom: 4.8rem; 18924 margin-right: 0; 18925 } 18926 .coupon-list .coupon .code { 18927 width: 100%; 18928 margin-right: 0; 18929 margin-bottom: 4.8rem; 18930 } 18931 .corporate-menu { 18932 display: block; 18933 width: calc(100% - 8rem); 18934 height: 21.2rem; 18935 border: none;
18936 overflow-y: scroll; 18937 -webkit-overflow-scrolling: touch; 18938 } 18939 .corporate-menu .scroller { 18940 box-sizing: border-box; 18941 width: auto; 18942 white-space: nowrap; 18943 border-bottom: solid 0.8rem #e1f3fc; 18944 height: 21.2rem; 18945 } 18946 .corporate-menu a { 18947 font-size: 3.2rem; 18948 text-align: center; 18949 padding-bottom: 4rem; 18950 margin: 0 5rem; 18951 white-space: nowrap; 18952 } 18953 .corporate-menu a:first-child { 18954 margin-left: 0; 18955 } 18956 .corporate-menu a:last-child { 18957 margin-right: 0; 18958 } 18959 .corporate-menu a:after { 18960 height: 0.8rem; 18961 bottom: -0.8rem; 18962 } 18963 .static-content { 18964 width: calc(100% - 8rem); 18965 margin: 12rem auto 8rem; 18966 } 18967 .static-content .cap { 18968 font-size: 6.4rem; 18969 margin-bottom: 8rem; 18970 } 18971 .about-us-social { 18972 width: calc(100% - 8rem); 18973 } 18974 .about-us-social .cap { 18975 font-size: 4.4rem; 18976 margin-bottom: 4.5rem; 18977 } 18978 .about-us-social p { 18979 font-size: 2.8rem; 18980 margin-bottom: 6.6rem; 18981 } 18982 .about-us-social a { 18983 font-size: 3.6rem; 18984 height: 10rem; 18985 line-height: 10rem; 18986 margin-bottom: 4rem; 18987 margin-right: 4rem; 18988 border-radius: 2.4rem; 18989 padding: 0 6rem; 18990 } 18991 .preg-calc { 18992 margin: 4.7rem auto 8.6rem; 18993 width: calc(100% - 8rem); 18994 height: auto; 18995 border-width: 0.2rem; 18996 } 18997 .preg-calc .form { 18998 position: relative; 18999 top: auto; 19000 left: auto; 19001 right: auto; 19002 bottom: auto; 19003 -webkit-transform: none; 19004 -ms-transform: none; 19005 transform: none; 19006 width: calc(100% - 6.4rem); 19007 margin: 0 auto; 19008 } 19009 .preg-calc .form .top { 19010 padding-top: 7.3rem; 19011 } 19012 .preg-calc .form .form-item.radio-inline { 19013 margin-bottom: 3rem; 19014 } 19015 .preg-calc .form .form-item.radio-inline input + label { 19016 margin: 0 3rem; 19017 line-height: 1.57em; 19018 padding-left: 8rem; 19019 height: auto; 19020 text-align: left; 19021 } 19022 .preg-calc .form .form-item.radio-inline input + label span { 19023 width: 6rem; 19024 height: 6rem; 19025 } 19026 .preg-calc .form .form-item.radio-inline input + label span:after { 19027 width: 3.6rem; 19028 height: 3.6rem; 19029 } 19030 .preg-calc .form .form-item.radio-inline input + label br { 19031 display: block; 19032 } 19033 .preg-calc .form .form-item.select .fake-cap { 19034 padding-left: 2.5rem; 19035 font-size: 2.8rem; 19036 line-height: 9.8rem; 19037 height: 9.8rem; 19038 } 19039 .preg-calc .form .form-item.select label { 19040 padding: 0 2.5rem 0 28rem; 19041 } 19042 .preg-calc .form .divider { 19043 margin: 2rem auto 8.4rem; 19044 } 19045 .preg-calc .form .type { 19046 display: none; 19047 } 19048 .preg-calc .form .type.gebe-kalma .form-item.input { 19049 width: 100%; 19050 margin: 0 auto 8.4rem; 19051 } 19052 .preg-calc .result { 19053 position: relative; 19054 top: auto; 19055 left: auto; 19056 right: auto; 19057 bottom: auto; 19058 -webkit-transform: none; 19059 -ms-transform: none; 19060 transform: none; 19061 width: calc(100% - 6.4rem); 19062 margin: 0 auto; 19063 padding-bottom: 15rem; 19064 } 19065 .preg-calc .result .cap { 19066 font-size: 4.4rem; 19067 padding-top: 6.4rem; 19068 margin-bottom: 6rem; 19069 } 19070 .preg-calc .result .cap small { 19071 display: block; 19072 width: 100%; 19073 font-size: 3.2rem; 19074 margin-bottom: 1rem; 19075 } 19076 .preg-calc .result .content { 19077 flex-wrap: wrap; 19078 } 19079 .preg-calc .result .content .item { 19080 width: 47%; 19081 margin-bottom: 6.4rem; 19082 } 19083 .preg-calc .result .content .item:first-child { 19084 width: 47%; 19085 } 19086 .preg-calc .result .content .item i { 19087 display: block; 19088 width: 100%; 19089 margin-bottom: 6.4rem; 19090 font-size: 10rem; 19091 } 19092 .preg-calc .result .content .item .text { 19093 font-family: 'medium', arial, helvestica, sans-serif; 19094 font-size: 2.8rem; 19095 } 19096 .preg-calc .result .bottom { 19097 padding-bottom: 5rem; 19098 } 19099 .preg-calc-content { 19100 width: 100%; 19101 margin: 0 auto 9rem; 19102 } 19103 .preg-calc-content .margin-bottom { 19104 margin-bottom: 6.2rem; 19105 } 19106 .preg-calc-content .text { 19107 width: calc(100% - 8rem); 19108 margin: 0 auto; 19109 } 19110 .preg-calc-content .cap { 19111 font-size: 4.4rem; 19112 } 19113 .preg-calc-content .cap.medium { 19114 font-size: 3.6rem; 19115 } 19116 .preg-calc-content .cap.with-icon i { 19117 font-size: 10rem; 19118 margin-bottom: 5.2rem; 19119 } 19120 .preg-calc-content p { 19121 font-size: 2.8rem; 19122 } 19123 .preg-calc-content .info { 19124 width: 100%; 19125 } 19126 .preg-calc-content .result { 19127 width: calc(100% - 8rem); 19128 margin: 0 auto; 19129 } 19130 .preg-calc-content .result .celebrities { 19131 width: 100%; 19132 } 19133 .preg-calc-content .result .celebrities li { 19134 font-size: 2.8rem; 19135 line-height: 1.45em; 19136 height: auto; 19137 width: 48%; 19138 margin-bottom: 2.5em; 19139 padding-left: 13rem; 19140 } 19141 .preg-calc-content .result .celebrities li .img { 19142 width: 10rem; 19143 height: 10rem; 19144 border-radius: 2.8rem; 19145 } 19146 .more-contents-section.preg-test.no-image.margin-bottom { 19147 margin-bottom: 7.2rem; 19148 } 19149 .more-contents-section.preg-test.no-image .slider.royalSlider.rsMinW { 19150 width: 27rem; 19151 } 19152 .more-contents-section.preg-test.no-image .slider.royalSlider.rsMinW .rsContent { 19153 width: 27rem; 19154 } 19155 .more-contents-section.preg-test.no-image .slider.royalSlider.rsMinW .rsSlide { 19156 width: 27rem; 19157 } 19158 .more-contents-section.preg-test.no-image .slider.royalSlider.rsMinW .box { 19159 padding: 4.5rem 2.5rem 0; 19160 color: #9dc8e3; 19161 width: 23rem; 19162 } 19163 .pregnancy-info .pregnancy-text { 19164 display: none; 19165 padding: 12rem 0; 19166 } 19167 .page.corporate.lansman .page-banner { 19168 height: 90rem; 19169 } 19170 .page.corporate.lansman .page-banner .text { 19171 display: none; 19172 } 19173 .page.checkout-faq .page-banner { 19174 height: 40rem; 19175 margin-bottom: 4.5rem; 19176 } 19177 .faq-tab { 19178 text-align: left; 19179 width: calc(100% - 8rem); 19180 margin-bottom: 11rem; 19181 border-width: 0.2rem;
19182 overflow-y: scroll; 19183 -webkit-overflow-scrolling: touch; 19184 } 19185 .faq-tab a { 19186 position: relative; 19187 z-index: 3; 19188 padding: 0 2rem 2.2rem; 19189 margin: 0 3.8rem; 19190 font-size: 3.6rem; 19191 text-align: center; 19192 } 19193 .faq-tab a:after { 19194 height: 0.7rem; 19195 bottom: 0; 19196 } 19197 .faq-tab .scroller { 19198 white-space: nowrap; 19199 } 19200 .faq-tab .scroller:after { 19201 display: block; 19202 width: 100%; 19203 position: absolute; 19204 bottom: 0; 19205 left: 0; 19206 content: ""; 19207 height: 0.7rem; 19208 background-color: #e1f3fc; 19209 z-index: 1; 19210 } 19211 .faq-content { 19212 box-sizing: border-box; 19213 width: calc(100% - 8rem); 19214 margin: 0 auto 9rem; 19215 } 19216 .faq-content .cap { 19217 width: 100%; 19218 font-size: 6.4rem; 19219 margin: 0 auto 5rem; 19220 } 19221 .faq-content .banner { 19222 margin: 0 auto 5rem; 19223 } 19224 .faq-accord { 19225 width: 100%; 19226 margin: 0 auto 5rem; 19227 } 19228 .faq-accord > li { 19229 font-size: 3.6rem; 19230 padding: 5.4rem 5.4rem 5.4rem 0; 19231 cursor: pointer; 19232 border-bottom: solid 0.4rem #e1f3fc; 19233 } 19234 .faq-accord > li .content { 19235 padding-top: 5.4rem; 19236 } 19237 .faq-accord > li:after { 19238 font-size: 1.6rem; 19239 top: 7.3rem; 19240 } 19241 .d2c-aligner { 19242 width: calc(100% - 8rem); 19243 padding: 4rem 0 6rem; 19244 } 19245 .order-container { 19246 width: calc(100% - 8rem); 19247 margin: 1.5rem auto 0; 19248 } 19249 .order-container .content { 19250 padding: 5.2rem; 19251 } 19252 .order-container .cap { 19253 font-size: 6.4rem; 19254 margin-bottom: 6.4rem; 19255 } 19256 .order-container .cap i { 19257 margin-bottom: 5.4rem; 19258 } 19259 .order-container .thanks { 19260 font-size: 3.2rem; 19261 padding: 4.5rem 0 4.5rem 5.8rem; 19262 margin-bottom: 2.2rem; 19263 } 19264 .order-container .thanks i { 19265 top: 4.5rem; 19266 } 19267 .order-container .email, 19268 .order-container .cargo { 19269 font-size: 2.8rem; 19270 padding: 5.1rem 0 3.2rem 14.3rem; 19271 } 19272 .order-container .email i, 19273 .order-container .cargo i { 19274 -webkit-transform: none; 19275 -ms-transform: none; 19276 transform: none; 19277 left: 0; 19278 top: 3.8rem; 19279 width: 10rem; 19280 height: 10rem; 19281 } 19282 .order-container .footer { 19283 padding: 4rem 5.8rem 4rem 12.5rem; 19284 font-size: 2.8rem; 19285 } 19286 .order-container .footer img { 19287 -webkit-transform: none; 19288 -ms-transform: none; 19289 transform: none; 19290 width: 5.8rem; 19291 left: 4rem; 19292 top: 4rem; 19293 } 19294 .new-user-web-wrapper { 19295 width: 90%; 19296 box-shadow: 0 6rem 6rem 0 rgba(141, 144, 163, 0.1); 19297 border-radius: 3.2rem; 19298 border: solid 0.4rem #e6e6ed; 19299 } 19300 .page.new-usr { 19301 padding: 0 0 9rem; 19302 } 19303 .page.new-usr .info.register-info { 19304 font-size: 2.8rem; 19305 margin-bottom: 5.2rem; 19306 } 19307 .page.new-usr .form .form-item.checkbox input + label { 19308 padding-left: 7rem; 19309 } 19310 .page.new-usr .form .form-item.checkbox input + label span { 19311 width: 4.8rem; 19312 height: 4.8rem; 19313 } 19314 .page.new-usr .form .form-item.checkbox input + label span:after { 19315 font-size: 1.7rem; 19316 top: 2.2rem; 19317 left: 0.9rem; 19318 } 19319 .page.new-usr .form .form-item.button-item .err { 19320 margin-top: 4rem; 19321 padding: 0 5rem; 19322 } 19323 .page.new-usr .form .form-item.input label { 19324 font-size: 2.4rem; 19325 } 19326 .page.new-usr .form .form-item.input.date:after { 19327 font-size: 3.6em; 19328 right: 3rem; 19329 top: 2.4rem; 19330 } 19331 .page.new-usr .form .group.baby-group { 19332 padding: 5rem 4rem; 19333 border-radius: 2.4rem; 19334 } 19335 .page.new-usr .form .group.baby-group .form-item-group .form-item { 19336 margin-top: 5rem; 19337 } 19338 .page.new-usr .form .group.baby-group .form-item-group.born-baby { 19339 padding: 6rem 3rem 4rem; 19340 border-radius: 2.4rem; 19341 margin-top: 5rem; 19342 } 19343 .page.new-usr .form .group.baby-group .form-item-group.born-baby > .baby-order { 19344 top: 2rem; 19345 font-size: 2.2rem; 19346 } 19347 .page.new-usr .form .group.baby-group .form-item-group.born-baby .form-item { 19348 margin-top: 5rem; 19349 } 19350 .page.new-usr .form .group.baby-group .form-item-group.born-baby .delete-baby-link { 19351 margin-top: 4rem; 19352 margin-bottom: -1rem; 19353 } 19354 .page.new-usr .form .group.baby-group .form-item-group.born-baby .delete-baby-link a { 19355 font-size: 2.4rem; 19356 height: 3.2rem; 19357 line-height: 5.2rem; 19358 border-radius: 2.6rem; 19359 padding: 0 2rem 0 6rem; 19360 } 19361 .page.new-usr .form .group.baby-group .form-item-group.born-baby .delete-baby-link a i { 19362 left: 2rem; 19363 font-size: 0.8em; 19364 } 19365 .page.new-usr .or { 19366 font-size: 3.6rem; 19367 margin-bottom: 7.4rem; 19368 } 19369 .page.new-usr .or:before { 19370 border-top: dashed 0.2rem #d8e9f4; 19371 } 19372 .page.new-usr .or span { 19373 font-size: 2.8rem; 19374 padding: 2rem 3.2rem; 19375 } 19376 .new-usr-web-nav { 19377 display: none; 19378 } 19379 .new-usr-nav { 19380 display: block; 19381 width: 90%; 19382 height: 22.8rem; 19383 } 19384 .new-usr-nav .back-button { 19385 font-size: 2.4rem; 19386 display: block; 19387 } 19388 .new-usr-cont { 19389 box-sizing: border-box; 19390 width: 100%; 19391 min-height: 140rem; 19392 } 19393 .new-usr-disclaimer { 19394 font-size: 2.2rem; 19395 margin-top: 2.6rem; 19396 padding-bottom: 2.6rem; 19397 }
19398 .new-usr-bg-web { 19399 display: none; 19400 } 19401 .new-usr-bg { 19402 display: block; 19403 width: 100%; 19404 min-height: 140rem; 19405 } 19406 .new-usr-bg .arma { 19407 width: 62rem; 19408 top: 22rem; 19409 } 19410 .new-usr-bg .logo { 19411 width: 32rem; 19412 top: 4rem; 19413 } 19414 .new-usr-entry { 19415 position: absolute; 19416 top: auto; 19417 bottom: 0; 19418 left: 0; 19419 border-radius: 3.2rem; 19420 height: 80rem; 19421 padding: 6rem; 19422 } 19423 .new-usr-entry .logo.only-mobile { 19424 display: block; 19425 position: relative; 19426 top: auto; 19427 left: auto; 19428 right: auto; 19429 bottom: auto; 19430 -webkit-transform: none; 19431 -ms-transform: none; 19432 transform: none; 19433 margin: 0 auto 4.2rem; 19434 width: 45%; 19435 } 19436 .new-usr-entry .logo.only-mobile img { 19437 width: 100%; 19438 } 19439 .new-usr-entry .cap { 19440 font-size: 3.2rem; 19441 margin-bottom: 2rem; 19442 } 19443 .new-usr-entry .cap i { 19444 margin-left: 2rem; 19445 } 19446 .new-usr-entry .info { 19447 font-size: 2.8rem; 19448 margin-bottom: 3rem; 19449 } 19450 .new-usr-entry .login-entry-submit { 19451 right: 2rem; 19452 top: 2rem; 19453 width: 6rem; 19454 height: 6rem; 19455 box-shadow: 0 2.4rem 3rem 0 rgba(0, 0, 0, 0.2); 19456 } 19457 .new-usr-entry .login-entry-submit i { 19458 font-size: 1.6rem; 19459 } 19460 .new-usr-entry .buttons a { 19461 font-size: 2.8rem; 19462 height: 7.4rem; 19463 line-height: 7.4rem; 19464 border-radius: 3.6rem; 19465 padding: 0 3.6rem; 19466 } 19467 .new-usr-entry .buttons a img { 19468 height: 3.6rem; 19469 } 19470 .new-usr-form-cont { 19471 border-radius: 5.3rem; 19472 padding: 3rem; 19473 min-height: 140rem; 19474 } 19475 .new-usr-form-cont .form-cap { 19476 font-size: 3.2rem; 19477 margin-bottom: 5.6rem; 19478 } 19479 .new-usr-form-cont .login-cont { 19480 padding-top: 7rem; 19481 } 19482 .new-usr-form-cont .button.usr-submit { 19483 line-height: 10rem; 19484 height: 10rem; 19485 border-radius: 4.8rem; 19486 box-shadow: 0 3.2rem 4rem 0 rgba(0, 0, 0, 0.15); 19487 } 19488 .heart-loader { 19489 -webkit-transform-origin: 8rem 8rem; 19490 -ms-transform-origin: 8rem 8rem; 19491 transform-origin: 8rem 8rem; 19492 width: 16rem; 19493 height: 16rem; 19494 } 19495 .heart-loader div { 19496 top: 6.4rem; 19497 left: 6.4rem; 19498 width: 6.4rem; 19499 height: 6.4rem; 19500 } 19501 .heart-loader div:after, 19502 .heart-loader div:before { 19503 width: 6.4rem; 19504 height: 6.4rem; 19505 } 19506 .heart-loader div:before { 19507 left: -4.8rem; 19508 } 19509 .heart-loader div:after { 19510 top: -4.8rem; 19511 } 19512 .page.new-usr.forget-password .new-usr-cont .info { 19513 font-size: 2.8rem; 19514 margin-bottom: 3rem; 19515 } 19516 .author-detail-cover { 19517 width: calc(100% - 8rem); 19518 margin: 0 auto 4.8rem; 19519 border-radius: 5.2rem; 19520 height: 40rem; 19521 } 19522 .author-detail-cover .name { 19523 display: none; 19524 } 19525 .author-detail-bar { 19526 width: calc(100% - 8rem); 19527 margin: 0 0 4.7rem 0; 19528 } 19529 .author-detail-bar .tag { 19530 margin-bottom: 2.2rem; 19531 margin-right: 2.2rem; 19532 } 19533 .author-detail-bar .share-cont { 19534 right: -23rem; 19535 top: -2rem; 19536 } 19537 .author-tab-menu-cont { 19538 width: calc(100% - 8rem); 19539 margin: 0 auto; 19540 position: relative; 19541 } 19542 .author-tab-menu-cont .author-tab-links span, 19543 .author-tab-menu-cont .author-tab-links a { 19544 font-size: 3.2rem; 19545 padding-bottom: 5.2rem; 19546 margin-right: 14.8remrem; 19547 } 19548 .author-tab-menu-cont .author-tab-links span:after, 19549 .author-tab-menu-cont .author-tab-links a:after { 19550 height: 0.8rem; 19551 } 19552 .author-detail { 19553 padding-top: 8rem; 19554 } 19555 .author-detail .cap { 19556 font-size: 4.8rem; 19557 width: calc(100% - 8rem); 19558 margin: 0 auto 5.6rem; 19559 } 19560 .author-detail .context { 19561 width: calc(100% - 8rem); 19562 margin: 0 auto; 19563 } 19564 .formatted-text.author-detail { 19565 width: 100%; 19566 padding-top: 8rem; 19567 } 19568 .formatted-text.author-detail .mobile-cap { 19569 display: block; 19570 font-family: 'bold', arial, helvetica, sans-serif; 19571 font-size: 3.6rem; 19572 margin-bottom: 3.2rem; 19573 line-height: 1.4em; 19574 } 19575 .cast-card-slider-cont { 19576 height: 80rem; 19577 } 19578 .cast-card-slider-cont .item { 19579 width: 60rem; 19580 height: 76rem; 19581 } 19582 .cast-card-slider.royalSlider.rsMinW { 19583 width: 63.8rem; 19584 height: 76rem; 19585 } 19586 .cast-card-slider.royalSlider.rsMinW .rsContent { 19587 width: 63.8rem; 19588 height: 76rem; 19589 } 19590 .cast-card-slider.royalSlider.rsMinW .rsSlide { 19591 width: 63.8rem; 19592 height: 76rem; 19593 } 19594 .cast-card-slider.royalSlider.rsMinW .rsArrow { 19595 display: none !important; 19596 } 19597 .author-detail-tabs { 19598 width: calc(100% - 8rem); 19599 margin: 0 auto 0; 19600 } 19601 .author-detail-tabs .links { 19602 width: 100%; 19603 } 19604 .author-detail-tabs .links span { 19605 font-size: 3.2rem; 19606 padding-bottom: 5rem; 19607 margin-right: 5.4rem; 19608 letter-spacing: -0.03em; 19609 } 19610 .author-detail-tabs .links span:after { 19611 height: 0.8rem; 19612 } 19613 .author-detail-tabs .contents { 19614 border-radius: 0; 19615 border: none; 19616 border-top: solid 0.2rem #e6e6ed; 19617 padding: 5.4rem 0 4.5rem; 19618 } 19619 .author-detail-tabs .contents .content { 19620 width: 100%; 19621 font-size: 2.8rem; 19622 } 19623 .page.landing br.no-mobile { 19624 display: none !important; 19625 } 19626 .page.landing .page-banner { 19627 margin-bottom: 2.6rem; 19628 height: 60rem; 19629 } 19630 .page.landing .page-banner .text h1.spanned span, 19631 .page.landing .page-banner .text div.spanned span { 19632 border-radius: 3.5rem; 19633 font-size: 4.2rem; 19634 line-height: 7rem; 19635 padding: 0 4.2rem; 19636 } 19637 .page.landing .page-banner .text h1.spanned.single, 19638 .page.landing .page-banner .text div.spanned.single { 19639 display: block; 19640 } 19641 .page.landing .page-banner .text h1.spanned.mobile, 19642 .page.landing .page-banner .text div.spanned.mobile { 19643 display: block; 19644 } 19645 .page.landing .page-banner .text h1.spanned.web, 19646 .page.landing .page-banner .text div.spanned.web { 19647 display: none; 19648 } 19649 .page.landing.yeni-aptamil .page-banner .text { 19650 top: 47%; 19651 } 19652 .regulation { 19653 box-sizing: border-box; 19654 width: calc(100% - 8rem); 19655 padding: 0 0 0 9.8rem; 19656 line-height: 1.6em; 19657 font-size: 2.4rem; 19658 margin-bottom: 5rem; 19659 letter-spacing: -0.05em; 19660 } 19661 .regulation:before { 19662 top: -0.5rem; 19663 font-size: 8rem; 19664 } 19665 .regulation.margin-bottom { 19666 margin-bottom: 6.4rem; 19667 } 19668 .regulation.single-line-web { 19669 padding-top: 0; 19670 } 19671 .landing-cont { 19672 width: 100%; 19673 } 19674 .landing-cont .content { 19675 width: calc(100% - 8rem); 19676 } 19677 .landing-cont .content.margin-top { 19678 margin-top: 7.2rem; 19679 } 19680 .landing-cont .sub-cap { 19681 font-size: 6.4rem; 19682 margin-bottom: 7.2rem; 19683 } 19684 .landing-cont .small-cap { 19685 font-size: 4.4rem; 19686 margin-bottom: 7.2rem; 19687 } 19688 .landing-cont .spot { 19689 font-size: 3.6rem; 19690 margin-bottom: 7.2rem; 19691 } 19692 .landing-section { 19693 width: 100%; 19694 margin: 4.4rem auto; 19695 padding: 4.4rem 0; 19696 } 19697 .landing-section .content { 19698 width: 100%; 19699 display: block; 19700 flex-wrap: nowrap; 19701 justify-content: space-between; 19702 align-items: center; 19703 padding: 0 4rem; 19704 } 19705 .landing-section .img { 19706 width: 100%; 19707 margin-bottom: 7.2rem; 19708 } 19709 .landing-section .img.radius { 19710 border-radius: 2.4rem; 19711 } 19712 .landing-section .text { 19713 width: 100%; 19714 font-size: 2.8rem; 19715 } 19716 .landing-section .text p { 19717 margin-bottom: 7.2rem; 19718 } 19719 .landing-section .text p:last-child { 19720 margin-bottom: 0; 19721 } 19722 .landing-section.blue-bg { 19723 border-radius: 0; 19724 } 19725 .landing-accord { 19726 margin: 0 auto 5rem; 19727 } 19728 .landing-accord > li { 19729 font-size: 3.6rem; 19730 padding: 5.4rem 5.4rem 5.4rem 0; 19731 cursor: pointer; 19732 border-bottom: solid 0.4rem #e1f3fc; 19733 } 19734 .landing-accord > li .content { 19735 padding-top: 5.4rem; 19736 } 19737 .landing-accord > li:after { 19738 font-size: 1.6rem; 19739 top: 7.3rem; 19740 } 19741 .page.landing.mucize .landing-cont .content { 19742 width: calc(100% - 8rem); 19743 } 19744 .page.landing.mucize .landing-section .text { 19745 width: 100%; 19746 } 19747 .page.landing.mucize .landing-section .app-link { 19748 width: 28rem; 19749 } 19750 .page.landing.mucize .page-banner .banner-link img { 19751 width: 7.6rem; 19752 } 19753 .page.category.list.akademi-landing-v1 .category-list .list-section .slider.royalSlider.rsMinW .list-item .box { 19754 height: 33rem; 19755 } 19756 .page.landing.sizin-hikayeniz .page-banner { 19757 height: 60rem; 19758 } 19759 .page.landing.sizin-hikayeniz .page-banner .banner-link img { 19760 width: 7.6rem; 19761 } 19762 .page.landing.sizin-hikayeniz .landing-section { 19763 width: calc(100% - 8rem); 19764 border-radius: 2.4rem; 19765 } 19766 .page.landing.sizin-hikayeniz .landing-section .spot { 19767 font-size: 4rem; 19768 padding: 0 3.2rem; 19769 margin-bottom: 6rem; 19770 line-height: 1.6em; 19771 } 19772 .page.landing.sizin-hikayeniz .landing-section .spot.bold { 19773 font-size: 4.4rem; 19774 margin-bottom: 0.7rem; 19775 line-height: 1.45em; 19776 } 19777 .page.landing.sizin-hikayeniz .landing-section .content { 19778 display: block; 19779 } 19780 .page.landing.sizin-hikayeniz .landing-section .text { 19781 width: 100%; 19782 } 19783 .page.landing.sizin-hikayeniz .landing-section .section-cap { 19784 font-size: 4.4rem; 19785 margin-bottom: 2.5rem; 19786 } 19787 .page.landing.sizin-hikayeniz .landing-section .section-spot { 19788 font-size: 3.6rem; 19789 margin-bottom: 2.5rem; 19790 } 19791 .page.landing.sizin-hikayeniz .landing-section .section-text { 19792 font-size: 2.8rem; 19793 margin-bottom: 3.2rem; 19794 } 19795 .page.landing.sizin-hikayeniz .landing-section.first {
19796 margin-top: 7.7rem; 19797 padding-bottom: 3rem; 19798 } 19799 .page.landing.sizin-hikayeniz .landing-section.first img.arma-50 { 19800 display: inline-block; 19801 width: 12rem; 19802 height: 16.444rem; 19803 margin: -8.1rem 0 3rem 0; 19804 } 19805 .page.landing.sizin-hikayeniz .landing-section.second { 19806 margin-top: 10.4rem; 19807 padding-bottom: 5.8rem; 19808 } 19809 .page.landing.sizin-hikayeniz .landing-section.second .content { 19810 width: 90%; 19811 } 19812 .page.landing.sizin-hikayeniz .landing-section.second .img { 19813 width: 53.2rem; 19814 margin: -9.5rem 0 0 0; 19815 } 19816 .page.landing.sizin-hikayeniz .landing-section.second .text { 19817 width: 100%; 19818 text-align: center; 19819 padding-top: 2rem; 19820 } 19821 .page.landing.sizin-hikayeniz .landing-section.second .section-text { 19822 width: 100%; 19823 } 19824 .page.landing.sizin-hikayeniz .landing-section.third { 19825 margin: 7.2rem auto 0; 19826 padding-bottom: 5.8rem; 19827 } 19828 .page.landing.sizin-hikayeniz .landing-section.third .content { 19829 width: 90%; 19830 } 19831 .page.landing.sizin-hikayeniz .landing-section.third .img { 19832 width: 47.4rem; 19833 margin: -9.5rem 0 0 0; 19834 } 19835 .page.landing.sizin-hikayeniz .landing-section.third .text { 19836 width: 100%; 19837 text-align: center; 19838 padding-top: 0.8rem; 19839 } 19840 .page.landing.sizin-hikayeniz .landing-section.third .section-cap { 19841 margin-bottom: 1.7rem; 19842 } 19843 .page.landing.sizin-hikayeniz .landing-section.third .section-spot { 19844 width: 100%; 19845 } 19846 .page.landing.sizin-hikayeniz .landing-section.third .section-text { 19847 width: 100%; 19848 } 19849 .page.landing.sizin-hikayeniz .landing-section.fourth { 19850 text-align: center; 19851 margin: 9.9rem auto 0; 19852 padding-bottom: 5.8rem; 19853 } 19854 .page.landing.sizin-hikayeniz .landing-section.fourth .content { 19855 width: 100%; 19856 } 19857 .page.landing.sizin-hikayeniz .landing-section.fourth .app-link { 19858 width: auto; 19859 } 19860 .page.landing.sizin-hikayeniz .landing-section.fourth .img { 19861 width: 100%; 19862 margin: -9.6rem 0 3rem 0; 19863 } 19864 .page.landing.sizin-hikayeniz .landing-section.fourth .img img { 19865 max-width: none; 19866 } 19867 .page.landing.sizin-hikayeniz .landing-section.fourth .img img.large { 19868 width: calc(100% + 7rem); 19869 margin-left: -5.8rem; 19870 } 19871 .page.landing.sizin-hikayeniz .landing-section.fourth .img .app-icon { 19872 margin-top: -4.2rem; 19873 } 19874 .page.landing.sizin-hikayeniz .landing-section.fourth .img .app-icon img { 19875 width: 16rem; 19876 } 19877 .page.landing.sizin-hikayeniz .landing-section.fourth .img .five-star img { 19878 width: 33.8rem; 19879 } 19880 .page.landing.sizin-hikayeniz .landing-section.fourth .img .download-icons { 19881 margin-top: 2.4rem; 19882 } 19883 .page.landing.sizin-hikayeniz .landing-section.fourth .img .download-icons img { 19884 width: 28rem; 19885 } 19886 .page.landing.sizin-hikayeniz .landing-section.fourth .text { 19887 width: 100%; 19888 padding-top: 0; 19889 } 19890 .page.landing.sizin-hikayeniz .landing-section.fourth .section-cap { 19891 margin-bottom: 1.7rem; 19892 } 19893 .page.landing.sizin-hikayeniz .landing-section.fourth .section-spot { 19894 width: 100%; 19895 } 19896 .page.landing.sizin-hikayeniz .landing-section.fourth .section-text { 19897 width: 100%; 19898 } 19899 .page.landing.hayatin-icinden .page-banner { 19900 margin-top: 1rem; 19901 } 19902 .page.landing.hayatin-icinden .spot { 19903 text-align: center; 19904 } 19905 .page.landing.hayatin-icinden .category-slider-cont .box .text div.big-line { 19906 font-size: 5.2rem; 19907 } 19908 .page.landing.hayatin-icinden .category-slider-cont .box .text div.small-line { 19909 font-size: 3.2rem; 19910 } 19911 .page.landing.kalite .page-banner { 19912 height: 90rem; 19913 } 19914 .kalite-text-1 { 19915 width: calc(100% - 8rem); 19916 font-size: 2.8rem; 19917 margin: 0 auto 6rem; 19918 } 19919 .kalite-text-2 { 19920 width: calc(100% - 8rem); 19921 margin: 0 auto 6rem; 19922 } 19923 .kalite-text-2 h2 { 19924 font-size: 4.4rem; 19925 line-height: 1.36em; 19926 } 19927 .kalite-text-2 strong { 19928 font-size: 2.8rem; 19929 line-height: 1.7em; 19930 } 19931 .kalite-list { 19932 width: 100%; 19933 box-sizing: border-box; 19934 margin-bottom: 6rem; 19935 overflow-y: scroll; 19936 -webkit-overflow-scrolling: touch; 19937 padding-left: 4rem; 19938 } 19939 .kalite-list .list-wrap { 19940 width: 214rem; 19941 justify-content: flex-start; 19942 align-items: stretch; 19943 } 19944 .kalite-list .item { 19945 box-sizing: border-box; 19946 width: 62rem; 19947 background-color: #f4fafe; 19948 color: #1e398f; 19949 padding: 3.6rem 8rem 4rem; 19950 margin-right: 4rem; 19951 } 19952 .kalite-list .item .image { 19953 width: 12rem; 19954 height: 12rem; 19955 margin-bottom: 4rem; 19956 } 19957 .kalite-list .item h3 { 19958 font-family: 'bold', arial, helvetica, sans-serif; 19959 font-size: 4.4rem; 19960 margin-bottom: 6rem; 19961 } 19962 .kalite-list .item p { 19963 font-family: 'book', arial, helvetica, sans-serif; 19964 font-size: 3.2rem; 19965 } 19966 .kalite-content { 19967 box-sizing: border-box; 19968 width: calc(100% - 8rem); 19969 margin: 0 auto 6rem; 19970 padding: 3.6rem 6rem 4.8rem; 19971 } 19972 .kalite-content:after { 19973 content: ' '; 19974 display: block; 19975 clear: both; 19976 height: 0; 19977 overflow: hidden; 19978 } 19979 .kalite-content .image { 19980 width: 40.8rem; 19981 float: none; 19982 margin: 0 auto; 19983 } 19984 .kalite-content .image img { 19985 width: 100%; 19986 margin-bottom: 6.4rem; 19987 } 19988 .kalite-content .text { 19989 float: none; 19990 width: 100%; 19991 padding-right: 0; 19992 } 19993 .kalite-content .text h2 { 19994 font-family: 'bold', arial, helvetica, sans-serif; 19995 font-size: 4.4rem; 19996 margin-bottom: 1em; 19997 } 19998 .kalite-content .text p { 19999 font-family: 'book', arial, helvetica, sans-serif; 20000 font-size: 2.8rem; 20001 margin-bottom: 1em; 20002 } 20003 .kalite-content .text ul li { 20004 font-family: 'medium', arial, helvestica, sans-serif; 20005 font-size: 2.8rem; 20006 margin-bottom: 1em; 20007 letter-spacing: -0.04em; 20008 } 20009 .kalite-product-banner { 20010 display: block; 20011 width: 100%; 20012 } 20013 .page.landing.devam-sutu .page-banner { 20014 height: 60rem; 20015 } 20016 .page.landing.devam-sutu .page-banner .text h1.spanned span { 20017 font-size: 3.4rem; 20018 } 20019 .page.landing.devam-sutu .kalite-product-banner { 20020 margin-bottom: 6.8rem; 20021 } 20022 .devam-sutu-text-1 { 20023 width: calc(100% - 8rem); 20024 font-size: 2.8rem; 20025 margin-bottom: 6.8rem; 20026 } 20027 h2.devam-sutu-list-cap { 20028 font-size: 3.4rem; 20029 margin-bottom: 1.2em; 20030 } 20031 .devam-sutu-list { 20032 width: 100%; 20033 box-sizing: border-box;
20034 overflow-y: scroll; 20035 -webkit-overflow-scrolling: touch; 20036 padding-left: 4rem; 20037 margin: 0 auto 4rem; 20038 } 20039 .devam-sutu-list .list-wrap { 20040 width: 100%; 20041 box-sizing: border-box; 20042 width: 194rem; 20043 display: flex; 20044 flex-wrap: nowrap; 20045 justify-content: flex-start; 20046 align-items: stretch; 20047 background-color: transparent; 20048 padding: 0; 20049 border-radius: 0; 20050 } 20051 .devam-sutu-list .item { 20052 box-sizing: border-box; 20053 text-align: center; 20054 width: 60rem; 20055 background-color: #eff6fe; 20056 padding: 6.8rem 4rem; 20057 border-radius: 2.6rem; 20058 margin-right: 4rem; 20059 } 20060 .devam-sutu-list .item .image { 20061 display: inline-block; 20062 width: 100%; 20063 height: auto; 20064 margin-bottom: 6.8rem; 20065 } 20066 .devam-sutu-list .item .image img { 20067 display: inline-block; 20068 width: 17.4rem; 20069 height: 17.4; 20070 } 20071 .devam-sutu-list .item h3 { 20072 font-size: 4.4rem; 20073 margin-bottom: 6.8rem; 20074 min-height: 11.6rem; 20075 } 20076 .devam-sutu-list .item p { 20077 font-size: 3.2rem; 20078 } 20079 .devam-sutu-content { 20080 display: block; 20081 width: calc(100% - 8rem); 20082 height: auto; 20083 margin: 0 auto 6rem; 20084 } 20085 .devam-sutu-content h2 { 20086 font-family: 'medium', arial, helvestica, sans-serif; 20087 font-size: 4.2rem; 20088 margin-bottom: 3rem; 20089 } 20090 .devam-sutu-content .img { 20091 width: 100%; 20092 height: 74rem; 20093 margin-bottom: 6.4rem; 20094 } 20095 .devam-sutu-content .img img { 20096 width: 100%; 20097 } 20098 .devam-sutu-content .text { 20099 width: 100%; 20100 box-sizing: border-box; 20101 padding: 0 4rem; 20102 } 20103 .devam-sutu-content .text ul li { 20104 font-size: 2.8rem; 20105 padding-left: 4.8rem; 20106 } 20107 .devam-sutu-content .text ul li .icon-check { 20108 top: 1rem; 20109 left: 0; 20110 font-size: 1em; 20111 } 20112 .devam-sutu-content.product .img { 20113 width: 100%; 20114 position: relative; 20115 height: 66.6rem; 20116 margin-bottom: 0; 20117 } 20118 .devam-sutu-content.product .img img { 20119 position: absolute; 20120 left: 50%; 20121 top: 50%; 20122 -webkit-transform: translateX(-50%) translateY(-50%); 20123 -ms-transform: translateX(-50%) translateY(-50%); 20124 transform: translateX(-50%) translateY(-50%); 20125 width: 40.4rem; 20126 } 20127 .devam-sutu-content.product .text { 20128 width: calc(100% - 8rem); 20129 margin: 0 auto; 20130 padding: 0 0 4rem; 20131 } 20132 .devam-sutu-content.to-right .img { 20133 width: 100%; 20134 } 20135 .devam-sutu-content.centered-product { 20136 width: calc(100% - 8rem); 20137 display: block; 20138 } 20139 .devam-sutu-content.centered-product .img { 20140 width: 100%; 20141 height: auto; 20142 margin-bottom: 3.2rem; 20143 } 20144 .devam-sutu-content.centered-product .img img { 20145 display: inline-block; 20146 width: 32rem; 20147 } 20148 .devam-sutu-content.centered-product .img img.prosyneo { 20149 width: 30rem; 20150 } 20151 .landing-disclaimer { 20152 text-align: center; 20153 width: calc(100% - 8rem); 20154 margin: 0 auto 6.8rem; 20155 font-size: 2.8rem; 20156 padding: 3.8rem 5.8rem; 20157 line-height: 1.57em; 20158 border-radius: 2.6rem; 20159 } 20160 .landing-notice { 20161 width: calc(100% - 8rem); 20162 margin: 0 auto 6.8rem; 20163 font-size: 2.8rem; 20164 } 20165 .page.landing.gebelik-takvimi .page-banner.small { 20166 height: 40rem; 20167 } 20168 .preg-calendar-entry { 20169 margin: 0 auto 6.2rem; 20170 font-size: 2.8rem; 20171 width: 90%; 20172 } 20173 .preg-calendar-entry h2 { 20174 font-family: 'bold', arial, helvetica, sans-serif; 20175 font-size: 4.2rem; 20176 } 20177 .page.persentil-calculator .page-banner .text h1 { 20178 font-size: 3.6rem; 20179 } 20180 .pers-calc { 20181 width: calc(100% - 8rem); 20182 margin: 4.7rem auto 7.4rem; 20183 padding: 1.6rem 3rem 5.3rem; 20184 border-radius: 2.6rem; 20185 } 20186 .form .pers-row { 20187 display: block; 20188 padding: 3.6rem 0; 20189 border-width: 0.2rem; 20190 } 20191 .form .pers-row .cap-label, 20192 .form .pers-row .long-label { 20193 display: block; 20194 width: 100%; 20195 font-size: 2.8rem; 20196 padding-top: 0; 20197 margin-bottom: 3.2rem; 20198 } 20199 .form .pers-row .long-label br { 20200 display: block; 20201 } 20202 .form .pers-row .form-item .err { 20203 white-space: normal; 20204 } 20205 .form .pers-row.row-1 { 20206 padding: 3.6rem 0 3rem; 20207 align-items: flex-start; 20208 } 20209 .form .pers-row.row-1 .err { 20210 font-size: 2.4rem; 20211 padding-left: 0; 20212 } 20213 .form .pers-row.row-1 .cap-label { 20214 padding-top: 0; 20215 } 20216 .form .pers-row.row-1 .form-item.form-item.radio-inline { 20217 width: 37%; 20218 } 20219 .form .pers-row.row-2 .form-item.input { 20220 width: 100%; 20221 } 20222 .form .pers-row.row-3 { 20223 border: none; 20224 display: flex; 20225 } 20226 .form .pers-row.row-3 .group { 20227 display: block; 20228 width: 30.33%; 20229 margin-left: 3%; 20230 } 20231 .form .pers-row.row-3 .group:first-child { 20232 width: 33.33%; 20233 margin-left: 0; 20234 } 20235 .form .pers-row.row-3 .group:first-child .cap-label { 20236 margin-right: 0; 20237 margin-left: 0; 20238 } 20239 .form .pers-row.row-3 .cap-label { 20240 width: 100%; 20241 margin: 0 0 3.2rem 0; 20242 min-height: 5.7rem; 20243 } 20244 .form .pers-row.row-3 .form-item.input.no-anim { 20245 width: 100%; 20246 } 20247 .form .pers-row.row-3 .form-item.input.no-anim label { 20248 width: 7.9rem; 20249 } 20250 .form .pers-row.row-3 .form-item.input.no-anim input { 20251 padding-right: 8.6rem; 20252 } 20253 .form .pers-row.row-3 .form-item.input.no-anim .form-snap-link.top { 20254 top: auto; 20255 bottom: -4rem; 20256 } 20257 .form .pers-row.row-4.nutrition .form-item.radio-inline { 20258 width: 100%; 20259 margin: 1rem 0 3rem; 20260 } 20261 .form-result { 20262 width: 100%; 20263 padding-top: 1.6rem; 20264 } 20265 .form-result .pers-row { 20266 flex-wrap: wrap; 20267 border-bottom: none; 20268 margin-bottom: 0; 20269 padding: 0; 20270 } 20271 .form-result .pers-row .result { 20272 box-sizing: border-box; 20273 width: 50%; 20274 padding: 4.8rem 1.6rem; 20275 border-bottom: dashed 0.2rem #6dbff3; 20276 } 20277 .form-result .pers-row .result .cap { 20278 font-size: 2.2rem; 20279 letter-spacing: -0.03em; 20280 } 20281 .form-result .pers-row .result .value { 20282 font-size: 2.2rem; 20283 } 20284 .form-result.mobile { 20285 display: block; 20286 box-sizing: border-box; 20287 width: calc(100% - 8rem); 20288 padding-left: 2.5rem; 20289 padding-right: 2.5rem; 20290 background-color: #f7fcff;
20291 border: solid 1px #6dbff3; 20292 border-radius: 2.6rem; 20293 margin-left: auto; 20294 margin-right: auto; 20295 } 20296 .form-result.mobile .result.no-boerder { 20297 border: none; 20298 } 20299 .persentil-error { 20300 width: 100%; 20301 padding-top: 4.8rem; 20302 } 20303 .persentil-error h2 { 20304 font-size: 6.2rem; 20305 margin-bottom: 4.4rem; 20306 } 20307 .persentil-error h2 i { 20308 margin-bottom: 4rem; 20309 } 20310 .persentil-error p { 20311 font-size: 2.8rem; 20312 margin: 0 auto 6.4rem; 20313 } 20314 .pers-calc-content { 20315 width: calc(100% - 8rem); 20316 margin-top: 0; 20317 } 20318 .question-content, 20319 .result-content { 20320 margin: 0 auto 6rem; 20321 padding-top: 6rem; 20322 } 20323 .pers-result-cap { 20324 font-size: 4.4rem; 20325 line-height: 1.45em; 20326 text-align: left; 20327 margin-bottom: 0; 20328 } 20329 .pers-result-cap.web { 20330 display: none; 20331 } 20332 .pers-result-cap.mobile { 20333 display: block; 20334 } 20335 .pers-result-caps { 20336 margin-bottom: 3.6rem; 20337 padding-top: 6rem; 20338 } 20339 .pers-result-caps a { 20340 width: 30rem; 20341 min-height: 19rem; 20342 font-size: 2.8rem; 20343 border-radius: 2.4rem; 20344 padding: 1.2em; 20345 line-height: 1.4em; 20346 white-space: nowrap; 20347 box-shadow: none; 20348 } 20349 .pers-result-caps a strong { 20350 font-size: 5rem; 20351 margin-bottom: 1rem; 20352 } 20353 .pers-result-caps .scroller { 20354 justify-content: flex-start; 20355 flex-wrap: nowrap; 20356 overflow-x: scroll; 20357 -webkit-overflow-scrolling: touch; 20358 padding-bottom: 4rem; 20359 } 20360 .pers-result-content { 20361 font-size: 2.8rem; 20362 } 20363 .pers-result-content p { 20364 font-size: 2.8rem; 20365 margin: 0 auto 4.8rem; 20366 } 20367 .pers-result-content h2 { 20368 font-size: 3.6rem; 20369 margin: 2rem auto 2.8rem; 20370 } 20371 .pers-result-content .dots span { 20372 width: 1.2rem; 20373 height: 1.2rem; 20374 } 20375 .pers-result-content .card { 20376 font-size: 3.6rem; 20377 margin: 0 auto 4.2rem; 20378 border-radius: 2.4rem; 20379 height: 10rem; 20380 line-height: 10rem; 20381 } 20382 .pers-result-content .graph .indicator { 20383 font-size: 2.2rem; 20384 } 20385 .pers-result-content .graph .indicator.x { 20386 bottom: -4rem; 20387 } 20388 .pers-result-content .graph .indicator.y { 20389 left: -6rem; 20390 } 20391 .pers-result-content #result-yas-bas .graph .indicator.y { 20392 left: -10rem; 20393 } 20394 .pers-banner { 20395 font-size: 4.4rem; 20396 border-radius: 2.4rem; 20397 padding: 3.9rem; 20398 margin: 0 auto 6rem; 20399 } 20400 .pers-banner i { 20401 display: block; 20402 width: 100%; 20403 position: relative; 20404 top: auto; 20405 left: auto; 20406 right: auto; 20407 bottom: auto; 20408 font-size: 9rem; 20409 margin-bottom: 3rem; 20410 } 20411 .pers-calcl-old { 20412 width: calc(100% - 8rem); 20413 margin: 6rem auto; 20414 } 20415 .pers-calc-content-old { 20416 width: calc(100% - 8rem); 20417 } 20418 .page.kaka .page-banner { 20419 margin-bottom: 0; 20420 } 20421 .page.kaka .page-banner br.mobile { 20422 display: block; 20423 } 20424 .page.kaka .page-banner .text { 20425 bottom: -3rem; 20426 } 20427 .page.kaka .page-banner .text h1 { 20428 line-height: 1.28em; 20429 padding: 3rem 4.2rem; 20430 } 20431 .k-top { 20432 width: calc(100% - 8rem); 20433 margin: 5rem auto 3.1rem; 20434 padding: 6rem 2rem 6rem; 20435 } 20436 .k-auth { 20437 width: 92%; 20438 margin: 0 auto; 20439 } 20440 .k-auth p { 20441 font-size: 2.8rem; 20442 margin-bottom: 5rem; 20443 } 20444 .k-auth p.margin-bottom { 20445 margin-bottom: 5.8rem; 20446 } 20447 .k-auth p.buttons { 20448 margin-bottom: 5rem; 20449 } 20450 .k-auth p.buttons span { 20451 padding: 0 2rem; 20452 } 20453 .k-top-form.form .form-cap { 20454 font-size: 2.8rem; 20455 } 20456 .k-top-form.form .form-value { 20457 font-size: 2.8rem; 20458 } 20459 .k-top-form.form .kaka-row { 20460 flex-wrap: wrap; 20461 padding: 0 0 3.6rem; 20462 margin-bottom: 3.6rem; 20463 } 20464 .k-top-form.form .kaka-row.row-1 { 20465 border-width: 0.2rem; 20466 padding-bottom: 0; 20467 margin-bottom: 0; 20468 } 20469 .k-top-form.form .kaka-row.row-1 .form-cap { 20470 margin-right: 1%; 20471 width: 36%; 20472 margin-bottom: 3rem; 20473 } 20474 .k-top-form.form .kaka-row.row-1 .form-item.select.child-select { 20475 width: 63%; 20476 margin-right: 0; 20477 margin-bottom: 0; 20478 } 20479 .k-form.form { 20480 width: calc(100% - 8rem); 20481 } 20482 .k-form.form .form-item.photo-file { 20483 width: 48.2rem; 20484 height: 36.4rem; 20485 } 20486 .k-form.form .form-item.photo-file label { 20487 border-radius: 2.4rem; 20488 } 20489 .k-form.form .form-item.photo-file label .plus { 20490 width: 6rem; 20491 height: 6rem; 20492 bottom: -2rem; 20493 right: -2rem; 20494 } 20495 .k-form.form .form-item.photo-file label .photo { 20496 z-index: 1; 20497 } 20498 .k-form.form .form-item.photo-file .image-holder img.close { 20499 width: 6rem; 20500 height: 6rem; 20501 bottom: -2rem; 20502 right: -2rem; 20503 } 20504 .k-form.form .form-item.photo-file .image-holder .content { 20505 border-radius: 2.4rem; 20506 } 20507 .k-form.form .form-item.photo-file.input-error { 20508 padding-bottom: 8rem; 20509 } 20510 .k-tab-scroller { 20511 width: 100%; 20512 margin: 0 auto;
20513 overflow-y: scroll; 20514 -webkit-overflow-scrolling: touch; 20515 padding: 2rem 0; 20516 } 20517 .k-tabs { 20518 display: block; 20519 width: auto; 20520 margin: 0 auto 2rem; 20521 white-space: nowrap; 20522 } 20523 .k-tabs li { 20524 display: inline-block; 20525 vertical-align: middle; 20526 width: 30rem; 20527 height: 19rem; 20528 border-radius: 2.4rem; 20529 font-size: 2.8rem; 20530 padding: 1.8rem 2.8rem; 20531 margin: 0 2.4rem; 20532 } 20533 .k-tabs li i { 20534 margin-bottom: 1.8rem; 20535 } 20536 .k-tabs li .number { 20537 top: 1.6rem; 20538 right: 1.6rem; 20539 width: 3rem; 20540 line-height: 3rem; 20541 font-size: 2.2rem; 20542 } 20543 .k-tabs li .mobile { 20544 display: block; 20545 } 20546 .k-tabs li.first { 20547 margin-left: 0; 20548 } 20549 .k-tabs li.first i { 20550 margin-bottom: 0.4rem; 20551 margin-top: -0.6rem; 20552 } 20553 .k-stage .small-cap { 20554 font-size: 2.8rem; 20555 margin-bottom: 3rem; 20556 } 20557 .k-info { 20558 padding: 4.5rem 3.6rem; 20559 font-size: 2.8rem; 20560 border-radius: 2.4rem; 20561 margin-bottom: 4.6rem; 20562 } 20563 .k-info span.mobile { 20564 display: inline-block; 20565 } 20566 .k-info span.web { 20567 display: none; 20568 } 20569 .k-photo-input { 20570 border-radius: 2.4rem; 20571 padding: 7.8rem 0 5rem; 20572 margin-bottom: 4.4rem; 20573 } 20574 .k-photo-input .error-container { 20575 font-size: 2.8rem; 20576 line-height: 1.6em; 20577 margin-top: 3rem; 20578 } 20579 .k-photo-mobile { 20580 padding-top: 4.2rem; 20581 display: block; 20582 } 20583 .k-photo-mobile p { 20584 margin: 0 auto 4.2rem; 20585 font-size: 2.8rem; 20586 } 20587 .k-photo-mobile .button { 20588 font-family: 'medium', arial, helvestica, sans-serif; 20589 position: relative; 20590 padding-left: 8.2rem; 20591 font-size: 2.6rem; 20592 } 20593 .k-photo-mobile .button i { 20594 position: absolute; 20595 top: 50%; 20596 -webkit-transform: translateY(-50%); 20597 -ms-transform: translateY(-50%); 20598 transform: translateY(-50%); 20599 left: 3.6rem; 20600 font-size: 1.3em; 20601 } 20602 .k-loader { 20603 font-size: 3.2rem; 20604 padding: 4.2rem 0; 20605 } 20606 .loader { 20607 width: 16rem; 20608 height: 6rem; 20609 } 20610 .loader div { 20611 top: 1.6rem; 20612 width: 2.6rem; 20613 height: 2.6rem; 20614 } 20615 .loader div:nth-child(1) { 20616 left: 0.8rem; 20617 } 20618 .loader div:nth-child(2) { 20619 left: 2.4rem; 20620 } 20621 .loader div:nth-child(3) { 20622 left: 6.4rem; 20623 } 20624 .loader div:nth-child(4) { 20625 left: 11.2rem; 20626 } 20627 .k-error { 20628 margin: 2.8rem auto; 20629 font-size: 2.8rem; 20630 } 20631 .k-selector-caps { 20632 width: calc(100% - 8rem); 20633 margin-bottom: 4.4rem; 20634 } 20635 .k-selector-caps strong { 20636 font-size: 2.8rem; 20637 } 20638 .k-selector-caps strong:last-child { 20639 padding-right: 0; 20640 } 20641 .k-selector-cont { 20642 position: relative; 20643 width: 100%; 20644 height: 109.7rem; 20645 border-radius: 2.4rem; 20646 } 20647 .k-selector-cont .bar-cont { 20648 width: 13rem; 20649 height: 99.4rem; 20650 } 20651 .k-selector-cont .bar-cont .bar { 20652 width: 8rem; 20653 height: 99.4rem; 20654 border-radius: 2.4rem; 20655 } 20656 .k-selector-cont .bar-cont.left { 20657 left: 4rem; 20658 } 20659 .k-selector-cont .bar-cont.right { 20660 right: 4rem; 20661 } 20662 .k-bar-item input { 20663 opacity: 0; 20664 pointer-events: none; 20665 position: absolute; 20666 top: 0; 20667 left: 0; 20668 } 20669 .k-bar-item input + label { 20670 height: 14.2rem; 20671 } 20672 .k-bar-item input + label span { 20673 border: solid 1.4rem #fff; 20674 width: 14rem; 20675 height: 14rem; 20676 font-size: 2rem; 20677 } 20678 .k-bar-item input:checked + label span { 20679 -webkit-transform: translateX(-50%) translateY(-50%) scale(1); 20680 -ms-transform: translateX(-50%) translateY(-50%) scale(1); 20681 transform: translateX(-50%) translateY(-50%) scale(1); 20682 } 20683 .k-bar-item.hardness-1 input + label { 20684 border-top-left-radius: 2.4rem; 20685 border-top-right-radius: 2.4rem; 20686 } 20687 .k-bar-item.hardness-7 input + label { 20688 border-bottom-left-radius: 2.4rem; 20689 border-bottom-right-radius: 2.4rem; 20690 } 20691 .k-bar-item.color-1 input + label { 20692 border-top-left-radius: 2.4rem; 20693 border-top-right-radius: 2.4rem; 20694 } 20695 .k-bar-item.color-7 input + label { 20696 border-bottom-left-radius: 2.4rem; 20697 border-bottom-right-radius: 2.4rem; 20698 } 20699 .k-row { 20700 margin: 2.4rem auto 0; 20701 padding: 4.6rem 0; 20702 } 20703 .k-row.margin-bottom { 20704 margin-bottom: 4.6rem; 20705 border-bottom: none; 20706 } 20707 .k-row .cap { 20708 font-size: 2.8rem; 20709 } 20710 .k-row .info { 20711 font-size: 2.4rem; 20712 } 20713 .k-row .options { 20714 display: block; 20715 } 20716 .k-row .options .k-check { 20717 width: 100%; 20718 height: 10rem; 20719 margin-right: 0; 20720 margin-bottom: 2.7rem; 20721 } 20722 .k-row .options .k-check:last-child { 20723 margin-bottom: 0; 20724 } 20725 .k-row .options .k-check input + label { 20726 width: 100%; 20727 height: 10rem; 20728 border-radius: 2.3rem; 20729 border-width: 0.2rem; 20730 padding: 3.2rem 1rem 2.4rem 11rem; 20731 } 20732 .k-row .options .k-check input + label b { 20733 font-size: 2.8rem; 20734 } 20735 .k-row .options .k-check input + label span { 20736 width: 6rem; 20737 height: 6rem; 20738 left: 2.2rem; 20739 } 20740 .k-row .options .k-check input + label span:after { 20741 font-size: 2rem; 20742 } 20743 .k-row .options .k-check input + label br { 20744 display: none; 20745 } 20746 .k-result { 20747 padding-top: 0; 20748 margin-top: -0.6rem; 20749 } 20750 .k-result .k-cap, 20751 .k-result .k-result-cap { 20752 line-height: 1.65em; 20753 font-size: 6rem; 20754 margin-bottom: 0.6rem; 20755 } 20756 .k-result .k-result-cap { 20757 margin-bottom: 1rem; 20758 line-height: 1.25em; 20759 } 20760 .k-result .k-result-cap .k-response-image { 20761 display: inline-block; 20762 margin-bottom: 2.6rem; 20763 width: 12.5rem; 20764 } 20765 .k-result .k-result-subcap { 20766 font-size: 4.4rem; 20767 margin-bottom: 4.7rem; 20768 line-height: 1.22em; 20769 } 20770 .k-result .k-result-info { 20771 font-size: 2.8rem; 20772 padding: 0.6rem 0 0 10rem; 20773 margin-bottom: 6.7rem; 20774 } 20775 .k-result .k-result-info i { 20776 font-size: 6.6rem; 20777 } 20778 .k-result .k-general-cap { 20779 font-size: 4.4rem; 20780 margin-bottom: 2.3rem; 20781 } 20782 .k-result .k-box { 20783 font-size: 2.8rem; 20784 padding: 5rem 4.4rem 7.2rem; 20785 margin-bottom: 8.4rem; 20786 } 20787 .k-result .k-box .box-cap { 20788 font-size: 2.8rem; 20789 height: 7rem; 20790 line-height: 7rem; 20791 padding-left: 9rem; 20792 margin-bottom: 1.3rem; 20793 } 20794 .k-result .k-box .box-cap i { 20795 width: 7rem; 20796 height: 7rem; 20797 font-size: 7rem; 20798 } 20799 .k-result .k-expert-suggestion { 20800 font-size: 2.8rem; 20801 margin-bottom: 6.4rem; 20802 } 20803 .k-result .k-expert-box { 20804 padding: 4.5rem 4rem 6.4rem; 20805 } 20806 .k-result .k-expert-box .box-cap { 20807 font-size: 6.2rem; 20808 margin-bottom: 2.3rem; 20809 } 20810 .k-result .k-expert-box .box-cap i { 20811 font-size: 10rem; 20812 margin-bottom: 2.3rem; 20813 } 20814 .k-result .k-expert-box p { 20815 font-size: 2.8rem; 20816 margin-bottom: 3.4rem; 20817 } 20818 .k-result .k-expert-box p.last { 20819 margin-bottom: 0; 20820 } 20821 .k-result .k-sub-info { 20822 font-size: 4.4rem; 20823 border-radius: 2.4rem; 20824 padding: 3.9rem; 20825 margin: 0 auto 6rem; 20826 } 20827 .k-result .k-sub-info i { 20828 display: block; 20829 width: 100%; 20830 position: relative; 20831 top: auto; 20832 left: auto; 20833 right: auto; 20834 bottom: auto; 20835 font-size: 9rem; 20836 margin-bottom: 3rem; 20837 } 20838 .form .form-item { 20839 margin-bottom: 3.7rem; 20840 } 20841 .form .form-item.input input { 20842 font-size: 2.8rem; 20843 height: 9.8rem; 20844 line-height: 9.8rem; 20845 border-radius: 2.4rem; 20846 border-width: 0.2rem; 20847 padding: 0 3rem; 20848 } 20849 .form .form-item.input label { 20850 font-size: 2.8rem; 20851 padding: 0 2.5rem; 20852 line-height: 9.8rem; 20853 } 20854 .form .form-item.input.date input { 20855 padding-right: 9rem; 20856 } 20857 .form .form-item.input.date:after { 20858 font-size: 3.6em; 20859 right: 2.5rem; 20860 top: 2.2rem; 20861 } 20862 .form .form-item.textarea textarea { 20863 font-size: 2.8rem; 20864 border-radius: 2.4rem; 20865 border-width: 0.2rem; 20866 padding: 3rem; 20867 } 20868 .form .form-item.textarea label { 20869 font-size: 2.8rem; 20870 padding: 3rem; 20871 } 20872 .form .form-item.textarea.normal textarea { 20873 height: 35rem; 20874 } 20875 .form .form-item.checkbox input + label { 20876 font-size: 2.8rem; 20877 padding-left: 5rem; 20878 } 20879 .form .form-item.checkbox input + label span { 20880 width: 4rem; 20881 height: 4rem; 20882 } 20883 .form .form-item.checkbox input + label span:after { 20884 font-size: 1.5rem; 20885 top: 1.9rem; 20886 left: 0.8rem; 20887 } 20888 .form .form-item.select label { 20889 font-size: 2.8rem; 20890 line-height: 9.8rem; 20891 height: 9.8rem; 20892 border-radius: 2.4rem; 20893 border-width: 0.2rem; 20894 padding: 0 8rem 0 3rem; 20895 } 20896 .form .form-item.select label:after { 20897 right: 2.5rem; 20898 } 20899 .form .form-item.info { 20900 font-size: 2.8rem; 20901 } 20902 .form .form-item.radio-inline input + label { 20903 font-size: 2.8rem; 20904 padding-left: 6rem; 20905 margin-right: 6.8rem; 20906 height: 4rem; 20907 line-height: 4rem; 20908 } 20909 .form .form-item.radio-inline input + label span { 20910 width: 4rem; 20911 height: 4rem; 20912 border-width: 0.2rem; 20913 } 20914 .form .form-item.radio-inline input + label span:after { 20915 width: 2rem; 20916 height: 2rem; 20917 left: 0.8rem; 20918 top: 0.8rem; 20919 } 20920 .form .form-item.extra-margin-top { 20921 margin-top: 12rem; 20922 } 20923 .form .form-item.margin-top { 20924 margin-top: 6rem; 20925 } 20926 .form .form-item .err { 20927 font-size: 2.4rem; 20928 } 20929 .form .form-item .form-snap-link { 20930 font-size: 2.8rem; 20931 } 20932 .form .form-item .form-snap-link.left { 20933 left: 0; 20934 } 20935 .form .form-item .form-snap-link.right { 20936 right: 0; 20937 } 20938 .form .form-item .form-snap-link.top { 20939 top: -6.1rem; 20940 } 20941 .form .form-item .form-snap-link.bottom { 20942 bottom: -4rem; 20943 } 20944 .form .form-item .form-snap-link.small { 20945 font-size: 2.4rem; 20946 } 20947 .form .group { 20948 margin-bottom: 3.7rem; 20949 } 20950 .form .inline-cap { 20951 font-size: 2.8rem; 20952 margin-right: 6rem; 20953 } 20954 .form .x2 { 20955 display: block; 20956 justify-content: normal; 20957 } 20958 .form .x2 .form-item.input, 20959 .form .x2 .form-item.select, 20960 .form .x2 .form-item.generic { 20961 width: 100%; 20962 } 20963 .form .divider { 20964 margin: 0.6rem auto 6rem; 20965 border-width: 0.4rem; 20966 } 20967 #emailCheck { 20968 font-size: 2.8rem; 20969 margin-bottom: 8.1rem; 20970 } 20971 footer { 20972 width: 100%; 20973 margin: 5rem auto 0; 20974 } 20975 footer .top { 20976 height: 44.1rem; 20977 border-top-left-radius: 0; 20978 border-top-right-radius: 0; 20979 padding: 3rem 4rem 0; 20980 overflow: hidden; 20981 } 20982 footer .top .mob { 20983 display: block; 20984 } 20985 footer .top h2 { 20986 font-size: 4.2rem; 20987 margin-bottom: 5rem; 20988 line-height: 1.24em; 20989 } 20990 footer .top .app-link { 20991 width: 35.2rem; 20992 margin-right: 0; 20993 margin-bottom: 3.3rem; 20994 } 20995 footer .top .app-image { 20996 width: 35rem; 20997 bottom: auto; 20998 left: auto; 20999 right: 0.2rem; 21000 top: 10.1rem; 21001 } 21002 footer .middle { 21003 width: 100%; 21004 padding: 0 4rem 12.6rem; 21005 border-bottom-left-radius: 0; 21006 border-bottom-right-radius: 0; 21007 } 21008 footer .f-links { 21009 padding-bottom: 0; 21010 } 21011 footer .f-links .col { 21012 width: 100%; 21013 float: none; 21014 } 21015 footer .f-links .col .group { 21016 padding-bottom: 1.6rem; 21017 } 21018 footer .f-links .col .group .cap, 21019 footer .f-links .col .group a.cap { 21020 display: block; 21021 width: 100%; 21022 box-sizing: border-box; 21023 position: relative; 21024 line-height: 13.4rem; 21025 font-size: 3.6rem; 21026 cursor: pointer; 21027 margin-bottom: 0; 21028 border-bottom: solid 0.2rem #cadcf1; 21029 padding-left: 0; 21030 } 21031 footer .f-links .col .group .cap:after, 21032 footer .f-links .col .group a.cap:after { 21033 position: absolute; 21034 display: block; 21035 font-family: 'icomoon-ilkadimlarim', arial, helvetica, sans-serif !important; 21036 speak: never; 21037 font-display: swap; 21038 font-style: normal; 21039 font-weight: normal; 21040 font-variant: normal; 21041 text-transform: none; 21042 line-height: 1; 21043 -webkit-font-smoothing: antialiased; 21044 -moz-osx-font-smoothing: grayscale; 21045 display: inline-block; 21046 content: "\e903"; 21047 -webkit-transition: transform 0.3s ease; 21048 transition: transform 0.3s ease; 21049 -webkit-transform-origin: 50% 50%; 21050 -ms-transform-origin: 50% 50%; 21051 transform-origin: 50% 50%; 21052 -webkit-transform: rotate(0); 21053 -ms-transform: rotate(0); 21054 transform: rotate(0); 21055 right: 0; 21056 top: 6rem; 21057 font-size: 1.1rem; 21058 } 21059 footer .f-links .col .group .cap.active:after, 21060 footer .f-links .col .group a.cap.active:after { 21061 -webkit-transform: rotate(-180deg); 21062 -ms-transform: rotate(-180deg); 21063 transform: rotate(-180deg); 21064 } 21065 footer .f-links .col .group a { 21066 font-size: 3.2rem; 21067 margin-bottom: 0; 21068 margin-top: 5rem; 21069 padding-left: 3rem; 21070 } 21071 footer .f-links .col .group a.cap { 21072 margin: 0; 21073 } 21074 footer .f-links .col .group a.cap:after { 21075 display: none; 21076 } 21077 footer .f-links .col .group a.only-mobile { 21078 display: block; 21079 } 21080 footer .f-links .col .group .badge { 21081 vertical-align: middle; 21082 font-size: 2.4rem; 21083 padding: 1.4rem 1rem; 21084 margin-left: 1rem; 21085 } 21086 footer .f-links .col .group.separate { 21087 margin-top: 0; 21088 } 21089 footer .f-links .col.first, 21090 footer .f-links .col.second { 21091 width: 100%; 21092 margin-right: 0; 21093 } 21094 footer .f-links .col.last { 21095 width: 100%; 21096 margin-left: 0; 21097 } 21098 footer .f-socials { 21099 position: relative; 21100 text-align: right; 21101 line-height: 15.3rem; 21102 border-width: 0.2rem; 21103 border-top: none; 21104 border-color: #cadcf1; 21105 } 21106 footer .f-socials .large-cap { 21107 position: absolute; 21108 margin-right: 0; 21109 left: 0; 21110 top: -0.6rem; 21111 } 21112 footer .f-socials .social { 21113 margin-right: 0; 21114 margin-left: 3.8rem; 21115 } 21116 footer .f-socials .social i { 21117 font-size: 4.4rem; 21118 } 21119 footer .f-socials .evde-bebek2 { 21120 position: relative; 21121 justify-content: center; 21122 } 21123 footer .f-socials .evde-bebek2 .play { 21124 width: 7.2rem; 21125 margin-right: 1.4rem; 21126 } 21127 footer .f-socials .evde-bebek2 .text { 21128 font-size: 2.4rem; 21129 margin-right: 1.4rem; 21130 } 21131 footer .f-socials .evde-bebek2 .img { 21132 height: 15rem; 21133 } 21134 footer .f-socials .evde-bebek2 .img img { 21135 width: 16rem; 21136 } 21137 footer .f-socials:after { 21138 content: ""; 21139 display: block; 21140 width: 100%; 21141 height: 0.2rem; 21142 background-color: #cadcf1; 21143 position: absolute; 21144 top: 14rem; 21145 left: 0; 21146 } 21147 footer .f-mothers { 21148 border-width: 0.2rem; 21149 border-color: #cadcf1; 21150 line-height: 4.8rem; 21151 padding: 2.8rem 0; 21152 } 21153 footer .f-mothers .large-cap { 21154 margin-right: 0; 21155 } 21156 footer .f-mothers .call { 21157 font-size: 3.2rem; 21158 color: #e7c054; 21159 padding-left: 4.5rem; 21160 } 21161 footer .f-mothers .call i { 21162 font-size: 1.2em; 21163 } 21164 footer .f-mothers .call-center { 21165 display: none; 21166 } 21167 footer .f-corp { 21168 line-height: 14.8rem;
21169 overflow-y: scroll; 21170 -webkit-overflow-scrolling: touch; 21171 border-color: #cadcf1; 21172 border-width: 0.2rem; 21173 } 21174 footer .f-corp .scroller { 21175 white-space: nowrap; 21176 } 21177 footer .f-corp a { 21178 font-size: 2.4rem; 21179 margin-right: 4.6rem; 21180 } 21181 footer .large-cap { 21182 font-size: 2.8rem; 21183 } 21184 footer .f-aptamil-logo { 21185 position: absolute; 21186 width: 14rem; 21187 top: auto; 21188 bottom: -44.6rem; 21189 right: 3.3rem; 21190 } 21191 footer .bottom { 21192 text-align: right; 21193 margin-bottom: 4rem; 21194 } 21195 footer .bottom .info { 21196 font-size: 2.4rem; 21197 line-height: 1.75em; 21198 padding: 2.6rem 4rem 3.2rem; 21199 border-width: 0.2rem; 21200 margin: 0 auto 1em; 21201 } 21202 footer .bottom .copy-cont { 21203 display: block; 21204 } 21205 footer .bottom .copy { 21206 font-size: 2rem; 21207 padding-left: 4rem; 21208 } 21209 footer .bottom .copy .il { 21210 margin-top: 2.4rem; 21211 width: 14.2rem; 21212 } 21213 footer .bottom .copy span { 21214 padding-top: 2.9rem; 21215 } 21216 footer .bottom .positive { 21217 padding-right: 4rem; 21218 } 21219 footer .bottom .positive img { 21220 width: 48rem; 21221 margin-top: 4.6rem; 21222 } 21223 footer.no-top .middle { 21224 border-top-left-radius: 0; 21225 border-top-right-radius: 0; 21226 } 21227 body.app-view .content-detail .utility .with-link.share { 21228 display: none; 21229 } 21230 body.app-view .content-detail .utility .with-link.app-share { 21231 display: block; 21232 } 21233 body.app-view .app-view-header { 21234 display: block; 21235 position: fixed; 21236 width: 100%; 21237 min-height: 19.1rem; 21238 top: 0; 21239 left: 0; 21240 z-index: 999; 21241 } 21242 body.app-view .app-view-header .bg { 21243 position: absolute; 21244 width: 100%; 21245 top: 0; 21246 left: 0; 21247 z-index: 2; 21248 } 21249 body.app-view .app-view-header .top { 21250 display: none; 21251 } 21252 body.app-view .app-view-header .dummy { 21253 display: none; 21254 } 21255 body.app-view .app-view-header .bottom { 21256 width: 100%; 21257 display: block; 21258 position: absolute; 21259 top: 0; 21260 left: 0; 21261 height: 19.1rem; 21262 z-index: 2; 21263 } 21264 body.app-view .app-view-header .app-view-cap { 21265 position: absolute; 21266 font-family: 'medium', arial, helvestica, sans-serif; 21267 font-size: 3.6rem; 21268 color: #1e398f; 21269 left: 12rem; 21270 top: 4.8rem; 21271 line-height: 1.3em; 21272 width: 38rem; 21273 overflow: hidden; 21274 white-space: nowrap; 21275 text-overflow: ellipsis; 21276 z-index: 10; 21277 } 21278 body.app-view .app-view-header .back, 21279 body.app-view .app-view-header .search, 21280 body.app-view .app-view-header .close, 21281 body.app-view .app-view-header .app-user { 21282 display: inline-block; 21283 position: absolute; 21284 width: 9rem; 21285 height: 12rem; 21286 z-index: 9; 21287 } 21288 body.app-view .app-view-header .back:hover, 21289 body.app-view .app-view-header .search:hover, 21290 body.app-view .app-view-header .close:hover, 21291 body.app-view .app-view-header .app-user:hover, 21292 body.app-view .app-view-header .back:active, 21293 body.app-view .app-view-header .search:active, 21294 body.app-view .app-view-header .close:active, 21295 body.app-view .app-view-header .app-user:active { 21296 color: #000; 21297 } 21298 body.app-view .app-view-header .back:before, 21299 body.app-view .app-view-header .search:before, 21300 body.app-view .app-view-header .close:before, 21301 body.app-view .app-view-header .app-user:before { 21302 display: inline-block; 21303 position: absolute; 21304 left: 50%; 21305 top: 50%; 21306 -webkit-transform: translateX(-50%) translateY(-50%); 21307 -ms-transform: translateX(-50%) translateY(-50%); 21308 transform: translateX(-50%) translateY(-50%); 21309 } 21310 body.app-view .app-view-header .back { 21311 font-size: 2.5rem; 21312 top: 1rem; 21313 left: 4rem; 21314 } 21315 body.app-view .app-view-header .search { 21316 font-size: 7rem; 21317 top: 1rem; 21318 right: 14.3rem; 21319 } 21320 body.app-view .app-view-header .close { 21321 font-size: 3.4rem; 21322 top: 1rem; 21323 right: 4rem; 21324 } 21325 body.app-view .app-view-header .app-user { 21326 display: none; 21327 font-size: 5.3rem; 21328 top: 0.8rem; 21329 right: 16rem; 21330 } 21331 body.app-view .app-view-header .d2c-basket { 21332 display: none; 21333 position: absolute; 21334 top: 2.7rem; 21335 right: 20rem; 21336 z-index: 9; 21337 } 21338 body.app-view .app-view-header .d2c-basket .icon-basket { 21339 font-size: 7.2rem; 21340 } 21341 body.app-view .app-view-header .d2c-basket .icon-basket:hover, 21342 body.app-view .app-view-header .d2c-basket .icon-basket:active { 21343 color: #000; 21344 } 21345 body.app-view .app-view-header .d2c-basket .basket-amount { 21346 position: absolute; 21347 display: block; 21348 font-family: 'bold', arial, helvetica, sans-serif; 21349 font-size: 2.2rem; 21350 min-width: 3rem; 21351 height: 3rem; 21352 line-height: 3rem; 21353 top: 1rem; 21354 right: -0.4rem; 21355 background-color: #1e398f; 21356 border-radius: 50%; 21357 color: #fff; 21358 text-align: center; 21359 } 21360 body.app-view .app-view-header .app-logo { 21361 position: absolute; 21362 display: none; 21363 z-index: 9; 21364 } 21365 body.app-view .app-view-header .app-logo.alisveris { 21366 left: 3rem; 21367 top: 2.5rem; 21368 width: 16.5rem; 21369 } 21370 body.app-view .app-view-header .search-form { 21371 display: none; 21372 position: absolute; 21373 left: 50%; 21374 -webkit-transform: translateX(-50%); 21375 -ms-transform: translateX(-50%); 21376 transform: translateX(-50%); 21377 box-shadow: 0 2.8rem 4.6rem 0 rgba(0, 0, 0, 0.1); 21378 width: 67rem; 21379 height: 10rem; 21380 bottom: -2rem; 21381 border-radius: 2.4rem; 21382 background-color: #fff; 21383 z-index: 11; 21384 } 21385 body.app-view .app-view-header .search-form i { 21386 position: absolute; 21387 top: 50%; 21388 -webkit-transform: translateY(-50%); 21389 -ms-transform: translateY(-50%); 21390 transform: translateY(-50%); 21391 display: inline-block; 21392 left: 3rem; 21393 font-size: 6.8rem; 21394 } 21395 body.app-view .app-view-header .search-form input { 21396 position: absolute; 21397 top: 50%; 21398 -webkit-transform: translateY(-50%); 21399 -ms-transform: translateY(-50%); 21400 transform: translateY(-50%); 21401 font-family: 'medium', arial, helvestica, sans-serif; 21402 box-sizing: border-box; 21403 font-size: 3.2rem; 21404 background-color: transparent; 21405 color: #1e398f; 21406 width: 54rem; 21407 height: 5.4rem; 21408 line-height: 5.4rem; 21409 z-index: 1; 21410 left: 10rem; 21411 border: none; 21412 padding-right: 2rem; 21413 } 21414 body.app-view .app-view-header .search-form label { 21415 position: absolute; 21416 top: 50%; 21417 -webkit-transform: translateY(-50%); 21418 -ms-transform: translateY(-50%); 21419 transform: translateY(-50%); 21420 font-family: 'medium', arial, helvestica, sans-serif; 21421 box-sizing: border-box; 21422 width: 54rem; 21423 height: 5.4rem; 21424 line-height: 5.4rem; 21425 font-size: 3.2rem; 21426 color: #1e398f; 21427 z-index: 2; 21428 left: 10rem; 21429 cursor: pointer; 21430 } 21431 body.app-view .app-view-header .appview-search-overlay { 21432 position: fixed; 21433 cursor: pointer; 21434 top: 0; 21435 left: 0; 21436 width: 100vw; 21437 height: 100vh; 21438 z-index: 10; 21439 } 21440 body.app-view .app-view-header.no-back .app-view-cap { 21441 left: 4rem; 21442 width: 50rem; 21443 } 21444 body.app-view .app-view-header.no-back .back { 21445 display: none; 21446 } 21447 body.app-view .app-view-header.no-cap .app-view-cap { 21448 display: none; 21449 } 21450 body.app-view .app-view-header.no-close .close { 21451 display: none; 21452 } 21453 body.app-view .app-view-header.no-close .d2c-basket { 21454 right: 17rem; 21455 } 21456 body.app-view .app-view-header.no-close .search { 21457 right: 4rem; 21458 } 21459 body.app-view .app-view-header.no-search .search { 21460 display: none; 21461 } 21462 body.app-view .app-view-header.prod.no-close .d2c-basket { 21463 right: 7rem; 21464 } 21465 body.app-view .app-view-header.prod.no-close .search { 21466 right: 15rem; 21467 } 21468 body.app-view .app-view-header.prod .app-view-cap { 21469 width: 38rem; 21470 } 21471 body.app-view .app-view-header.prod.no-back .app-view-cap { 21472 width: 46rem; 21473 } 21474 body.app-view .app-view-header.prod.with-user .app-user { 21475 display: inline-block; 21476 } 21477} 21478</style> 21479 21480 21481 21482 21483 21484 21485
21485<script defer src="/assets/js/lib/jquery-3.5.1.min.js"></script>
21485 21486
21486<script defer src="/assets/js/lib/jquery.easing.1.3.js"></script>
21486 21487
21487<script defer src="/assets/js/lib/underscore-min.js"></script>
21487 21488
21488<script defer src="/assets/js/royal-slider.js"></script>
21488 21489
21489<script defer src="/assets/js/scroll-to.js"></script>
21489 21490
21490<script defer src="/assets/js/magnific-popup.js"></script>
21490 21491
21491<script defer src="/assets/js/date-picker.js"></script>
21491 21492
21492<script defer src="/assets/js/date-picker-tr.js"></script>
21492 21493
21493<script defer src="/assets/js/input-mask.js"></script>
21493 21494
21494<script defer src="/assets/js/validate.js"></script>
21494 21495
21495<script defer src="/assets/js/cookie.js"></script>
21495 21496
21496<script defer src="/assets/js/helpers.js"></script>
21496 21497
21497<script defer src="/assets/js/main.js?v=1729724407"></script>
21497 21498 21499
21499<script defer> 21500 window.APP_ASSET_VERSION = "1729724407"; 21501 document.addEventListener("DOMContentLoaded", function(){ 21502 s.d2c.url = 'https://d2capi.ilkadimlarim.com/api/'; 21503 window.pstv_isAppView = localStorage.getItem("appView"); 21504 }); 21505 </script>
21505 21506 21507 21508 21509
21509<script type="text/javascript"> 21510 setTimeout(function() { 21511 var lcAppView = localStorage.getItem("appView"); 21512 if(lcAppView){ 21513 console.log("debug: appView is enabled. LC trigger is disabled"); 21514 } else { 21515 window.__lc = window.__lc || {}; 21516 window.__lc.license = 7008651; 21517 window.__lc.visitor = { 21518 name: "", 21519 email: "", 21520 }; 21521 (function() { 21522 var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true; 21523 lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js'; 21524 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s); 21525 })(); 21526 setTimeout(function() { 21527 var LC_API = LC_API || {}; 21528 LC_API.on_after_load = function(){ 21529 s.lc.init(); 21530 }; 21531 }, 2000); 21532 } 21533 }, 8000); 21534 </script>
21534 21535 21536 21537 21538
21538<script> 21539 function pstvPersInit(){ 21540 (function(){ 21541 window.personaclick = window.personaclick || function(){ (window.personaclick.q = window.personaclick.q || []).push(arguments) }; 21542 var c = "//cdn.personaclick.com", v = "/v3.js", s = { 21543 link: [{ href: c, rel: "dns-prefetch" }, { href: c, rel: "preconnect" }, { href: c + v, rel: "preload", as: "script" }], 21544 script: [{ src: c + v, async: "" }] 21545 }; 21546 Object.keys(s).forEach(function(c) { 21547 s[c].forEach(function(d) { 21548 var e = document.createElement(c), a; 21549 for (a in d) e.setAttribute(a, d[a]); 21550 document.head.appendChild(e); 21551 }); 21552 }); 21553 })(); 21554 personaclick("init", "f2b82e7f58da90e05a596fa10f3f64"); 21555 21556 21557 personaclick("track", "view", 21105); 21558 21559 } 21560 document.addEventListener('event.scriptsLoaded', pstvPersInit); 21561 </script>
21561 21562 <style>#gcm-policy-url{display:none;}</style> 21563 21564 21565
21565<script> 21566 window.Laravel = { csrfToken: 'rfgnGnmpqo2fbx9h7JUyfvAxnYmHtW0avsTJOoh1' }; 21567 </script>
21567 21568 21569 21570
21570<script> 21571 window.pstvInsiderLoaded = window.pstvInsiderLoaded || false; 21572 window.insider_object = window.insider_object || {}; 21573 </script>
21573 21574 <!-- Google Tag Manager --> 21575
21575<script>
vendor: 326 bytes, line 21575
21575(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
21575GTM-P87FLKV
vendor: 3 bytes, line 21575
21575');
21575</script>
21575 21576 <!-- End Google Tag Manager --> 21577 <!-- Start of global snippet: Please do not remove Place this snippet between the <head> and </head> tags on every page of your site.--> 21578 <!-- Global site tag (gtag.js) - Google Marketing Platform -->
vendor: 65 bytes, lines 21578-21579
21578 21579 <script async src="https://www.googletagmanager.com/gtag/js?id=
21579DC-5570615
vendor: 13 bytes, lines 21579-21580
21579"></script> 21580
21580<script> 21581
vendor: 136 bytes, lines 21581-21584
21581window.dataLayer = window.dataLayer || []; 21582 function gtag(){dataLayer.push(arguments);} 21583 gtag('js', new Date()); 21584 gtag('config', '
21584DC-5570615
vendor: 5 bytes, lines 21584-21585
21584'); 21585
21585</script>
21585 21586 <!-- End of global snippet: Please do not remove --> 21587 21588 21589
21589<script> 21590 window.AuthUserLoggedIn = false; 21591</script>
21591</head> 21592 21593 <body class="tr " data-cdn="/" data-app="https://ilkadimlarim.com" data-auth="false" data-local="false" data-env="prod"> 21594 21595 <!-- Google Tag Manager (noscript) -->
vendor: 76 bytes, lines 21595-21596
21595 21596 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
21596GTM-P87FLKV
vendor: 91 bytes, lines 21596-21597
21596" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 21597
21597<!-- End Google Tag Manager (noscript) --> 21598 21599 21600 21601 21602 21603
21603<script type="text/javascript"> 21604 var category = "Beslenme"; 21605 var ageRange = "0-6 Ay"; 21606 var dataTitle = "En Ãok Bilimsel AraÅtırmaya Sahip Prebiyotikli Aptamil, İçeriÄindeki D Vitamini İle BaÄıÅıklık Sisteminin Normal İÅlevini Destekler!"; 21607 var breadcrumb = 'Anasayfa > '+ category + ' > ' + ageRange + ' > ' + dataTitle; 21608 dataLayer.push({'pagetype':'post','breadcrumb': breadcrumb,'content_category': category,'content_subcategory':ageRange,'content_title':dataTitle}); 21609 21610 21611 21612 </script>
21612 21613 21614 21615 21616 <div class="mother-milk-bar"> 21617 21618 <div class="second"><a class="modal-open baby" href="#mother-milk" title="BebeÄiniz için en iyi besin anne sütüdür">BebeÄiniz için en iyi besin anne sütüdür</a></div> 21619 21620</div> 21621<div class="cookie-bar"> 21622 <div class="text"> 21623 <strong>Ãerez Bilgilendirmesi:</strong> 21624 İŠortaklarımızla birlikte size en iyi Åekilde hizmet sunabilmek, sizi hatırlayabilmek ve websitemizi nasıl kullandıÄınızı anlayabilmek için websitemizde çerezler ve diÄer teknolojiler kullanılmaktadır. Bilgilerinizi hiçbir Åekilde kaydetmiyoruz. 21625 <br><br><span class="button white inverted cookie-close">Kabul Ediyorum</span> 21626 </div> 21627 <span class="icon-close cookie-close"></span> 21628</div> 21629<div class="hidden"> 21630 <div id="mother-milk" class="modal info"> 21631 <strong class="cap">BebeÄiniz için en iyi besin anne sütüdür!</strong> 21632 <div class="formatted-text"> 21633 <p>Anne sütü, bebekler için en iyi ve en doÄal besindir. Zamanında doÄan tüm saÄlıklı bebeklerin ihtiyaçlarını 6 ay tek baÅına karÅılar. BebeÄinizi beslemenin en iyi yolu emzirmektir; bebeÄiniz için ideal dengeli bir beslenme ve hastalıklara karÅı koruma saÄlayan anne sütü aynı zamanda anneye ve bebeÄe beslenme ile ilgili olmayan bir çok fayda da saÄlar.</p> 21634 <p>BebeÄinizi nasıl besleyeceÄinize karar verirken bir saÄlık uzmanına danıÅmanızı tavsiye ederiz. Profesyonel rehberliÄe aynı zamanda emzirmeye hazırlık ve emzirmenin devamlılıÄı için baÅvurabilirsiniz. Emzirirken saÄlıklı ve dengeli beslenmek de çok önemlidir.</p> 21635 <p>Anne sütü bebeÄinizin ruhsal, bedensel ve zeka geliÅimine yardımcı olur.</p> 21636 <p>Emzirme, anne ile bebeÄin muhteÅem bir baÄ kuracaÄı ve aralarındaki bu eÅsiz baÄı kuvvetlendiren bir süreçtir. Bu baÄ sayesinde bebekte güven duygusunun temelleri atılır.</p> 21637 <p>Ek gıdaya ilk geçiÅ dönemlerinde bir saÄlık profesyoneline danıÅılmalıdır. Bebek saÄlıÄını riske atmamak için ek gıdaların güvenli ve uygun bir Åekilde ve doÄru miktarda verilmesine dikkat edilmelidir. Ek gıdalar anne sütünün yerini almamalıdır.</p> 21638 </div> 21639 <div class="text-center"> 21640 <span class="modal-close button navy-blue">Okudum</span> 21641 </div> 21642 </div> 21643</div> 21644 <div class="sticky-header no-events"> 21645 <div class="blue-bar"> 21646 Aptamil BaÄıÅıklıÄı Nasıl Destekler? 21647 <a href="/aptamil-bagisikligi-nasil-destekler" class="button white" title="KeÅfet">KeÅfet</a> 21648 </div> 21649 <div class="web cont"> 21650 <div class="aligner"> 21651 <div class="sticky-search"> 21652 <form id="searchSticky" action="/arama?"> 21653 <input class="personaclick-instant-search" type="search" id="searchStick" name="search"> 21654 <label for="searchStick">ara</label> 21655 </form> 21656 </div> 21657 <div class="sticky-logo"><a href="/" title="İlkadımlarım"><span class="lazy-image" data-href="/assets/images/ilkadimlarim-aptamil-4-logo-2025.png" data-alt="İlkadımlarım Logo">İlkadımlarım</span></a></div> 21658 <div class="sticky-product-logo"><a href="/urunler" title="İlkadımlarım"><span class="lazy-image" data-href="/assets/images/ilkadimlarim-aptamil-alisveris-logo-v5.png" data-alt="İlkadımlarım AlıÅveriÅ Logo">İlkadımlarım AlıÅveriÅ</span></a></div> 21659 <div class="d2c-aligner"> 21660 <a class="icon-basket" href="/sepet" title="sepet"></a> 21661 <i class="basket-amount"></i> 21662 </div> 21663 <a href="javasctipt:;" title="Sayfa BaÅına Dön" class="icon-arrow-up-circle up"></a> 21664 </div> 21665 </div> 21666 <div class="mobile cont"> 21667 <span class="mobile-search-button mobile-menu-toggle"></span> 21668 <div class="sticky-logo"><a href="/" title="İlkadımlarım"><span class="lazy-image" data-href="/assets/images/ilkadimlarim-aptamil-4-logo-2025.png" data-alt="İlkadımlarım Logo">İlkadımlarım</span></a></div> 21669 <div class="sticky-product-logo"><a href="/urunler" title="İlkadımlarım"><span class="lazy-image" data-href="/assets/images/ilkadimlarim-aptamil-alisveris-logo-v5.png" data-alt="İlkadımlarım AlıÅveriÅ Logo">İlkadımlarım AlıÅveriÅ</span></a></div> 21670 <span class="mobile-menu-button mobile-menu-toggle"><span></span><span></span><span></span><span></span></span> 21671 <div class="d2c-aligner"> 21672 <a class="icon-basket" href="/sepet" title="sepet"></a> 21673 <i class="basket-amount"></i> 21674 </div> 21675 </div> 21676</div> <div class="mobile-menu-cont"> 21677 <div class="mobile-menu"> 21678 <div class="top form"> 21679 <a href="javascript:;" title="kapat" class="icon-close mobile-menu-toggle"></a> 21680 <form id="searchMobile" action="/arama?"> 21681 <input class="personaclick-instant-search" type="search" id="searchMob" name="search"> 21682 <label for="searchMob">&nbps;</label> 21683 </form> 21684 </div> 21685 <div class="scroller"> 21686 <nav>
21687 <a class="home" href="/" title="Ana Sayfa'ya Dön"><i class="icon-home"></i>Ana Sayfa'ya Dön</a> 21688 <div class="no-usr-login"> 21689 <i class="usr-ico icon-my-user"></i> 21690 <a class="cap" href="/login" title="Ãye Ol / GiriÅ Yap">Ãye Ol / GiriÅ Yap</a> 21691 </div> 21692 </nav> 21693 <div class="contain"> 21694 <nav> 21695 <a href="/urunler" title="Online AlıÅveriÅ"> <i class="icon-product"></i>Online AlıÅveriÅ<span class="badge purple">Ãrünler</span></a> 21696 <a href="/akademi" title="Akademi"><i class="icon-academy"></i>Akademi<span class="badge purple">Canlı EÄitimler</span></a> 21697 <a class="has-subs" href="#menu-faydali-araclar" title="Faydalı Araçlar"><i class="icon-beneficial"></i>Faydalı Araçlar</a> 21698 <div id="menu-faydali-araclar" class="sub-menu faydali"> 21699 <a class="bebek" href="/bebeginizin-kakasi-normal-mi" title="BebeÄimin Kakası Normal mi?"> 21700 <span class="lazy-image" data-href="/assets/images/mob-menu-kaka.jpg" data-alt="BebeÄimin Kakası Normal mi?">BebeÄimin Kakası Normal mi?</span> 21701 <div class="text">BebeÄimin Kakası Normal mi?</div> 21702 </a> 21703 <a class="bebek" href="/bebek-isimleri-sozlugu" title="Bebek İsimleri ve Anlamları"> 21704 <span class="lazy-image" data-href="/assets/images/mob-menu-bebek.jpg" data-alt="Bebek İsimleri ve Anlamları">Bebek İsimleri ve Anlamları</span> 21705 <div class="text">Bebek İsimleri ve Anlamları</div> 21706 </a> 21707 <a class="gebelik" href="/gebelik-hesaplama" title="Gebelik Hesaplama"> 21708 <span class="lazy-image" data-href="/assets/images/mob-menu-gebelik.jpg" data-alt="Gebelik Hesaplama">Gebelik Hesaplama</span> 21709 <div class="text">Gebelik Hesaplama</div> 21710 </a> 21711 <a class="persentil" href="/ideal-boy-ve-kilo-hesaplama" title="Persentil Hesaplama"> 21712 <span class="lazy-image" data-href="/assets/images/mob-menu-persentil.jpg" data-alt="Persentil Hesaplama">Persentil Hesaplama</span> 21713 <div class="text">Persentil Hesaplama</div> 21714 </a> 21715 </div> 21716 <a class="normal" href="/hamileyim" title="Hamileyim">Hamileyim</a> 21717 <a class="normal" href="/0-6-ay" title="0-6 Ay">0-6 Ay</a> 21718 <a class="normal" href="/6-12-ay" title="6-12 Ay">6-12 Ay</a> 21719 <a class="normal" href="/12-24-ay" title="12-24 Ay">12-24 Ay</a> 21720 <a class="has-subs" href="#menu-icerik-kategorileri" title="İçerik Kategorileri"><i class="icon-layout"></i>İçerik Kategorileri</a> 21721 <div id="menu-icerik-kategorileri" class="sub-menu cats"> 21722 <a href="/bebek-emzirmesi" title="Emzirme">Emzirme</a> 21723 <a href="/bebek-beslenmesi" title="Beslenme">Beslenme</a> 21724 <a href="/ilkler" title="ilkler">ilkler</a> 21725 <a href="/bebek-gelisimi" title="GeliÅim">GeliÅim</a> 21726 <a href="/size-ozel" title="Annelere Ãzel">Annelere Ãzel</a> 21727 <a href="/uyku" title="Uyku">Uyku</a> 21728 <a href="/bebeklerde-alerji" title="Alerji">Alerji</a> 21729 <a href="/faydali-bilgiler" title="Faydalı Bilgiler">Faydalı Bilgiler</a> 21730 <a href="/tarifler" title="Tarifler">Tarifler</a> 21731 </div> 21732 <a class="has-subs no-border" href="#menu-yardim" title="Yardım"> <i class="icon-baby-names"></i>Online AlıÅveriÅ<span class="badge purple">Yardım</span></a> 21733 <div id="menu-yardim" class="sub-menu no-border help"> 21734 <a href="tel:08502025151" title="Bizi Arayın">0850 202 51 51</a> 21735 <a href="/sikca-sorulan-sorular#uyelik-online-alisveris" title="Ãyelik">Ãyelik</a> 21736 <a href="/sikca-sorulan-sorular#uyelik-online-alisveris" title="Online AlıÅveriÅ">Online AlıÅveriÅ</a> 21737 <a href="/sikca-sorulan-sorular#urun-siparis" title="Ãrün SipariÅ">Ãrün SipariÅ</a> 21738 <a href="/sikca-sorulan-sorular#odeme-fatura" title="Ãdeme">Ãdeme</a> 21739 <a href="/sikca-sorulan-sorular#odeme-fatura" title="Fatura">Fatura</a> 21740 <a href="/sikca-sorulan-sorular#hediye-ceki" title="Hediye Ãeki">Hediye Ãeki</a> 21741 <a href="/sikca-sorulan-sorular#iade" title="İade">İade</a> 21742 <a href="/iade-talep" title="İade Talep Formu">İade Talep Formu</a> 21743 <a href="/sikca-sorulan-sorular#teslimat" title="Teslimat">Teslimat</a> 21744 </div> 21745 </nav> 21746 </div> 21747 <div class="bottom">
21748 <a href="tel:08502025151" title="Uzman Beslenme DanıÅmanları"> 21749 <i class="icon-f-phone"></i> 21750 <strong>Uzman Beslenme DanıÅmanları</strong><br> 21751 <span>0850 202 51 51</span> 21752 </a> 21753 </div> 21754 </div> 21755 </div> 21756</div> 21757 <div class="app-view-header"> 21758 <span class="top"></span> 21759 <div class="dummy"></div> 21760 <div class="bottom"> 21761 <img class="bg" src="/assets/images/app-view/app-view-header-bg-v2.png" alt="bg" width="750" height="91"> 21762 <img class="app-logo alisveris" src="/assets/images/app-view/app-logo-alisveris-v2.png" width="165" height="97" alt="Online AlıÅveriÅ"> 21763 <div class="app-view-cap"></div> 21764 <a class="back icon-back" href="javascript:history.back();" title="Geri"></a> 21765 <a class="search icon-search" href="javascript:;" title="Ara"></a> 21766 <a class="close icon-close" href="javascript:;" title="kapat"></a> 21767 <a class="app-user icon-my-user" href="/hesabim" title="SipariÅlerim"></a> 21768 <div class="d2c d2c-basket"> 21769 <a class="icon-basket" href="/sepet" title="sepet"></a> 21770 <i class="basket-amount"></i> 21771 </div> 21772 </div> 21773 <div class="appview-search-overlay"></div> 21774 <div class="search-form"> 21775 <form name="search-app-view" method="get" action="/arama?"> 21776 <i class="icon-search"></i> 21777 <input type="search" id="search-4" name="search" autocomplete="off"/> 21778 <label for="search-4">Ara</label> 21779 </form> 21780 </div> 21781</div> <div id="main-container"> 21782 21783
21783<script> 21784dataLayer.push({ 21785 "result": "", 21786 "resultcode":"", 21787 "message": "", 21788 "ContactId": "", 21789 "Email": "", 21790 "FullName": "", 21791 "FacebookId": "", 21792 "MobilePhone": "", 21793 "IsPregnant": "", 21794 "CreatedOn": "", 21795 "RegisterChannel": "", 21796 "LastUpdatedChannel": "", 21797 "RegisterSubChannel": "", 21798 "IsMobileApp": "", 21799 "BabyList": "", 21800 "event": "userInfo", 21801 "login_status": false, 21802 "total_transaction": "", 21803 "total_revenue": "", 21804 "day_since_last_purchase": "", 21805 "email_permission": "", 21806 "sms_permission": "", 21807 "phone_permission": "", 21808}); 21809</script>
21809 21810 21811 21812 <header class="site-header"> 21813 <span class="mobile-search-button mobile-menu-toggle"></span> 21814 <span class="mobile-menu-button mobile-menu-toggle"><span></span><span></span><span></span><span></span></span> 21815 21816 <div class="logo"><a href="/" title="İlkadımlarım"><span class="lazy-image" data-href="/assets/images/ilkadimlarim-aptamil-4-logo-2025.png" data-alt="İlkadımlarım Logo">İlkadımlarım</span></a></div> 21817 21818 <nav class="top-menu left"> 21819 <span class="menu-item has-subs cat" data-sub="category"><i class="icon-layout"></i><span>İçerik Kategorileri</span></span> 21820 <a href="/urunler" title="Ãrünler" class="menu-item prod"><i class="icon-product"></i><span>Online AlıÅveriÅ</span><br><span class="badge purple">Ãrünler</span></a> 21821 </nav> 21822 21823 <nav class="top-menu right"> 21824 <a href="/akademi" title="Akademi" class="menu-item aca" title="Akademi / Canlı EÄitimler"><i class="icon-academy"></i><span>Akademi</span><br><span class="badge light-blue">Canlı EÄitimler</span></a> 21825 <a href="/login" class="menu-item usr" data-sub="user" title="Ãye Ol / GiriÅ yap"><i class="icon-user"></i><span>Ãye Ol / GiriÅ Yap</span></a> 21826 </nav> 21827 21828 <div class="d2c"> 21829 <a class="icon-basket" href="/sepet" title="sepet"></a> 21830 <i class="basket-amount"></i> 21831 </div> 21832 21833 <nav class="header-bar"> 21834 <div class="cats"> 21835 <a href="/hamileyim" class="button purple" title="Hamileyim">Hamileyim</a> 21836 <a href="/0-6-ay" class="button baby-blue" title="0-6 Ay">0-6 Ay</a> 21837 <a href="/6-12-ay" class="button sea-green" title="6-12 Ay">6-12 Ay</a> 21838 <a href="/12-24-ay" class="button yellow-ronchi" title="12-24 Ay">12-24 Ay</a> 21839 </div> 21840 <div class="search-bar"> 21841 <div class="l"><i class="icon-search"></i></div> 21842 <div class="search"> 21843 <form id="searchWeb" action="/arama?"> 21844 <input class="personaclick-instant-search" type="search" id="search" name="search"> 21845 <label for="search">Ara</label> 21846 </form>
21847 </div> 21848 <div class="r"></div> 21849 </div> 21850 </nav> 21851 21852 <nav id="category-menu" class="web-menu category"> 21853 <h2 class="cap">İÃERİK KATEGORİLERİ</h2> 21854 21855 <div class="cats"> 21856 <a class="box" href="/bebek-emzirmesi" title="Emzirme"> 21857 <span class="lazy-image" data-href="/assets/images/cats/cat-1.jpg" data-alt="Emzirme">Emzirme</span> 21858 <div class="text"> 21859 <i class="icon-kategori-emzirme"></i> 21860 <strong>Emzirme</strong> 21861 </div> 21862 </a> 21863 <a class="box" href="/bebek-beslenmesi" title="Beslenme"> 21864 <span class="lazy-image" data-href="/assets/images/cats/cat-2-v2.jpg" data-alt="Beslenme">Beslenme</span> 21865 <div class="text"> 21866 <i class="icon-kategori-beslenme"></i> 21867 <strong>Beslenme</strong> 21868 </div> 21869 </a> 21870 <a class="box" href="/ilkler" title="İlkler"> 21871 <span class="lazy-image" data-href="/assets/images/cats/cat-3.jpg" data-alt="İlkler">İlkler</span> 21872 <div class="text"> 21873 <i class="icon-kategori-ilkler"></i> 21874 <strong>İlkler</strong> 21875 </div> 21876 </a> 21877 <a class="box" href="/bebek-gelisimi" title="GeliÅim"> 21878 <span class="lazy-image" data-href="/assets/images/cats/cat-4.jpg" data-alt="GeliÅim">GeliÅim</span> 21879 <div class="text"> 21880 <i class="icon-kategori-gelisim"></i> 21881 <strong>GeliÅim</strong> 21882 </div> 21883 </a> 21884 <a class="box" href="/size-ozel" title="Annelere Ãzel"> 21885 <span class="lazy-image" data-href="/assets/images/cats/cat-5.jpg" data-alt="Annelere Ãzel">Annelere Ãzel</span> 21886 <div class="text"> 21887 <i class="icon-kategori-annelere-ozel"></i> 21888 <strong>Annelere Ãzel</strong> 21889 </div> 21890 </a> 21891 <a class="box" href="/uyku" title="Uyku"> 21892 <span class="lazy-image" data-href="/assets/images/cats/cat-6.jpg" data-alt="Uyku">Uyku</span> 21893 <div class="text"> 21894 <i class="icon-kategori-uyku"></i> 21895 <strong>Uyku</strong> 21896 </div> 21897 </a> 21898 <a class="box" href="/bebeklerde-alerji" title="Alerji"> 21899 <span class="lazy-image" data-href="/assets/images/cats/cat-9.jpg" data-alt="Alerji">Alerji</span> 21900 <div class="text"> 21901 <i class="icon-kategori-bebeklerde-alerji"></i> 21902 <strong>Alerji</strong> 21903 </div> 21904 </a> 21905 <a class="box" href="/faydali-bilgiler" title="Faydalı Bilgiler"> 21906 <span class="lazy-image" data-href="/assets/images/cats/cat-7.jpg" data-alt="Faydalı Bilgiler">Faydalı Bilgiler</span> 21907 <div class="text"> 21908 <i class="icon-kategori-faydali-bilgiler"></i> 21909 <strong>Faydalı Bilgiler</strong> 21910 </div> 21911 </a> 21912 <a class="box" href="/tarifler" title="Tarifler"> 21913 <span class="lazy-image" data-href="/assets/images/cats/cat-8.jpg" data-alt="Tarifler">Tarifler</span> 21914 <div class="text"> 21915 <i class="icon-kategori-tarifler"></i> 21916 <strong>Tarifler</strong> 21917 </div> 21918 </a> 21919 </div> 21920 <h2 class="cap">FAYDALI ARAÃLAR</h2> 21921 <div class="others"> 21922 <a class="box kaka" href="/bebeginizin-kakasi-normal-mi" title="BebeÄinizin Kakası Normal mi?"> 21923 <span class="lazy-image" data-href="/assets/images/cats/kaka.png" data-alt="BebeÄinizin Kakası Normal mi?">BebeÄinizin Kakası Normal mi?</span> 21924 <div class="text">BebeÄinizin Kakası Normal mi?</div> 21925 </a> 21926 <a class="box kaka" href="/bebek-isimleri-sozlugu" title="Bebek İsimleri"> 21927 <span class="lazy-image" data-href="/assets/images/cats/bebek-isimleri.png" data-alt="Bebek İsimleri">Bebek İsimleri</span> 21928 <div class="text">Bebek İsimleri</div> 21929 </a> 21930 <a class="box gebelik" href="/gebelik-hesaplama" title="Gebelik Hesaplama"> 21931 <span class="lazy-image" data-href="/assets/images/cats/gebelik-hesaplama.png" data-alt="Gebelik Hesaplama">Gebelik Hesaplama</span> 21932 <div class="text">Gebelik Hesaplama</div> 21933 </a> 21934 <a class="box persentil" href="/ideal-boy-ve-kilo-hesaplama" title="Persentil Hesaplama"> 21935 <span class="lazy-image" data-href="/assets/images/cats/persentil-hesaplama.png" data-alt="Persentil Hesaplama">Persentil Hesaplama</span> 21936 <div class="text">Persentil Hesaplama</div> 21937 </a> 21938 </div> 21939 </nav> 21940 21941 <nav id="user-menu" class="web-menu user"> 21942 <ul> 21943 <li><a href="/login" title="GiriÅ Yap"><i class="icon-my-user"></i>GiriÅ Yap</a></li> 21944 <li><a href="/register" title="Ãye Ol"><i class="icon-my-user"></i>Ãye Ol</a></li> 21945 </ul> 21946 </nav> 21947 </header> 21948 21949 21950 <div class="page content" data-id="1105" data-category="Beslenme" data-age-range="0-6 Ay"> 21951 21952 21953 <div class="page-banner mini"> 21954 <a class="lazy-image banner" href="/assets/images/blog/banner-blog-default-web.jpg" data-mobile="/assets/images/blog/banner-blog-default-mobile.jpg" title="En Ãok Bilimsel AraÅtırmaya Sahip Prebiyotikli Aptamil, İçeriÄindeki D Vitamini İle BaÄıÅıklık Sisteminin Normal İÅlevini Destekler!">En Ãok Bilimsel AraÅtırmaya Sahip Prebiyotikli Aptamil, İçeriÄindeki D Vitamini İle BaÄıÅıklık Sisteminin Normal İÅlevini Destekler!</a> 21955 21956 <div class="text"> 21957 <h1>En Ãok Bilimsel AraÅtırmaya Sahip Prebiyotikli Aptamil, İçeriÄindeki D Vitamini İle BaÄıÅıklık Sisteminin Normal İÅlevini Destekler!</h1> 21958 </div> 21959 </div> 21960 <div class="content-breadcrumb"> 21961 <ul itemscope="itemscope" itemtype="http://schema.org/BreadcrumbList"> 21962 <li><a title="Anasayfa" href="/">Anasayfa</a></li> 21963 <!-- Blog Product kategorileri --> 21964 <li itemprop="itemListElement" itemscope="itemscope" itemtype="http://schema.org/ListItem"> 21965 <a itemprop="item" href="/bebek-beslenmesi" title="Beslenme"> 21966 <span itemprop="name">Beslenme</span> 21967 </a> 21968 <meta itemprop="position" content="1" /> 21969 </li> 21970 <!-- Blog yaÅ aralıÄı kategorisi --> 21971 <li itemprop="itemListElement" itemscope="itemscope" itemtype="http://schema.org/ListItem"> 21972 <a itemprop="item" href="/0-6-ay" title="0-6 Ay"> 21973 <span itemprop="name">0-6 Ay</span> 21974 </a> 21975 <meta itemprop="position" content="2" /> 21976 </li> 21977 <!-- Ana içerik bilgisi --> 21978 <li itemprop="itemListElement" itemscope="itemscope" itemtype="http://schema.org/ListItem"> 21979 <a itemprop="item" href="javascript:;" title="En Ãok Bilimsel AraÅtırmaya Sahip Prebiyotikli Aptamil, İçeriÄindeki D Vitamini İle BaÄıÅıklık Sisteminin Normal İÅlevini Destekler!"> 21980 <span itemprop="name">En Ãok Bilimsel AraÅtırmaya Sahip Prebiyotikli Aptamil, İçeriÄindeki D Vitamini İle BaÄıÅıklık Sisteminin Normal İÅlevini Destekler!</span> 21981 </a> 21982 <meta itemprop="position" content="3" /> 21983 </li> 21984 </ul> 21985</div> 21986 21987 21988 21989 21990 21991 21992 21993 21994 21995 21996 <div class="content-detail"> 21997 <div class="utility"> 21998 <a class="expert" href="#?" title="İlkadımlarım"> 21999 <div class="img"> 22000 <span class="lazy-image shield" data-href="/assets/images/shield.png" data-alt
22000="mask">mask</span> 22001 <span class="lazy-image ex" data-href="https://ilkadimlarim.com/_docs/blog/crops/198x245/ilkadimlarim_68169.jpeg" data-alt="" data-default-404="/assets/images/blog/avatar-default.png"></span> 22002 </div> 22003 22004 22005 <div class="cap">İlkadımlarım</div> 22006 <div class="title">Beslenme</div> 22007 <div class="date"> 22008 <strong>OluÅturulma: </strong> 28.02.2020<br> 22009 <strong>Güncellenme: </strong> 03.09.2026 22010 </div> 22011 </a> 22012 <div class="line"> 22013 22014 <div class="with-link views"><i class="icon-c-look"></i>530356</div> 22015 <div data-id="1105" data-token="rfgnGnmpqo2fbx9h7JUyfvAxnYmHtW0avsTJOoh1" data-href="/blog-like" class="with-link likes add-like "><i class="icon-c-like"></i><span>443</span></div> 22016 <div class="share-cont"> 22017 <div class="with-link share"><i class="icon-c-share"></i>PaylaÅ</div> 22018 <div class="with-link app-share"><i class="icon-c-share"></i>PaylaÅ</div> 22019 <div class="sharer"> 22020 <a class="share-link facebook" href="https://facebook.com/sharer/sharer.php?u=https://ilkadimlarim.com/aptamil-bagisikligi-nasil-destekler" target="_blank"></a> 22021 <a class="share-link whatsapp" href="https://api.whatsapp.com/?text=https://ilkadimlarim.com/aptamil-bagisikligi-nasil-destekler"></a> 22022 <a class="share-link twitter" href="https://twitter.com/share?url=https://ilkadimlarim.com/aptamil-bagisikligi-nasil-destekler&text=En Ãok Bilimsel AraÅtırmaya Sahip Prebiyotikli Aptamil, İçeriÄindeki D Vitamini İle BaÄıÅıklık Sisteminin Normal İÅlevini Destekler!" target="_blank"></a> 22023 <a class="share-link mail" href="mailto:?subject=ilkadimlarim.com | En Ãok Bilimsel AraÅtırmaya Sahip Prebiyotikli Aptamil, İçeriÄindeki D Vitamini İle BaÄıÅıklık Sisteminin Normal İÅlevini Destekler!&body=https://ilkadimlarim.com/aptamil-bagisikligi-nasil-destekler"></a> 22024 </div> 22025 </div> 22026 </div> 22027 </div> 22028 <div class="formatted-text"> 22029 <a class="google-safe" target="_blank" rel="noopener nofollow" href="https://www.google.com/preferences/source?q=ilkadimlarim.com"> 22030 <span class="lazy-image" data-href="/assets/images/google-logo.svg" data-alt="Google">Google</span> 22031 <span>İlkadımlarım annelik yolculuÄunuzda yanınızda! Tıklayın güvenilir kaynaÄınıza ekleyin.</span> 22032 </a> 22033 22034 <h1 dir="ltr"><strong>Aptamil Çocuk Devam Sütleri: Bilimsel AraÅtırmalar ve D Vitamini ile BaÄıÅıklık DesteÄi</strong></h1> 22035 22036<p dir="ltr">Aptamil Çocuk Devam Sütleri'nin bazı ürünlerinde bulunan D vitamini, baÄıÅıklık sisteminin normal iÅlevine katkıda bulunan temel mikro besinlerden biridir. Prebiyotik bileÅenler ise baÄırsak mikrobiyotasıyla iliÅkili olarak araÅtırılmaktadır.</p> 22037 22038<p dir="ltr"><strong>ð¨ Önemli Bilgi</strong></p> 22039 22040<p dir="ltr">Anne sütü bebekler için en uygun besindir. Dünya SaÄlık Örgütü ilk 6 ay yalnızca anne sütüyle beslenmeyi, ardından uygun tamamlayıcı beslenmeyle birlikte emzirmenin 2 yaÅ ve ötesine kadar sürdürülmesini önerir. Devam sütü kullanımı gerekiyorsa bebeÄin yaÅı, beslenme durumu ve bireysel gereksinimleri saÄlık profesyoneliyle deÄerlendirilmelidir.</p> 22041 22042<h2 dir="ltr"><strong>Aptamil Çocuk Devam Sütleri ve Bilimsel AraÅtırmalar</strong></h2> 22043 22044<p dir="ltr">Aptamil markasının arkasındaki Nutricia, erken yaÅam beslenmesi, anne sütü bileÅenleri, baÄırsak mikrobiyotası, oligosakkaritler ve bebek beslenmesi alanlarında uzun yıllardır araÅtırmalar yürütmektedir. Bu araÅtırmaların bir bölümü üniversiteler ve baÄımsız araÅtırma gruplarıyla gerçekleÅtirilen klinik çalıÅmalar ve bilimsel yayınlar Åeklinde literatürde yer almaktadır.</p> 22045 22046<p dir="ltr">Bir devam sütünün bilimsel olarak deÄerlendirilmesinde yalnızca araÅtırma sayısı deÄil; çalıÅmaların tasarımı, incelenen formül, araÅtırılan saÄlık sonuçları ve hakemli bilimsel yayınlar birlikte dikkate alınmalıdır.</p> 22047 22048<h3 dir="ltr"><strong>Nutricia'nın Bilimsel AraÅtırma Alanları</strong></h3> 22049 22050<ul> 22051 <li dir="ltr">Anne sütü bileÅimi ve oligosakkaritler</li> 22052 <li dir="ltr">Erken yaÅam baÄırsak mikrobiyotası</li> 22053 <li dir="ltr">GOS ve FOS gibi prebiyotik bileÅenler</li> 22054 <li dir="ltr">Belirli ürünlerde kullanılan probiyotik suÅlar ve sinbiyotik kombinasyonlar</li> 22055 <li dir="ltr">LCPUFA ve erken yaÅam beslenmesi</li> 22056 <li dir="ltr">Vitamin ve mineral gereksinimleri</li> 22057</ul> 22058 22059<h2 dir="ltr"><strong>GOS:FOS Prebiyotik BileÅenler Nedir?</strong></h2> 22060 22061<p dir="ltr"><strong>Prebiyotikli devam sütü</strong> ifadesi, formülünde baÄırsaktaki belirli mikroorganizmalar tarafından kullanılabilen prebiyotik bileÅenler bulunan ürünleri tanımlar. GOS, galakto-oligosakkaritleri; FOS ise frukto-oligosakkaritleri ifade eder.</p> 22062 22063<p dir="ltr">Bazı Aptamil formülasyonlarında kısa zincirli GOS ve uzun zincirli FOS bileÅenleri belirli kombinasyonlarda kullanılmaktadır. Bilimsel literatürde scGOS/lcFOS karıÅımları baÄırsak mikrobiyotası ve dıÅkı özellikleri gibi sonuçlar açısından araÅtırılmıÅtır. Ancak bu sonuçlar bütün prebiyotik karıÅımlarına veya bütün Aptamil ürünlerine otomatik olarak genellenemez.</p> 22064 22065<p dir="ltr">Bazı Aptamil formülasyonlarında GOS:FOS bileÅenleri <strong>9:1</strong> oranında kullanılabilir. Ürünlerin içeriÄi ve formülasyonu ürün çeÅidine göre deÄiÅebileceÄinden, güncel bileÅim bilgisi için ürün etiketi kontrol edilmelidir.</p> 22066 22067<h3 dir="ltr"><strong>Prebiyotikler BaÄıÅıklıÄı Güçlendirir mi?</strong></h3> 22068 22069<p dir="ltr">
22069BaÄırsak mikrobiyotası ile baÄıÅıklık sistemi arasında yakın bir iliÅki vardır ve prebiyotiklerin mikrobiyota üzerindeki etkileri araÅtırılmaktadır. Bununla birlikte prebiyotik içeren bir devam sütünün bebeÄin baÄıÅıklıÄını doÄrudan “güçlendirdiÄi” veya enfeksiyonları önlediÄi Åeklinde genel bir garanti verilemez. Etkiler kullanılan bileÅene, miktara, bebeÄin yaÅına ve araÅtırılan klinik sonuca göre deÄiÅebilir.</p> 22070 22071<h2 dir="ltr"><strong>D Vitamini BaÄıÅıklık Sistemini Nasıl Destekler?</strong></h2> 22072 22073<p dir="ltr"><strong>D vitamini baÄıÅıklık desteÄi</strong> açısından önemli bir mikro besindir. D vitamini reseptörleri baÄıÅıklık sistemindeki çeÅitli hücrelerde bulunur ve D vitamini doÄuÅtan ve kazanılmıŠbaÄıÅıklık yanıtlarının düzenlenmesinde rol oynar. Bu nedenle yeterli D vitamini alımı, baÄıÅıklık sisteminin normal iÅlevinin sürdürülmesine katkıda bulunur.</p> 22074 22075<p dir="ltr">Bu ifade, D vitamini içeren bir ürünün enfeksiyonu önlediÄi veya hastalıkları tedavi ettiÄi anlamına gelmez. Özellikle bebeklerde D vitamini desteÄi, ürün reklamlarından baÄımsız olarak ulusal çocuk saÄlıÄı programları ve çocuk doktorunun önerileri doÄrultusunda deÄerlendirilmelidir.</p> 22076 22077<h3 dir="ltr"><strong>Ay Bazlı D Vitamini ve Beslenme Rehberi</strong></h3> 22078 22079<table border="1" cellpadding="8" cellspacing="0" style="border-collapse:collapse; width:100%"> 22080 <thead> 22081 <tr> 22082 <th>YaÅ Dönemi</th> 22083 <th>Temel Beslenme YaklaÅımı</th> 22084 <th>D Vitamini YaklaÅımı</th> 22085 </tr> 22086 </thead> 22087 <tbody> 22088 <tr> 22089 <td>0-6 Ay</td> 22090 <td>İlk tercih yalnızca anne sütüdür</td> 22091 <td>Türkiye'deki koruyucu program kapsamında günlük D vitamini desteÄi uygulanır</td> 22092 </tr> 22093 <tr> 22094 <td>6-12 Ay</td> 22095 <td>Anne sütü + yaÅa uygun tamamlayıcı beslenme</td> 22096 <td>Koruyucu destek ve toplam alım çocuk saÄlıÄı izlemleri doÄrultusunda deÄerlendirilir</td> 22097 </tr> 22098 <tr> 22099 <td>12 Ay ve Sonrası</td> 22100 <td>ÇeÅitli ve dengeli aile beslenmesine geçiÅ</td> 22101 <td>Beslenme, güneÅ maruziyeti, saÄlık durumu ve doktor deÄerlendirmesine göre ele alınır</td> 22102 </tr> 22103 </tbody> 22104</table> 22105 22106<p dir="ltr">Türkiye'de bebeklerde D vitamini yetersizliÄinin önlenmesi amacıyla yaÅamın erken döneminden itibaren günlük <strong>400 IU D vitamini</strong> desteÄi önerilmektedir. Devam sütündeki D vitamini miktarı ise ürün çeÅidine ve tüketilen hacme göre deÄiÅir; bu nedenle yalnızca ürünün D vitamini içeriyor olması koruyucu damlanın otomatik olarak bırakılması gerektiÄi anlamına gelmez.</p> 22107 22108<h2 dir="ltr"><strong>Aptamil Çocuk Devam Sütleri İçerik Analizi ve BaÄıÅıklık BileÅenleri</strong></h2> 22109 22110<p dir="ltr"><strong>Aptamil içerik analizi</strong> yapılırken ürünün tam adı ve yaÅ aÅaması dikkate alınmalıdır. Aptamil Çocuk Devam Sütleri tek bir formül deÄildir; vitamin, mineral ve diÄer bileÅenlerin miktarları ürün çeÅidine göre deÄiÅebilir.</p> 22111 22112<h3 dir="ltr"><strong>Vitaminler</strong></h3> 22113 22114<ul> 22115 <li dir="ltr"><strong>D vitamini:</strong> BaÄıÅıklık sisteminin normal iÅlevine ve normal kemik geliÅimine katkıda bulunur</li> 22116 <li dir="ltr"><strong>A vitamini:</strong> Normal baÄıÅıklık fonksiyonu ve epitel dokuların korunmasında rol oynar</li> 22117 <li dir="ltr"><strong>C vitamini:</strong> Normal baÄıÅıklık fonksiyonuna ve hücrelerin oksidatif stresten korunmasına katkıda bulunur</li> 22118 <li dir="ltr"><strong>B12 vitamini:</strong> Normal enerji metabolizması, sinir sistemi ve kan hücresi oluÅumuyla iliÅkili temel bir vitamindir</li> 22119</ul> 22120 22121<h3 dir="ltr"><strong>Mineraller</strong></h3> 22122 22123<ul> 22124 <li dir="ltr"><strong>Demir:</strong> Normal biliÅsel geliÅim ve kan hücresi oluÅumu açısından önemlidir</li> 22125 <li dir="ltr"><strong>Çinko:</strong> Normal baÄıÅıklık fonksiyonu ve hücre bölünmesinde rol oynar</li> 22126 <li dir="ltr"><strong>İyot:</strong> Normal büyüme ve tiroid fonksiyonları için gereklidir</li> 22127</ul> 22128 22129<h3 dir="ltr"><strong>LCPUFA Nedir?</strong></h3> 22130 22131<p dir="ltr">LCPUFA, uzun zincirli çoklu doymamıŠyaÄ asitlerini ifade eder. DHA gibi yaÄ asitleri erken yaÅamda beyin ve retina geliÅimi açısından önem taÅır. Bebek formüllerinin yaÄ asidi bileÅimi Avrupa ve Türkiye'deki ilgili mevzuat kapsamında düzenlenmektedir.</p> 22132 22133<h3 dir="ltr"><strong>B. breve ve Prosyneo Formülasyonları</strong></h3> 22134 22135<p dir="ltr">Aptamil Prosyneo gibi belirli ürü
22135nlerde prebiyotiklerin yanında <strong>Bifidobacterium breve</strong> suÅları gibi probiyotik bileÅenler bulunabilir. Probiyotiklerin etkileri suÅa özgüdür; bu nedenle yalnızca bakteri türünün adına bakarak bütün ürünler için aynı saÄlık etkisini varsaymak doÄru deÄildir.</p> 22136 22137<h2 dir="ltr"><strong>Aptamil'in BaÄıÅıklıÄa DesteÄi Hakkında Bilimsel Olarak Ne Söylenebilir?</strong></h2> 22138 22139<p dir="ltr">Bilimsel olarak en net ifade Åudur: D vitamini, baÄıÅıklık sisteminin normal iÅlevine katkıda bulunan temel bir besin öÄesidir. Aptamil Çocuk Devam Sütleri'nin D vitamini içeren çeÅitleri de toplam D vitamini alımına katkı saÄlayabilir.</p> 22140 22141<p dir="ltr">Prebiyotik GOS/FOS bileÅenleri ve belirli ürünlerde kullanılan probiyotikler ise baÄırsak mikrobiyotası odaÄında araÅtırılmaktadır. Ancak “Aptamil bebeÄin baÄıÅıklıÄını güçlendirir” Åeklinde ürün düzeyinde genel bir tıbbi iddia, yalnızca bu bileÅenlerin varlıÄından çıkarılamaz.</p> 22142 22143<p dir="ltr"><strong>ð¨ Önemli Bilgi</strong></p> 22144 22145<p dir="ltr">BebeÄiniz sık hastalanıyorsa, büyüme-geliÅme sorunu varsa veya baÄıÅıklık sistemiyle ilgili bir problemden Åüpheleniyorsanız devam sütünü deÄiÅtirmek yerine çocuk doktoruna baÅvurun. Devam sütü tıbbi deÄerlendirme veya tedavinin yerine geçmez.</p> 22146 22147<h2 dir="ltr"><strong>Sıkça Sorulan Sorular</strong></h2> 22148 22149<h3 dir="ltr"><strong>Prebiyotikli devam sütü kullanımı neden önemlidir?</strong></h3> 22150 22151<p dir="ltr">Prebiyotikler baÄırsaktaki belirli mikroorganizmalar tarafından kullanılabilen bileÅenlerdir ve mikrobiyota üzerindeki etkileri araÅtırılmaktadır. Ancak saÄlıklı her bebeÄin mutlaka prebiyotikli devam sütü kullanması gerektiÄi söylenemez. Anne sütü ilk tercihtir; devam sütü seçimi bireysel beslenme ihtiyacına göre yapılmalıdır.</p> 22152 22153<h3 dir="ltr"><strong>D vitamini içeren devam sütü ayrıca D vitamini damlası gerektirir mi?</strong></h3> 22154 22155<p dir="ltr">Bu karar bebeÄin yaÅına, günlük tükettiÄi ürün miktarına, ürünün D vitamini içeriÄine ve ulusal koruyucu saÄlık önerilerine göre deÄerlendirilir. D vitamini içeren devam sütü kullanıldıÄı için koruyucu desteÄi kendi kendinize kesmeyin; çocuk doktorunun önerisini izleyin.</p> 22156 22157<h3 dir="ltr"><strong>GOS:FOS 9:1 oranı ne anlama gelir?</strong></h3> 22158 22159<p dir="ltr">Bu ifade belirli formülasyonlarda kullanılan kısa ve uzun zincirli oligosakkaritlerin oranını tanımlar. Bu karıÅımlar baÄırsak mikrobiyotası alanında araÅtırılmıÅtır. Ancak oran tek baÅına ürünün bütün bebekler için üstün olduÄunu veya baÄıÅıklıÄı güçlendireceÄini göstermez.</p> 22160 22161<h2 dir="ltr"><strong>Genel DeÄerlendirme</strong></h2> 22162 22163<p dir="ltr">Aptamil Çocuk Devam Sütleri hakkında baÄıÅıklık açısından deÄerlendirilebilecek en güçlü ve mevzuata uygun noktalardan biri, D vitamininin baÄıÅıklık sisteminin normal iÅlevine katkıda bulunmasıdır. GOS/FOS gibi prebiyotik bileÅenler ve belirli ürünlerdeki probiyotikler ise erken yaÅam baÄırsak mikrobiyotası alanındaki bilimsel araÅtırmaların konusudur.</p> 22164 22165<p dir="ltr">Bununla birlikte klinik çalıÅma sayısı, pazar liderliÄi veya belirli bileÅenlerin varlıÄı bir devam sütünü otomatik olarak “en iyi” seçenek yapmaz. BebeÄiniz için beslenme tercihi yaparken anne sütünü önceliklendirin ve devam sütü gereksinimini çocuk doktorunuzla birlikte deÄerlendirin.</p> 22166 22167 22168 22169 <section class="content-sources-cont" data-wording-on="Daha Fazla Göster" data-wording-off="Gizle"> 22170 <h2 class="cap">Kaynaklar</h2> 22171 <div class="content-sources"> 22172 <div class="formatted-text"> 22173 <ul> 22174 <li dir="ltr"><a href="https://hsgm.saglik.gov.tr/depo/birimler/aile-hekimligi-egitim-ve-izleme-db/Dokumanlar/Rehberler/EGITIM%20REHBERI%20Mayis%202023.pdf" rel="noopener noreferrer" target="_blank">T.C. SaÄlık BakanlıÄı Halk SaÄlıÄı Genel MüdürlüÄü. Aile HekimliÄi EÄitim Rehberi – Bebeklerde D Vitamini YetersizliÄinin Önlenmesi ve Kemik SaÄlıÄının GeliÅtirilmesi Programı.</a></li> 22175 <li dir="ltr"><a href="https://hsgm.saglik.gov.tr/depo/birimler/kronik-hastaliklar-ve-yasli-sagligi-db/Dokumanlar/Kitaplar/Periyodik_Muayene_Rehberi.pdf" rel="noopener noreferrer" target="_blank">T.C. SaÄlık BakanlıÄı Halk SaÄlıÄı Genel MüdürlüÄü. Periyodik SaÄlık Muayeneleri ve Tarama Testleri Rehberi – Bebeklik ve Çocukluk Dönemi D Vitamini Profilaksisi.</a></li> 22176 <li dir="ltr"><a href="https://www.tarimorman.gov.tr/GKGM/Haber/1149/Turk-Gida-Kodeksi-Bebek-Formulleri-Ve-Devam-Formulleri-Tebliginde-Degisiklik-Yapildi" rel="noopener noreferrer" target="_blank">T.C. Tarım ve Orman BakanlıÄı. Türk Gıda Kodeksi Bebek Formülleri ve Devam Formülleri TebliÄi (2019/14) ve 2025/19 DeÄiÅikliÄi.</a></li> 22177 <li dir="ltr"><a href="https://istanbul.tarimorman.gov.tr/Belgeler/SolMenu/RESMI%20GAZETE2
22177019-2019/TEBLIGLER/BebekFormulleriveDevamFormulleriT.pdf" rel="noopener noreferrer" target="_blank">T.C. Tarım ve Orman BakanlıÄı. Türk Gıda Kodeksi Bebek Formülleri ve Devam Formülleri TebliÄi (TebliÄ No: 2019/14).</a></li> 22178 <li dir="ltr"><a href="https://www.who.int/news-room/fact-sheets/detail/infant-and-young-child-feeding" rel="noopener noreferrer" target="_blank">World Health Organization. Infant and Young Child Feeding. Güncelleme: 4 AÄustos 2026.</a></li> 22179 <li dir="ltr"><a href="https://pubmed.ncbi.nlm.nih.gov/18492847/" rel="noopener noreferrer" target="_blank">Scholtens PAMJ, et al. Fecal Secretory Immunoglobulin A Is Increased in Healthy Infants Who Receive a Formula with Short-Chain Galacto-Oligosaccharides and Long-Chain Fructo-Oligosaccharides. Journal of Nutrition. 2008.</a></li> 22180 <li dir="ltr"><a href="https://pubmed.ncbi.nlm.nih.gov/29633642/" rel="noopener noreferrer" target="_blank">Kosuwon P, et al. A Synbiotic Mixture of scGOS/lcFOS and Bifidobacterium breve M-16V Increases Faecal Bifidobacterium in Healthy Young Children. Journal of Nutritional Science. 2018.</a></li> 22181</ul> 22182 </div> 22183 </div> 22184 </section> 22185 22186 22187 22188 22189 22190 <a class="author-card" title="Ãmit Arman EÅref" href="#yazar-detay" style="display:none;"> 22191 <div class="img"> 22192 <span class="lazy-image shield" data-href="/assets/images/shield-blue.png" data-alt="mask">mask</span> 22193 <span class="lazy-image ex" data-href="https://cdnd.ilkadimlarim.com/doctor/crops/198x245/umit_arman_esref_20465.jpg" data-alt="Ãmit Arman EÅref">Ãmit Arman EÅref</span> 22194 </div> 22195 <div class="text"> 22196 <span class="title">Yazar</span> 22197 <h3 class="name">Ãmit Arman EÅref</h3> 22198 <span class="prof">Anne Sütü ve Emzirme</span> 22199 <p class="content">Ege Ãniversitesi Tıp Fakültesi mezunuyum. Ãocuk saÄlıÄı ve hastalıkları ihtisasımı Dokuz Eylül Ãniversitesi'nde tamamladım. Åu anda Samsun Ãzel... LL...Hastanesiânde görevimi sürdürüyorum. İlkadımlarım Instagram hesabındaki canlı yayınlarımla bebeÄiyle ilgili sorusu olan anne babalara destek oluyorum... BebeÄinizin saÄlıÄı, beslenmesi ve geliÅimiyle ilgili tüm konularda sizlere yardımcı olmaktan mutluluk duyarım.</p> 22200 <span class="button navy-blue">Profili Gör</span> 22201 </div> 22202 </a> 22203 22204 </div> 22205 <div class="like"> 22206 <div data-href="/blog-like" data-id="1105" data-token="rfgnGnmpqo2fbx9h7JUyfvAxnYmHtW0avsTJOoh1" class="add-like like-button "> 22207 <span class="like-this"><i class="icon-c-like"></i>Bu içeriÄi beÄen</span> 22208 <span class="dislike-this"><i class="icon-moms-big"></i>Bu içeriÄi beÄendiniz</span> 22209 </div> 22210 </div> 22211 </div> 22212 <div class="personaclick-recommend" data-recommender-callback="pc_callback" data-recommender-block="dynamic" data-recommender-item="21105" data-recommender-code="1428ff55aaa115de92fc95cd08b1df64"></div> 22213 <div class="personaclick-recommend" data-recommender-callback="pc_callback" data-recommender-block="dynamic" data-recommender-item="21105" data-recommender-code="e39993764dc54630bc480282493567b
222136"></div> 22214 <div class="personaclick-recommend" data-recommender-callback="pc_callback" data-recommender-block="dynamic" data-recommender-item="21105" data-recommender-code="22581be819ad12cb35b66863dd739747"></div> 22215 22216 22217 </div> 22218 22219 <div class="content-academi-sticky"> 22220 <a href="/akademi" target="_blank" rel="noopener nofollow" title="Uzmanlarla canlı eÄitimlere katılarak merak ettiklerini sor"> 22221 <span class="lazy-image" data-href="/assets/images/banners/content-banner-akademi.png" data-alt="Uzmanlarla canlı eÄitimlere katılarak merak ettiklerini sor"></span> 22222 </a> 22223 </div> 22224 22225 22226 22227 22228 22229 22230 22231 22232 22233 22234 22235 22236 22237 22238 22239 22240 22241 22242 22243 22244 22245 22246 22247 22248 22249 22250 22251 22252 22253 22254 22255 22256 22257 22258 22259 22260 22261 22262 22263 22264 22265 22266 22267 22268 22269 22270 22271 22272 22273 22274 22275 22276 22277 22278 22279 22280 22281 22282 22283 22284 22285 22286 22287 22288 22289 22290 22291 22292 22293 22294 22295 22296 22297 22298 22299 22300 22301 <footer> 22302 <div class="top"> 22303 <h2>İlkadımlarım Uygulamamızla TanıÅtınız mı?</h2> 22304 <a class="app-link" href="https://app.adjust.com/21gbw8ek" target="_blank" rel="nofollow noopener"> 22305 <span class="lazy-image" data-href="/assets/images/app-store.png" data-alt="app store">app store</span> 22306 </a> 22307 <a class="app-link" href="https://app.adjust.com/21gbw8ek" target="_blank" rel="nofollow noopener"> 22308 <span class="lazy-image" data-href="/assets/images/google-play.png" data-alt="google play">google play</span> 22309 </a> 22310 <a class="app-image lazy-image" href="/assets/images/footer-app-web-v5.png" data-mobile="/assets/images/footer-app-mobile-v5.png" title="İlkadımlarım uygulamasını indirin">İlkadımlarım uygulamasını indirin</a> 22311 </div> 22312 <div class="middle"> 22313 22314 <div class="f-links"> 22315 <a class="lazy-image f-aptamil-logo" href="/assets/images/footer-aptamil-logo.png" title="Aptamil">Aptamil</a> 22316 <nav class="col first"> 22317 <div class="group" data-title="Online AlıÅveriÅ"> 22318 <strong class="cap">Ãrünler<span class="badge purple">ONLİNE ALIÅVERİÅ</span></strong> 22319 <a href="/urunler?cat[]=82&age=12-ay-ve-uzeri" 22320 title="Aptamil Ãocuk Devam Sütleri"> 22321 Aptamil Ãocuk Devam Sütleri 22322 </a> 22323 <a href="/urunler?cat[]=86&age=12-ay-ve-uzeri" 22324 title="Aptamil Prosyneo Devam Sütleri "> 22325 Aptamil Prosyneo Devam Sütleri 22326 </a> 22327 <a href="/urunler?cat[]=77&age=12-ay-ve-uzeri" 22328 title="Emziren Anneler İçin Lactamil"> 22329 Emziren Anneler İçin Lactamil 22330 </a> 22331 <a href="/urunler?cat[]=39&age=12-ay-ve-uzeri" 22332 title="Aptamil Sütlü ve Tahıllı Ek Gıdalar "> 22333 Aptamil Sütlü ve Tahıllı Ek Gıdalar 22334 </a> 22335 <a href="/urunler?cat[]=37&age=12-ay-ve-uzeri" 22336 title="Milupa Organik Kavanoz Serisi"> 22337 Milupa Organik Kavanoz Serisi 22338 </a> 22339 <a href="/urunler?cat[]=74&age=12-ay-ve-uzeri" 22340 title="Milupa Ãocuk Sıvı Devam Sütleri"> 22341 Milupa Ãocuk Sıvı Devam Sütleri 22342 </a> 22343 <a href="/urunler?cat[]=36&age=12-ay-ve-uzeri" 22344 title="Milupa Ãorba Serisi "> 22345 Milupa Ãorba Serisi 22346 </a> 22347 <a href="/aptamil-ozel-urunler" title="Aptamil Ãzel Ãrünler">Aptamil Ãzel Ãrünler</a> 22348 </div> 22349 <div class="group separate" data-title="Ãzel Sayfalar"> 22350 <strong class="cap">Ãzel Sayfalar</strong> 22351 <a href="/neden-aptamil-cocuk-devam-sutu" title="Neden Aptamil Ãocuk Devam Sütleri?">Neden Aptamil Ãocuk Devam Sütleri?</a> 22352 <a href="/1-yasindan-sonra-cocuk-devam-sutu" title="1 YaÅından Sonra Ãocuk Devam Sütü">1 YaÅından Sonra Ãocuk Devam Sütü</a> 22353 <a href="/10-adimda-anne-sutu-arastirma-merkezi" title="10 Adımda Anne Sütü AraÅtırma Merkezi">10 Adımda Anne Sütü AraÅtırma Merkezi</a> 22354 <a href="/arama?search=Aptamil%20Prosyneo" title="Aptamil Prosyneo">Aptamil Prosyneo</a> 22355 <a href="/aptamil-cocuk-devam-sutleri-kalite-ve-guvenlik" title="Aptamil Ãocuk Devam Sütleri'inin Kalite ve GüvenliÄini Nasıl SaÄlıyoruz?">Aptamil Ãocuk Devam Sütleri'inin Kalite ve GüvenliÄini Nasıl SaÄlıyoruz?</a> 22356 </div> 22357 </nav> 22358 <nav class="col second"> 22359 <div class="group" data-title="GeliÅim Takvimi"> 22360 <strong class="cap">GeliÅim Takvimi</strong> 22361 <a href="/hamileyim" title="Hamileyim">Hamileyim</a> 22362 <a href="/0-6-ay" title="0-6 Ay">0-6 Ay</a> 22363 <a href="/6-12-ay" title="6-12 Ay">6-12 Ay</a> 22364 <a href="/12-24-ay" title="12 - 24 Ay">12 - 24 Ay</a> 22365 <a href="/faydali-bilgiler-zamansal" title="Faydalı Bilgiler">Faydalı Bilgiler</a> 22366 </div> 22367 <div class="group separate" data-title="Faydalı İçerikler"> 22368 <strong class="cap">Faydalı İçerikler</strong> 22369 <a href="/gebelik-takvimi" title="Gebelik Takvimi">Gebelik Takvimi</a> 22370 <a href="/faydali-araclar" title="Faydalı Araçlar">Faydalı Araçlar</a> 22371 <a href="/bebek-isimleri-sozlugu" title="Bebek İsimleri">Bebek İsimleri</a> 22372 <a href="/gebelik-hesaplama" title="Gebelik Hesaplama">Gebelik Hesaplama</a> 22373 <a href="/ideal-boy-ve-kilo-hesaplama" title="Persentil Hesaplama">Persentil Hesaplama</a> 22374 <a href="/kiz-bebek-isimleri" title="Kız Bebek İsimleri">Kız Bebek İsimleri</a> 22375 <a href="/erkek-bebek-isimleri" title="Erkek Bebek İsimleri">Erkek Bebek İsimleri</a> 22376 <a href="/cin-takvimine-gore-cinsiyet" title="Ãin Takvimine Göre Cinsiyet">Ãin Takvimine Göre Cinsiyet</a> 22377 </div> 22378 </nav> 22379 <nav class="col"> 22380 <div class="group" data-title="İçerik Kategorileri"> 22381 <strong class="cap">İçerik Kategorileri</strong> 22382 <a href="/size-ozel" title="Annelere Ãzel">Annelere Ãzel</a> 22383 <a href="/ilkler" title="İlkler">İlkler</a> 22384 <a href="/bebek-gelisimi" title="GeliÅim">GeliÅim</a> 22385 <a href="/bebek-beslenmesi" title="Beslenme">Beslenme</a> 22386 <a href="/bebek-emzirmesi" title="Emzirme">Emzirme</a> 22387 <a href="/uyku" title="Uyku">Uyku</a> 22388 <a href="/bebeklerde-alerji" title="Alerji">Alerji</a> 22389 <a href="/hamilelik" title="Hamilelik">Hamilelik</a> 22390 <a href="/tarifler" title="Besleyici Tarifler">Besleyici Tarifler</a> 22391 </div> 22392 </nav> 22393 <nav class="col last"> 22394 <div class="group" data-title="Yardım"> 22395 <strong class="cap">Yardım <span class="badge purple">ONLİNE ALIÅVERİÅ</span></strong> 22396 <a href="tel:08502025151" title="Bizi Arayın">0850 202 51 51</a> 22397 <a href="/sikca-sorulan-sorular#uyelik-online-alisveris" title="Ãyelik">Ãyelik</a> 22398 <a href="/sikca-sorulan-sorular#uyelik-online-alisveris" title="Online AlıÅveriÅ">Online AlıÅveriÅ</a> 22399 <a href="/sikca-sorulan-sorular#urun-siparis" title="Ãrün SipariÅ">Ãrün SipariÅ</a> 22400 <a href="/sikca-sorulan-sorular#odeme-fatura" title="Ãdeme">Ãdeme</a> 22401 <a href="/sikca-sorulan-sorular#odeme-fatura" title="Fatura">Fatura</a> 22402 <a href="/sikca-sorulan-sorular#hediye-ceki" title="Hediye Ãeki">Hediye Ãeki</a> 22403 <a href="/sikca-sorulan-sorular#iade" title="İade">İade</a> 22404 <a href="/sikca-sorulan-sorular#teslimat" title="Teslimat">Teslimat</a> 22405 <a href="/iade-talep" title="İade Talep Formu">İade Talep Formu</a> 22406 </div> 22407 </nav> 22408 </div> 22409 <div class="f-socials"> 22410 <h3 class="large-cap">Bizi takip edin</h3>
22411 <a class="social" href="https://www.facebook.com/ilkadimlarim" target="_blank" rel="noopener" title="İlkadımlarım Facebook Sayfası"><i class="icon-f-facebook"></i></a> 22412 <a class="social" href="https://www.instagram.com/ilkadimlarim" target="_blank" rel="noopener" title="İlkadımlarım instagram Hesabı"><i class="icon-f-instagram"></i></a> 22413 <a class="social" href="https://www.youtube.com/channel/UCC-ho5NlQcr8V-1Xnf19IPQ" target="_blank" rel="noopener" title="İlkadımlarım Youtube Kanalı"><i class="icon-f-youtube"></i></a> 22414 <a class="evde-bebek2" href="/akademi" title="#Yeniannebabalarınyanındayız"> 22415 <span class="lazy-image play" data-href="/assets/images/akademi-play-orange.svg" data-alt="play"></span> 22416 <div class="text">Uzmanlardan Ãcretsiz EÄitimler <br>İlkadımlarım Akademiâde</div> 22417 <div class="img"><span class="lazy-image play" data-href="/assets/images/akademi/footer-akademi-logo.png" data-alt="logo"></span></div> 22418 </a> 22419 </div> 22420 <div class="f-mothers"> 22421 <h3 class="large-cap">Uzman Beslenme DanıÅmanları</h3> 22422 <a class="call" href="tel:08502025151" title="Uzman Beslenme DanıÅmanları'nı arayın"><i class="icon-f-phone"></i>0850 202 51 51</a> 22423 <span class="lazy-image call-center" data-href="/assets/images/call.png" data-alt="Bizi arayın">Bizi arayın</span> 22424 </div> 22425 <div class="f-corp"> 22426 <div class="scroller"> 22427 <a href="/hakkimizda" title="Hakkımızda">Hakkımızda</a> 22428 <a href="/iletisim" title="İletiÅim">İletiÅim</a> 22429 <a href="/kvkk-aydinlatma-metni" title="KVKK Aydınlatma Metni">KVKK Aydınlatma Metni</a> 22430 <a href="https://e-sirket.mkk.com.tr/esir/Dashboard.jsp#/sirketbilgileri/13324" title="Bilgi Toplumu Hizmetleri">Bilgi Toplumu Hizmetleri</a> 22431 22432 <a href="/cerez-politikasi" title="Ãerez Politikası">Ãerez Politikası</a> 22433 <a href="javascript:;" onclick="cact('consentCenter.show')">Ãerez Ayarları</a> 22434 <a href="/assets/content/kalite-ve-gida-guvenligi-politikasi.pdf" target="_blank" rel="noopener" title="Kalite ve Gıda GüvenliÄi">Kalite ve Gıda GüvenliÄi</a> 22435 </div> 22436 </div> 22437 </div> 22438 <div class="bottom"> 22439 <div class="info">BebeÄiniz için en uygun besin anne sütüdür. Anne sütü ile beslenmenin mümkün olmadıÄı durumlarda doktorunuza danıÅınız. Bu sitede yayınlanan bilgiler hekim tavsiyesi yerine geçmez. En doÄru bilgi için doktorunuza danıÅınız. SaÄlıklı yaÅam için dengeli, çeÅitli beslenilmelidir. *D vitamini çocuklarda baÄıÅıklık sisteminin normal iÅlevine katkıda bulunur.</div> 22440 <div class="copy-cont"> 22441 <div class="copy"> 22442 <a class="lazy-image il" href="/assets/images/ilkadimlarim-aptamil-4-logo-2025.png" title="İlkadımlarım logo"></a> 22443 <span>2025 İlkadımlarım Her Hakkı Saklıdır.</span> 22444 </div> 22445 <a class="positive" href="https://www.positive.com.tr" target="_blank" rel="noopener"> 22446 <span class="lazy-image pos" data-href="/assets/images/positive-a-digital-approach.svg" data-alt="Positive a Digital Approach">Positive a Digital Approach</span> 22447 </a> 22448 </div> 22449 </div> 22450 </footer> 22451 22452 </div> 22453 </div> 22454 <div class="app-bar"> 22455 <a class="lazy-image icon" href="/assets/images/app-bar-icon.png" title="ilkadımlarım app">ilkadımlarım app</a> 22456 <div class="text"> 22457 <p class="cap">İlkadımlarım: Bebek GeliÅimi</p> 22458 <a href="https://ilkadimlarim.com/deeplink/" class="button white" target="_blank" rel="noopener">İlkadımlarım'ı uygulamada aç</a> 22459 </div> 22460</div> 22461 </div> 22462 </body> 22463</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.