/* --- base --- */ /* --- missing styles --- */ ul, ol { padding: 0; list-style-position: inside; } dd { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } blockquote, q { quotes: none; margin: 0; } blockquote:after, q:after, blockquote:before, q:before { content: ''; content: none; } a, button, input[type="text"], input[type="password"], input[type="reset"], input[type="email"], input[type="submit"], input[type="button"], select, textarea { outline: none !important; } /* * Примеси */ .block { display: block; } .inline-block { display: inline-block; } .hide { display: none; } .no-float:after { display: block; line-height: 0; content: ''; clear: both; } .show { display: block; } .to-left { float: left; } .to-right { float: right; } /* --- framework --- */ @font-face { font-family: 'GothamProBold'; src: url('/Themes/DefaultClean/Content/Fonts/GothabProBold/gothaprobol.eot'); src: url('/Themes/DefaultClean/Content/Fonts/GothabProBold/gothaprobol.woff') format('woff'), url('/Themes/DefaultClean/Content/Fonts/GothabProBold/gothaprobol.ttf') format('truetype'), url('/Themes/DefaultClean/Content/Fonts/GothabProBold/gothaprobol.eot') format('embedded-opentype'); } @font-face { font-family: 'GothamProMedium'; src: url('/Themes/DefaultClean/Content/Fonts/GothabProMed/gothapromed.eot'); src: url('/Themes/DefaultClean/Content/Fonts/GothabProMed/gothapromed.woff') format('woff'), url('/Themes/DefaultClean/Content/Fonts/GothabProMed/gothapromed.ttf') format('truetype'), url('/Themes/DefaultClean/Content/Fonts/GothabProMed/gothapromed.eot') format('embedded-opentype'); } @font-face { font-family: 'GothamPro'; src: url('/Themes/DefaultClean/Content/Fonts/GothabPro/gothaproreg.eot'); src: url('/Themes/DefaultClean/Content/Fonts/GothabPro/gothaproreg.woff') format('woff'), url('/Themes/DefaultClean/Content/Fonts/GothabPro/gothaproreg.ttf') format('truetype'), url('/Themes/DefaultClean/Content/Fonts/GothabPro/gothaproreg.eot') format('embedded-opentype'); } @font-face { font-family: 'TkachenkoSketchBold'; src: url('/Themes/DefaultClean/Content/Fonts/TkachenkoSketchBold/tkachenkosketch4f-bold.eot'); src: url('/Themes/DefaultClean/Content/Fonts/TkachenkoSketchBold/tkachenkosketch4f-bold.woff') format('woff'), url('/Themes/DefaultClean/Content/Fonts/TkachenkoSketchBold/tkachenkosketch4f-bold.ttf') format('truetype'); } @font-face { font-family: 'AhellyaItalic'; src: url('/Themes/DefaultClean/Content/Fonts/AhellyaItalic/ahellyaitalic.eot'); src: url('/Themes/DefaultClean/Content/Fonts/AhellyaItalic/ahellyaitalic.woff') format('woff'), url('/Themes/DefaultClean/Content/Fonts/AhellyaItalic/ahellyaitalic.ttf') format('truetype'), url('/Themes/DefaultClean/Content/Fonts/AhellyaItalic/ahellyaitalic.eot') format('embedded-opentype'); } @font-face { font-family: 'Ahellya'; src: url('/Themes/DefaultClean/Content/Fonts/Ahellya/ahellya.eot'); src: url('/Themes/DefaultClean/Content/Fonts/Ahellya/ahellya.woff') format('woff'), url('/Themes/DefaultClean/Content/Fonts/Ahellya/ahellya.ttf') format('truetype'), url('/Themes/DefaultClean/Content/Fonts/Ahellya/ahellya.eot') format('embedded-opentype'); } a:hover { text-decoration: none; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-orange { color: #ff993f !important; } .text-blue { color: #4fbfd2 !important; } h1 { font-family: 'GothamProBold'; font-size: 24px; font-size: 2.4rem; line-height: 1.4; margin-top: 0; } h1 { font-family: 'GothamProBold'; font-size: 20px; font-size: 2rem; line-height: 1.4; margin-top: 0; } h4 { font-family: 'GothamProBold'; font-size: 18px; font-size: 1.8rem; line-height: 1.4; } .h5 { font-family: 'GothamProBold'; font-size: 16px; font-size: 1.6rem; line-height: 1.4; } h6 { font-family: 'GothamProBold'; font-size: 14px; font-size: 1.4rem; line-height: 1.4; } .landing-h3 { font-family: 'TkachenkoSketchBold'; font-size: 60px; font-size: 6rem; line-height: 50px; text-align: center; } .landing-h3 a { color: inherit; cursor: pointer; } .landing-h4 { font-family: 'TkachenkoSketchBold'; font-size: 48px; font-size: 4.8rem; line-height: 50px; text-align: center; } .link { color: black; } .link:hover { color: #ff993f; } .link:active { color: #4fbfd2; } .hint { color: #818181; font-size: 12px; font-size: 1.2rem; line-height: 1.4; margin-top: 5px; margin-bottom: 5px; } /* * Основной каркас страницы */ html { font-size: 10px; height: 100%; min-height: 100%; } body { font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 1.4; height: 100%; min-height: 100%; position: relative; } #poodle { background: url('/Themes/DefaultClean/Content/Images/bg.jpg'); color: white; min-height: 100%; min-width: 1200px; overflow: hidden; padding-bottom: 60px; position: relative; width: 100%; } #poodle:before { background: url('/Themes/DefaultClean/Content/Images/bg-left.png') no-repeat; content: ''; display: block; position: absolute; top: 270px; left: 0; height: 3474px; width: 179px; z-index: 1; } #poodle:after { background: url('/Themes/DefaultClean/Content/Images/bg-right.png') no-repeat; content: ''; display: block; position: absolute; top: 260px; right: 0; height: 3459px; width: 238px; z-index: 1; } #poodle .container { min-width: 970px; position: relative; width: 970px; z-index: 3; } #poodle .indent { padding: 40px 0; text-align: center; width: 100%; } #poodle .indent .icon-indent { background: url('/Themes/DefaultClean/Content/Images/indent.png'); display: inline-block; margin: 0 5px; height: 58px; width: 107px; vertical-align: middle; } #poodle .indent-s { width: 100%; } #poodle .indent-s .icon-indent-s { background: url('/Themes/DefaultClean/Content/Images/indent-s.png'); display: inline-block; margin: 0 5px; height: 26px; width: 38px; vertical-align: middle; } #poodle .indent-s:after, #poodle .indent-s:before { border-top: 1px solid white; content: ''; display: inline-block; vertical-align: middle; } #poodle .indent-xs { width: 100%; } #poodle .indent-xs .icon-indent-xs { background: url('/Themes/DefaultClean/Content/Images/indent-xs.png'); display: inline-block; margin: 0 5px; height: 10px; width: 16px; vertical-align: middle; } #poodle .indent-xs:after, #poodle .indent-xs:before { border-top: 1px solid white; content: ''; display: inline-block; vertical-align: middle; } footer { color: white; height: 60px; margin-top: -60px; position: relative; z-index: 9; } .price { font-family: 'GothamProMedium'; font-size: 24px; font-size: 2.4rem; line-height: 34px; } .is-loading { position: relative; } .is-loading:after { background: url('/Themes/DefaultClean/Content/Images/loader.gif') 50% 50% no-repeat rgba(255, 255, 255, 0.5); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1000; } .is-visible { visibility: visible !important; } .poodle-page { background: white; border-left: 3px solid #f2f2f2; border-right: 3px solid #f2f2f2; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: black; margin: 35px 0 50px; padding: 10px 20px; position: relative; } .poodle-page:before, .poodle-page:after { background-repeat: no-repeat; background-size: 100% 25px!important; content: ''; display: block; position: absolute; left: -3px; right: 0; height: 25px; width: calc(100% + 6px); z-index: -1; } .poodle-page:before { background: url('/Themes/DefaultClean/Content/Images/poodle-page-angles.png'); top: -25px; } .poodle-page:after { background: url('/Themes/DefaultClean/Content/Images/poodle-page-angles-bottom.png'); bottom: -25px; } .btn { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block; height: 38px; outline: none!important; position: relative; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .btn input { background: transparent; border: none; color: inherit; font-size: inherit; text-transform: inherit; outline: none!important; padding: 0; top: 0; left: 0; right: 0; height: inherit; width: inherit; } .btn-white { border: 1px solid white; border-radius: 36px; background: white; color: black !important; text-align: center; text-transform: uppercase; } .btn-white:after, .btn-white:before { background: #3e3c44; border-radius: 50%; content: ''; display: inline-block; margin: 0 10px; position: absolute; top: 45%; height: 5px; width: 5px; vertical-align: middle; } .btn-white:after { right: 5px; } .btn-white:before { left: 5px; } .btn-white:hover { border: 1px solid #ff993f; background: #ff993f; } .btn-white:active { border: 1px solid #4fbfd2; background: #4fbfd2; } .btn-gray-border { border: 1px solid #e8e7e5; border-radius: 36px; background: white; color: black !important; text-align: center; text-transform: uppercase; } .btn-gray-border:after, .btn-gray-border:before { background: #e8e7e5; border-radius: 50%; content: ''; display: inline-block; margin: 0 10px; position: absolute; top: 45%; height: 5px; width: 5px; vertical-align: middle; } .btn-gray-border:after { right: 5px; } .btn-gray-border:before { left: 5px; } .btn-gray-border:hover { border: 1px solid #ff993f; background: #ff993f; } .btn-gray-border:active { border: 1px solid #4fbfd2; background: #4fbfd2; } .btn-transparent { border: 1px solid white; border-radius: 36px; background: transparent; color: white; text-align: center; text-transform: uppercase; } .btn-transparent:after, .btn-transparent:before { background: white; border-radius: 50%; content: ''; display: inline-block; margin: 0 10px; position: absolute; top: 45%; height: 5px; width: 5px; vertical-align: middle; } .btn-transparent:after { right: 5px; } .btn-transparent:before { left: 5px; } .btn-transparent:hover { border: 1px solid white; background: white; color: black; } .btn-transparent:hover:after, .btn-transparent:hover:before { background: rgba(0, 0, 0, 0.8); } .btn-transparent:active { border: 1px solid #ff993f; background: #ff993f; color: black; } .btn-orange { border: 1px solid #ff993f; border-radius: 36px; background: #ff993f; color: white; text-align: center; text-transform: uppercase; } .btn-orange:after, .btn-orange:before { background: white; border-radius: 50%; content: ''; display: inline-block; margin: 0 10px; position: absolute; top: 45%; height: 5px; width: 5px; vertical-align: middle; } .btn-orange:after { right: 5px; } .btn-orange:before { left: 5px; } .btn-orange:hover { border: 1px solid #ff993f; background: transparent; color: #ff993f; } .btn-orange:hover:after, .btn-orange:hover:before { background: #ff993f; } .btn-orange:active { border: 1px solid #4fbfd2; background: #4fbfd2; color: white; } .btn-orange:focus { color: white; } .btn-orange:focus:hover { color: #ff993f; } .btn-browse { background: rgba(0, 0, 0, 0.7); border-radius: 50%; color: white !important; font-family: 'GothamProMedium'; font-size: 18px; font-size: 1.8rem; line-height: 1.1; display: block; padding: 55px 20px !important; height: 200px; width: 200px; text-align: center; } .btn-browse:before { background: url('/Themes/DefaultClean/Content/images/browse.png') no-repeat; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; border-bottom: 1px solid white; content: ''; display: block; margin: 0 auto 10px; padding-bottom: 13px; height: 25px; width: 33px; } .btn-s { font-family: 'GothamProMedium'; font-size: 11px; font-size: 1.1rem; line-height: 30px; padding: 0 25px; height: 30px; } .btn-sm { font-family: 'GothamProMedium'; font-size: 12px; font-size: 1.2rem; line-height: 36px; padding: 0 30px; height: 36px; } .btn-m { font-family: 'GothamProBold'; font-size: 15px; font-size: 1.5rem; line-height: 45px; padding: 0 70px; height: 45px; } header { background: white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 16px; position: relative; height: 60px; width: 100%; z-index: 9; } header:after { background: url('/Themes/DefaultClean/Content/Images/frame.png'); content: ''; display: block; position: absolute; bottom: -4px; height: 4px; width: 100%; z-index: 3; } header:before { background: url('/Themes/DefaultClean/Content/Images/header-bg.jpg') no-repeat; content: ''; display: block; position: absolute; left: 66%; height: 53px; width: 151px; top: 0; z-index: 1; } header .header__icon-block i { float: left; margin: 2px -100% 0 0; } header .header__icon-block span { margin: 0 0 0 45px; color: black; float: left; font-family: Verdana, Geneva, sans-serif; white-space: nowrap; font-size: 12px; font-size: 1.2rem; line-height: 1.4; } header .icon-delivery { background: url('/Themes/DefaultClean/Content/Images/delivery.png'); display: block; height: 26px; width: 35px; } header .icon-heart { background: url('/Themes/DefaultClean/Content/Images/heart.png'); display: block; height: 29px; width: 31px; } header nav { position: relative; text-align: right; } header nav a, header nav span { color: black; cursor: pointer; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.4; padding: 9px 0 0 15px; position: relative; text-transform: uppercase; z-index: 2; } header nav a:hover, header nav span:hover { color: #ff993f; } header nav a:active, header nav span:active { color: #4fbfd2; } .header-fixed { background: white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 16px; position: fixed; top: 0; height: 60px; width: 100%; z-index: 4; } .header-fixed:after { background: url('/Themes/DefaultClean/Content/Images/frame.png'); content: ''; display: block; position: absolute; bottom: -4px; height: 4px; width: 100%; z-index: 3; } .header-fixed:before { background: url('/Themes/DefaultClean/Content/Images/header-bg.jpg') no-repeat; content: ''; display: block; position: absolute; left: 66%; height: 53px; width: 151px; top: 0; z-index: 0; } .header-fixed nav { position: relative; } .header-fixed nav .nav li { float: left; } .header-fixed nav .nav li a { color: black; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.4; padding: 9px 15px 0 0; position: relative; text-transform: uppercase; z-index: 2; } .header-fixed nav .nav li a:hover { background: none; color: #ff993f; } .header-fixed nav .nav li a:active { color: #4fbfd2; } .header-fixed nav .nav li.active a { color: #ff993f; } .header-fixed__cart { position: relative; } .header-fixed__cart .header-links { float: right; } .header-fixed__cart .header-links .topcartlink { height: 60px; padding-top: 6px; z-index: 3; } .header-fixed__cart .header-links .topcartlink a { color: black; } .header-fixed__cart .header-links .topcartlink .caret { border-top: 4px solid black; } .landing-head { padding-top: 35px; } .landing-head .phone { color: #ff993f; font-family: 'GothamProBold'; font-size: 24px; font-size: 2.4rem; line-height: 1.4; } .landing-head .nav { padding-top: 39px; } .landing-head .nav a { color: white; font-family: 'GothamProMedium'; font-size: 18px; font-size: 1.8rem; line-height: 1.4; margin-right: 65px; padding-bottom: 10px; text-transform: uppercase; } .landing-head .nav a.active { border-bottom: 1px solid white; } .landing-head .nav a:last-child { margin-right: 0; } .landing-head .nav a:hover { color: #ff993f; } .landing-head .nav a:active { color: #4fbfd2; } .landing-head .nav.right-nav { clear: both; padding-top: 23px; } .landing-head .nav.right-nav a { margin-right: 0; margin-left: 58px; } .landing-head .nav.right-nav:first-child { margin-left: 0; } .landing-head .logo span { color: white; display: inline-block; font-family: 'GothamPro'; font-size: 18px; font-size: 1.8rem; line-height: 1.4; padding-top: 10px; } .landing-head .topcartlink { height: 37px; } .landing-head .topcartlink .ico-cart { color: white; } #payment_delivery, #payment_contacts { color: black; } #payment_delivery h3, #payment_contacts h3 { margin: 0; } #payment_delivery ul, #payment_contacts ul { margin-left: 25px; } .logo__wrapper { width: 270px; height: 222px; padding: 0 !important; background-image: url("/Themes/DefaultClean/Content/images/logo-xl.png"); } .logo__wrapper img { display: none; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .logo__wrapper { background-image: url("/Themes/DefaultClean/Content/images/logo-xl.png"); background-size: 270px 222px; } } .cart-finish-invisible { position: relative; z-index: -1; visibility: hidden; } /* Каркас для попапа */ .poodle-modal .modal-dialog { margin-top: 120px; } .poodle-modal .modal-content { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 10px; position: relative; } .poodle-modal .modal-content .angle { background: url('/Themes/DefaultClean/Content/Images/popup.png'); position: absolute; z-index: -1; } .poodle-modal .modal-content .angle.left-top { top: -17px; bottom: 30%; left: -17px; right: 40%; } .poodle-modal .modal-content .angle.right-top { background-position: top right; top: -17px; bottom: 30%; right: -17px; width: 50%; } .poodle-modal .modal-content .angle.left-bottom { background-position: bottom left; height: 50%; right: 30%; bottom: -17px; left: -17px; } .poodle-modal .modal-content .angle.right-bottom { background-position: bottom right; bottom: -17px; right: -17px; height: 50%; width: 50%; } .poodle-modal .modal-content .modal-body { z-index: 1; } .poodle-modal .modal-content .close { color: white; font-size: 35px; font-size: 3.5rem; line-height: 20px; font-weight: lighter; opacity: 1; position: absolute; top: -30px; right: -30px; height: 25px; width: 25px; } /* --- Footer --- */ .footer { text-align: center; } .footer .landing-h3 { padding: 50px 0; } .footer .btn-white { margin-bottom: 60px; } .copyright { display: block; font-size: 12px; font-size: 1.2rem; line-height: 1.4; margin-bottom: 40px; } .copyright a { color: white; } /* MINI-SHOPPING CART */ .flayout-wrap { left: 50%; margin-left: -501px; position: fixed; top: 0; width: 970px; z-index: 4; } .flyout-cart { display: none; position: absolute; top: 53px; right: 0px; float: left; min-height: 50px; z-index: 2; } .flyout-cart .mini-shopping-cart { background: white; border-left: 3px solid #f2f2f2; border-right: 3px solid #f2f2f2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: black; padding: 20px 20px; position: relative; height: 100%; width: 342px; } .flyout-cart .mini-shopping-cart:after { background: url('/Themes/DefaultClean/Content/Images/mini-shopping-cart-bottom.png') no-repeat; content: ''; position: absolute; bottom: -10px; left: -3px; right: 0; height: 22px; width: 342px; } .flyout-cart.landing { top: 133px; right: 0; } .flyout-cart.landing .mini-shopping-cart:before { background: url('/Themes/DefaultClean/Content/Images/mini-shopping-cart-top.png') no-repeat; content: ''; position: absolute; top: -10px; left: -3px; right: 0; height: 22px; width: 342px; } .flyout-cart.landing:hover { display: block; } .flyout-cart.active, .flyout-cart:hover { display: block; } .mini-shopping-cart .item { border-bottom: 1px solid #f1f1f1; clear: both; font-size: 12px; font-size: 1.2rem; line-height: 1.4; margin-top: 15px; overflow: hidden; padding: 0 0 15px; } .mini-shopping-cart .picture { float: left; margin-right: 15px; height: 50px; width: 50px; } .mini-shopping-cart .name { float: left; margin-right: 10px; width: 85px; word-break: break-all; } .mini-shopping-cart .name:before { content: ''; display: inline-block; height: 50px; width: 1px; vertical-align: middle; } .mini-shopping-cart .name a { color: black; display: inline-block; font-weight: normal; max-width: 79px; } .mini-shopping-cart .price { float: left; font-size: 17px; font-size: 1.7rem; line-height: 1; margin-top: 16px; width: 85px; } .mini-shopping-cart .quantity { float: left; margin: 16px 10px 0 0; width: 40px; } .mini-shopping-cart .totals { margin: 20px 0px; text-align: right; } .breadcrumb { background: none; padding: 0; } .breadcrumb li { display: inline-block; list-style: none; } .breadcrumb li:after { content: '→'; display: inline-block; padding: 0 5px; } .breadcrumb li:last-child:after { content: ''; } .breadcrumb li a { color: #ff993f; } .breadcrumb li a:hover { color: black; } .product-share-button .at-share-btn { display: inline-block; } .product-share-button .at-share-btn span { background: url('/Themes/DefaultClean/Content/images/share.png') no-repeat; display: block; height: 34px !important; width: 33px !important; } .product-share-button .at-svc-vk span { background-position: 0 0; } .product-share-button .at-svc-vk span:hover { background-position: 0 -40px; } .product-share-button .at-svc-facebook span { background-position: -42px 0; } .product-share-button .at-svc-facebook span:hover { background-position: -42px -40px; } .product-share-button .at-svc-twitter span { background-position: -83px 0; } .product-share-button .at-svc-twitter span:hover { background-position: -83px -40px; } input[type="text"], input[type="tel"], input[type="email"], input[type="password"], select, textarea { border: 1px solid #e8e7e5; padding: 0 10px; height: 35px; width: 330px; } input[type="text"].input-validation-error, input[type="tel"].input-validation-error, input[type="email"].input-validation-error, input[type="password"].input-validation-error, select.input-validation-error, textarea.input-validation-error { border-color: #ff993f; } input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #818181; font-size: 13px; font-size: 1.3rem; line-height: 1.4; } input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder { color: #818181; font-size: 13px; font-size: 1.3rem; line-height: 1.4; } input[type="text"]:active, input[type="tel"]:active, input[type="email"]:active, input[type="password"]:active, select:active, textarea:active, input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border: 1px solid #404040; } textarea { max-height: 360px; max-width: 330px; padding: 10px; height: 75px; width: 330px; } .field-validation-error { color: #ff993f; font-size: 12px; font-size: 1.2rem; line-height: 1.4; margin-left: 12px; width: 198px; } .message-error { color: #ff993f; font-size: 12px; font-size: 1.2rem; line-height: 1.4; margin-top: 12px; } .radiobtn input[type='radio'] { display: none; } .radiobtn input[type='radio'] + label { cursor: pointer; position: relative; } .radiobtn input[type='radio'] + label:before { border: 1px solid #dddcd9; border-radius: 50%; content: ''; float: left; margin-right: 15px; height: 18px; width: 18px; display: inline-block; } .radiobtn input[type='radio']:checked + label:after { background: #ff993f; border-radius: 50%; content: ''; position: absolute; top: 5px; left: 5px; height: 8px; width: 8px; } .form-row { margin-bottom: 10px; } /* --- view --- */ .landing-hit { padding-top: 25px; } .landing-hit__title { color: #ff993f; font-family: 'GothamPro'; font-size: 14px; font-size: 1.4rem; line-height: 1.4; text-align: center; } .landing-hit .landing-h3 { margin-bottom: 40px; max-height: 100px; text-overflow: ellipsis; overflow: hidden; width: inherit; } .landing-hit .indent-s { margin: 33px 0 15px; } .landing-hit .indent-s:after, .landing-hit .indent-s:before { width: 42%; } .landing-hit .btn-white { float: left; margin-right: 35px; } .catalog__item { margin: 30px 0 50px; position: relative; text-align: center; } .catalog__item-img { display: inline-block; height: 280px; width: 280px; } .catalog__item-title { display: inline-block; font-family: 'GothamProMedium'; font-size: 24px; font-size: 2.4rem; line-height: 1.4; max-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .catalog__item-title a { color: white; } .catalog__item .indent-xs { margin: 20px 0; } .catalog__item .indent-xs:after, .catalog__item .indent-xs:before { width: 42%; } .catalog__item .price { margin: 20px 0; } .catalog__item-browse-btn { display: none; position: absolute; top: 38px; left: 60px; } .catalog__item:hover .catalog__item-browse-btn { display: block; } .catalog__item .btn.btn-transparent:hover + .catalog__item-browse-btn { display: none; } .need { text-align: center; } .need .landing-h3 { margin-bottom: 60px; } .need img { min-height: 180px; } .need .subtitle { font-family: 'GothamProMedium'; font-size: 15px; font-size: 1.5rem; line-height: 1.4; margin: 40px 0 25px; } .rotate-10deg.left { -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); } .rotate-10deg.right { -moz-transform: rotate(10deg); -o-transform: rotate(10deg); -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); } .experts .landing-h3 { margin-bottom: 50px; } .experts__item { margin: 50px auto; text-align: center; width: 220px; } .experts__item.center { margin-top: 20px; } .experts__quote { clear: both; font-family: 'AhellyaItalic'; font-size: 18px; font-size: 1.8rem; line-height: 1.4; padding-top: 60px; position: relative; text-align: center; } .experts__quote:before { color: #ff993f; content: '“'; display: inline-block; font-family: 'Ahellya'; font-size: 150px; font-size: 15rem; line-height: 1; position: absolute; top: -15px; left: 0; width: 100%; } .experts__quote:after { background: white; content: ''; display: block; margin: 25px auto; height: 1px; width: 175px; } .photo-card { background: white; padding: 15px; position: relative; } .photo-card:before { background: url('/Themes/DefaultClean/Content/Images/scotch-tape.png') no-repeat; content: ''; height: 7px; width: 50px; opacity: .3; position: absolute; top: -7px; left: 85px; } .photo-card span { color: black; display: inline-block; font-family: 'GothamProMedium'; font-size: 15px; font-size: 1.5rem; line-height: 1.4; padding-top: 15px; } .expert-rank { padding-top: 15px; } .review .nav-tabs { border: none; } .review .nav-tabs li { list-style: none; margin: 0 55px 50px 0; } .review .nav-tabs li:last-child { margin-right: 0; } .review .nav-tabs li.active a { border-radius: 50%; color: white; position: relative; } .review .nav-tabs li.active a:before { border-bottom: 5px solid #ff993f; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ''; position: absolute; top: -5px; left: 44px; } .review .nav-tabs li.active a img { border: 2px solid #ff993f; } .review .nav-tabs li.active a span { color: white; border-color: transparent; } .review .nav-tabs a { background: none; border: none !important; color: white; display: inline-block; height: 102px; width: 102px; text-align: center; } .review .nav-tabs a img { border: 2px solid white; border-radius: 50%; margin-bottom: 5px; } .review .nav-tabs a span { color: #ff993f; display: inline-block; border-bottom: 1px dashed #ff993f; margin-bottom: 5px; } .review .tab-content { background: url('/Themes/DefaultClean/Content/Images/review-bg.png') no-repeat; height: 264px; width: 729px; margin: 15px 0 50px 52px; } .review .tab-content .tab-pane { color: black; font-family: 'AhellyaItalic'; font-size: 20px; font-size: 2rem; line-height: 1.4; padding: 74px 0 0 120px; position: relative; } .review .tab-content .tab-pane:after { clear: both; content: ''; display: block; height: 1px; width: 100%; } .review .tab-content .tab-pane__text { float: left; width: 55%; } .review .tab-content .tab-pane__img-wrap { float: left; position: relative; width: 45%; } .review .tab-content .tab-pane__img-wrap:before { background: url('/Themes/DefaultClean/Content/Images/clip.png') no-repeat; content: ''; display: inline-block; height: 70px; width: 25px; position: absolute; top: -38px; right: 96px; z-index: 9; } .review .tab-content .tab-pane__img-wrap img { border: 3px solid white; position: absolute; top: -38px; right: -70px; -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); width: 300px; } .insocial { background: white; color: black; padding-top: 16px; padding-bottom: 60px; position: relative; width: 100%; z-index: 3; } .insocial:before { background: url('/Themes/DefaultClean/Content/Images/frame-180deg.png'); content: ''; display: block; position: absolute; top: -4px; height: 4px; width: 100%; } .insocial:after { background: url('/Themes/DefaultClean/Content/Images/frame.png'); content: ''; display: block; position: absolute; bottom: -4px; height: 4px; width: 100%; } .insocial h3 { font-family: 'GothamProBold'; font-size: 26px; font-size: 2.6rem; line-height: 1.4; padding: 30px 0; text-align: center; } .modal-contacts { margin: 0 0 20px; color: black; font-size: 13px; font-size: 1.3rem; line-height: 1.5; } .modal-contacts ul { margin-left: 0 !important; list-style-type: none; } .dessert__imgs .nav-tabs { border-bottom: none; } .dessert__imgs .nav-tabs li { display: inline-block; list-style: none; margin: 10px 10px 0 0; overflow: hidden; height: 90px; width: 90px; } .dessert__imgs .nav-tabs li:last-child { margin-right: 0; } .dessert__imgs .nav-tabs li img { height: 100%; width: 100%; -webkit-filter: brightness(65%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dessert__imgs .nav-tabs li:hover img, .dessert__imgs .nav-tabs li.active img { -webkit-filter: brightness(100%); } .dessert__imgs .tab-content { overflow: hidden; height: 250px; width: 380px; text-align: center; } .dessert__imgs .tab-content img { max-height: 250px; } .dessert__info h4 { margin: 0 0 20px; } .dessert__info .prices { float: left; font-family: 'GothamProBold'; max-width: 50%; } .dessert__links { margin: 30px 0; } .dessert__links a { font-size: 12px; font-size: 1.2rem; line-height: 1.4; } .product-specs-box { font-size: 12px; font-size: 1.2rem; line-height: 1.4; margin-top: 20px; } .product-specs-box .spec-name { color: #818181; font-weight: normal; } .short-description { font-size: 12px; font-size: 1.2rem; line-height: 1.4; margin: 20px 0 10px; word-break: break-word; } .attributes { font-size: 12px; font-size: 1.2rem; line-height: 1.4; } .attributes .text-prompt { color: #818181; font-weight: normal; } .dessert-review { display: inline-block; padding-bottom: 30px; width: 100%; } .dessert-review .img { border: 3px solid #f1f1f1; border-radius: 50%; display: inline-block; float: left; margin-right: 10px; position: relative; height: 80px; width: 80px; } .dessert-review .img img { border-radius: 50%; } .dessert-review .img:after { background: url('/Themes/DefaultClean/Content/images/review-flag.png') no-repeat; content: ''; display: block; position: absolute; bottom: -26px; left: 26px; height: 24px; width: 23px; } .dessert-review .img + div { display: inline-block; float: left; font-size: 12px; font-size: 1.2rem; line-height: 1.4; padding-top: 20px; width: 230px; } .dessert-details { width: 100%; } .dessert-details .dessert__imgs { position: relative; } .dessert-details #easy_zoom { position: absolute; top: 0; left: 100%; width: 432px; height: 250px; background: white; border: 5px solid #eeeeee; overflow: hidden; z-index: 100; -webkit-box-shadow: 0 0 10px #777777; -moz-box-shadow: 0 0 10px #777777; box-shadow: 0 0 10px #777777; } .dessert-details .btn-orange { margin-left: 30px; } .dessert-details .certificates { display: none; } .dessert-details .certificates h4 { border-top: 1px solid #efefef; margin: 25px 0; padding-top: 25px; } .dessert-details .certificates .thumb-popup-link { display: block; float: left; margin: 0 20px 20px 0; height: 110px; width: 85px; } .dessert-details .certificates .thumb-popup-link img { height: 110px; width: 85px; } .dessert-details .comments h4 { border-top: 1px solid #efefef; padding-top: 25px; } .dessert-details .related-products-grid { margin-bottom: 65px; } .cart { padding: 0 15px; } .cart__row { border-bottom: 1px solid #f1f1f1; padding: 20px 0; } .cart__row > div:first-child { padding-left: 0; } .cart__row > div:last-child { padding-right: 0; } .cart .price { display: inline-block; margin-top: 20px; } .cart__dessert-count { text-align: right; } .cart__dessert-count input { background: transparent; border: none; padding: 0; height: 20px; width: 27px; text-align: right; } .cart__dessert-count__input-wrap:after { content: 'шт.'; display: inline; } .cart__dessert-count .count-change { cursor: pointer; display: block; margin: 5px 0 5px 50px; height: 4px; width: 10px; } .cart__dessert-count .count-change.plus { border-bottom: 4px solid black; border-left: 5px solid transparent; border-right: 5px solid transparent; } .cart__dessert-count .count-change.minus { border-top: 4px solid black; border-left: 5px solid transparent; border-right: 5px solid transparent; } .cart__dessert-count .count-change.minus.disabled { border-top: 4px solid #d8d8d8; } .cart__dessert-remove { text-align: right; } .cart__dessert-remove label { color: #ff993f; cursor: pointer; font-size: 12px; font-size: 1.2rem; line-height: 1.4; font-weight: normal; margin: 30px 0 3px; vertical-align: bottom; } .cart__dessert-remove label:hover { color: black; } .cart__footer { margin-right: -15px; margin-left: -15px; padding: 20px 0; text-align: right; } .cart__footer-btns { margin-top: 25px; } .cart__footer-btns .btn-sm { padding: 0 21px; } .cart__footer-btns .btn-sm:before { left: 0; } .cart__footer-btns .btn-sm:after { right: 0; } .cart__totals { background: white; border: 3px solid #f2f2f2; color: black; font-size: 13px; font-size: 1.3rem; line-height: 1.5; margin-top: 10px; padding: 15px 25px; } .cart__totals h6 { margin-bottom: 15px; text-align: center; } .cart__totals-checkout { margin-top: 30px; text-align: center; } .cart__totals .detailed { font-size: 11px; font-size: 1.1rem; line-height: 36px; margin-left: -20px; padding: 0 10px; } .checkout-page .checkout-cart .cart__dessert-img { overflow: hidden; } .checkout-page .checkout-cart .cart__dessert-img img { border: 3px solid #f2f2f2; max-width: 138px; width: 138px; } .checkout-page .cart__dessert-info { margin-top: 25px; } .checkout-page .cart__dessert-info h4, .checkout-page .cart__dessert-info .price { margin-top: 0; } .order-details { position: relative; } .order-details:after { background: url('/Themes/DefaultClean/Content/images/order-details-bg.png') no-repeat; content: ''; position: absolute; bottom: 25px; right: 16px; height: 238px; width: 238px; z-index: 10; } .order-details poodle-page { padding-left: 0; } .order-details .cart-footer { margin: 15px 0 45px; } .order-details .cart-footer .total { padding: 0; } .order-details .checkout-page__text { z-index: 11; } .checkout-onepage .bg-gray { background: #f9f9f9; border: 1px solid #efefef; margin-bottom: 20px; padding: 30px 0 10px; } .checkout-onepage input { width: 100%; } .checkout-onepage .field-validation-error { margin: 0 0 5px; width: 100%; } .checkout-onepage label { font-family: 'GothamProMedium'; font-size: 14px; font-size: 1.4rem; line-height: 1.4; font-weight: normal; } .checkout-onepage li { list-style: none; margin-bottom: 15px; } .checkout-onepage .method-description { font-size: 12px; font-size: 1.2rem; line-height: 1.4; margin-left: 33px; } .checkout-onepage .payment-method-description { font-size: 12px; font-size: 1.2rem; line-height: 1.4; margin-left: 74px; } .checkout-onepage select { width: 100%; } .checkout-onepage textarea { max-height: 330px; } .checkout-onepage .asterisk { color: #ff993f; font-size: 20px; font-size: 2rem; line-height: 1.4; vertical-align: middle; } .checkout-onepage .inputs { margin: 5px 0; } .checkout-onepage #Cvv { width: 60px; } .checkout-onepage .validity input { width: 45px; } .checkout-onepage .validity span { display: inline-block; margin: 5px; }