/* Start:/local/templates/grandfayans/assets/css/normalize.css?17631529641611*/ button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none} /* End */ /* Start:/local/templates/grandfayans/assets/fonts/inter/inter.css?176315296410510*/ /* Variable fonts usage: :root { font-family: "Inter", sans-serif; } @supports (font-variation-settings: normal) { :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; } } */ @font-face { font-family: InterVariable; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterVariable.woff2") format("woff2"); } @font-face { font-family: InterVariable; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterVariable-Italic.woff2") format("woff2"); } /* static fonts */ @font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-Thin.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-ThinItalic.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-ExtraLight.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-ExtraLightItalic.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-Light.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-LightItalic.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-Regular.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-Italic.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-Medium.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-MediumItalic.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-SemiBold.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-SemiBoldItalic.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-Bold.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-BoldItalic.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-ExtraBold.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-ExtraBoldItalic.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-Black.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/Inter-BlackItalic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-Thin.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-ThinItalic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-ExtraLight.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-ExtraLightItalic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-Light.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-LightItalic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-Regular.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-Italic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-Medium.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-MediumItalic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-SemiBold.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-SemiBoldItalic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-Bold.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-BoldItalic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-ExtraBold.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-ExtraBoldItalic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-Black.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("/local/templates/grandfayans/assets/fonts/inter/InterDisplay-BlackItalic.woff2") format("woff2"); } @font-feature-values InterVariable { @character-variant { cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8; cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13; alt-1: 1; /* Alternate one */ alt-3: 9; /* Flat-top three */ open-4: 2; /* Open four */ open-6: 3; /* Open six */ open-9: 4; /* Open nine */ lc-l-with-tail: 5; /* Lower-case L with tail */ simplified-u: 6; /* Simplified u */ alt-double-s: 7; /* Alternate German double s */ uc-i-with-serif: 8; /* Upper-case i with serif */ uc-g-with-spur: 10; /* Capital G with spur */ single-story-a: 11; /* Single-story a */ compact-lc-f: 12; /* Compact f */ compact-lc-t: 13; /* Compact t */ } @styleset { ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8; open-digits: 1; /* Open digits */ disambiguation: 2; /* Disambiguation (with zero) */ disambiguation-except-zero: 4; /* Disambiguation (no zero) */ round-quotes-and-commas: 3; /* Round quotes & commas */ square-punctuation: 7; /* Square punctuation */ square-quotes: 8; /* Square quotes */ circled-characters: 5; /* Circled characters */ squared-characters: 6; /* Squared characters */ } } @font-feature-values Inter { @character-variant { cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8; cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13; alt-1: 1; /* Alternate one */ alt-3: 9; /* Flat-top three */ open-4: 2; /* Open four */ open-6: 3; /* Open six */ open-9: 4; /* Open nine */ lc-l-with-tail: 5; /* Lower-case L with tail */ simplified-u: 6; /* Simplified u */ alt-double-s: 7; /* Alternate German double s */ uc-i-with-serif: 8; /* Upper-case i with serif */ uc-g-with-spur: 10; /* Capital G with spur */ single-story-a: 11; /* Single-story a */ compact-lc-f: 12; /* Compact f */ compact-lc-t: 13; /* Compact t */ } @styleset { ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8; open-digits: 1; /* Open digits */ disambiguation: 2; /* Disambiguation (with zero) */ disambiguation-except-zero: 4; /* Disambiguation (no zero) */ round-quotes-and-commas: 3; /* Round quotes & commas */ square-punctuation: 7; /* Square punctuation */ square-quotes: 8; /* Square quotes */ circled-characters: 5; /* Circled characters */ squared-characters: 6; /* Squared characters */ } } @font-feature-values InterDisplay { @character-variant { cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8; cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13; alt-1: 1; /* Alternate one */ alt-3: 9; /* Flat-top three */ open-4: 2; /* Open four */ open-6: 3; /* Open six */ open-9: 4; /* Open nine */ lc-l-with-tail: 5; /* Lower-case L with tail */ simplified-u: 6; /* Simplified u */ alt-double-s: 7; /* Alternate German double s */ uc-i-with-serif: 8; /* Upper-case i with serif */ uc-g-with-spur: 10; /* Capital G with spur */ single-story-a: 11; /* Single-story a */ compact-lc-f: 12; /* Compact f */ compact-lc-t: 13; /* Compact t */ } @styleset { ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8; open-digits: 1; /* Open digits */ disambiguation: 2; /* Disambiguation (with zero) */ disambiguation-except-zero: 4; /* Disambiguation (no zero) */ round-quotes-and-commas: 3; /* Round quotes & commas */ square-punctuation: 7; /* Square punctuation */ square-quotes: 8; /* Square quotes */ circled-characters: 5; /* Circled characters */ squared-characters: 6; /* Squared characters */ } } /* End */ /* Start:/local/templates/grandfayans/assets/fonts/Roboto/stylesheet.css?17631529644457*/ /* This stylesheet generated by Transfonter (https://transfonter.org) on February 25, 2018 4:00 PM */ @font-face { font-family: 'Roboto'; src: url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-MediumItalic.eot'); src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-MediumItalic.woff') format('woff'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Italic.eot'); src: local('Roboto Italic'), local('Roboto-Italic'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Italic.woff') format('woff'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Bold.eot'); src: local('Roboto Bold'), local('Roboto-Bold'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Bold.woff') format('woff'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Regular.eot'); src: local('Roboto'), local('Roboto-Regular'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Regular.woff') format('woff'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Medium.eot'); src: local('Roboto Medium'), local('Roboto-Medium'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Medium.woff') format('woff'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-BoldItalic.eot'); src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-BoldItalic.woff') format('woff'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-ThinItalic.eot'); src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-ThinItalic.woff') format('woff'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Black.eot'); src: local('Roboto Black'), local('Roboto-Black'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Black.woff') format('woff'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Light.eot'); src: local('Roboto Light'), local('Roboto-Light'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Light.woff') format('woff'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-LightItalic.eot'); src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-LightItalic.woff') format('woff'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-BlackItalic.eot'); src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-BlackItalic.woff') format('woff'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Thin.eot'); src: local('Roboto Thin'), local('Roboto-Thin'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Thin.woff') format('woff'), url('/local/templates/grandfayans/assets/fonts/Roboto/Roboto-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } /* End */ /* Start:/local/templates/grandfayans/assets/js/slick/slick.css?17631529651776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/grandfayans/assets/js/slick/slick-theme.css?17631529653133*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/local/templates/grandfayans/assets/js/slick/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/local/templates/grandfayans/assets/js/slick/fonts/slick.eot'); src: url('/local/templates/grandfayans/assets/js/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/grandfayans/assets/js/slick/fonts/slick.woff') format('woff'), url('/local/templates/grandfayans/assets/js/slick/fonts/slick.ttf') format('truetype'), url('/local/templates/grandfayans/assets/js/slick/fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/local/templates/grandfayans/assets/js/fancybox/fancybox.css?176315296528532*/ :root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset);position:relative;z-index:1}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:calc(var(--f-spinner-width) * -.5) 0 0 calc(var(--f-spinner-height) * -.5);padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);border-radius:var(--f-spinner-border-radius);border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{transform:rotate(360deg)}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>img.f-panzoom__content,.f-panzoom__wrapper>picture.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.f-panzoom__viewport>.f-panzoom__content{display:block;width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{--f-progressbar-height: 100%;display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0);pointer-events:none}.f-carousel__toolbar__column.is-left{justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{justify-content:center}.f-carousel__toolbar__column.is-right{justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column>*{pointer-events:all}.f-carousel:has(.f-carousel__slide.is-fullsize) [data-panzoom-action=toggleFull] g{display:none}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}.f-carousel__counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-carousel__counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-z-index: 1;--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-fit: cover;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-transfors: none;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff}.f-thumbs{flex-shrink:0;margin:var(--f-thumbs-margin);padding:0;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:max-height .3s ease,max-width .3s ease;position:relative;overflow:hidden;z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2 + var(--f-thumbs-gap) * 2)}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-gap) * 2)}.f-thumbs__viewport{margin:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:visible;display:grid}.f-thumbs.is-vertical .f-thumbs__viewport{height:calc(100% - var(--f-thumbs-padding-y) * 2)}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:none;border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs__slide img{display:block;width:100%;height:100%;object-fit:var(--f-thumb-fit);border-radius:inherit;pointer-events:none}.f-thumbs__slide img.has-lazyerror{display:none}.f-thumbs.is-classic{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap)}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2);margin-left:calc(var(--f-carousel-slide-width) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-left:50%;transform:translate(-50%);width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:30;height:var(--f-progressbar-height, 3px);transform:scaleX(0);transform-origin:0;background:var(--f-progressbar-color, var(--f-carousel-theme-color, #575ad6));user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255, .2);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;position:absolute;inset:0;overflow:hidden;outline:none;display:flex;flex-direction:column}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116, .2);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000}.fancybox__container::backdrop{background-color:transparent}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__carousel>.f-progressbar{background-color:var(--fancybox-color)}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide .f-button[data-fancybox-close]{--f-button-width: var(--f-close-button-width, 34px);--f-button-height: var(--f-close-button-height, 34px);--f-button-border-radius: var(--f-close-border-radius, 4px);--f-button-color: var(--f-close-button-color, #fff);--f-button-hover-color: var(--f-close-button-hover-color, #fff);--f-button-bg: var(--f-close-button-bg, transparent);--f-button-hover-bg: var(--f-close-button-hover-bg, transparent);--f-button-active-bg: var(--f-close-button-active-bg, transparent);--f-button-svg-width: var(--f-close-button-svg-width, 22px);--f-button-svg-height: var(--f-close-button-svg-height, 22px);position:absolute;top:calc(var(--f-button-height) * -1);right:0;z-index:40}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible} /* End */ /* Start:/local/templates/grandfayans/assets/css/main.css?176406635076116*/ *{ box-sizing: border-box; /*transition: all 0.25s cubic-bezier(.17,.67,.22,.88);*/ } body{ font-family: "Inter", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 120%; cursor: default; background-color: #fff; color: #000; } h2, h1{ line-height: 120%; } img{ max-width: 100%; } .d-flex{ display: flex; } .align-items-center{ align-items: center; } .loader{ display: flex; align-items: center; justify-content: center; } .wrapper{ max-width: 1280px; padding: 0 20px; margin: 0 auto; overflow: hidden; } .main-title{ margin-top: 0; margin-bottom: 15px; font-size: 42px; line-height: 1.2; font-weight: bold; } .main-title-section{ margin-top: 0; margin-bottom: 24px; font-weight: 700; font-size: 32px; line-height: 1.2; line-height: 44px; } .sub-title{ margin-top: 0; margin-bottom: 12px; font-weight: 900; font-size: 25px; line-height: 42px; letter-spacing: 0.2px; color: #000000; } .sub-title-desc { font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: 0.15px; color: rgba(0, 0, 0, 0.5); margin-bottom: 16px; } .text-center{ text-align: center; } .text-up{ text-transform: uppercase; } .btn{ display: inline-block; font-weight: 700; font-size: 15px; line-height: 20px; letter-spacing: 0.15px; color: #FFFFFF; padding: 8px 16px; background: #06579A; border-radius: 6px; text-decoration: none; border: none; outline: none; cursor: pointer; } .btn-default{ display: inline-block; font-weight: 700; font-size: 15px; line-height: 20px; letter-spacing: 0.15px; color: #FFFFFF; padding: 15px 53px; background: #06579A; border-radius: 6px; text-decoration: none; border: none; outline: none; cursor: pointer; } a, .c-link{ font-style: normal; font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; text-decoration-line: underline; color: #06579A; word-wrap: break-word; } .c-phone{ font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #06579A; text-decoration: none; } .list-decimal{ list-style: decimal!important; } .text-center{ text-align: center; } .logo-text{ font-style: normal; font-weight: 600; font-size: 28px; line-height: 34px; display: flex; align-items: center; color: #000000; text-decoration: none; } .page-block{ margin-bottom: 60px; } .header{ margin-bottom: 22px; } .header-top{ padding: 9px 0; display: flex; align-items: center; } .header-top-menu{ display: flex; align-items: center; margin: 0 -5px; } .header-top-item{ padding: 0 5px; } .header-top-link{ font-size: 12px; line-height: 20px; color: rgba(0, 0, 0, 0.6); text-decoration: none; } .header-top-time-work{ margin-left: 50px; font-size: 12px; line-height: 20px; color: rgba(0, 0, 0, 0.6); } .header-top-phone{ margin-left: 5px; } .header-top-phone a{ font-weight: 700; font-size: 12px; line-height: 18px; letter-spacing: 0.15px; color: #000000; text-decoration: none; } .header-middle{ padding: 9px 0; } .header-middle{ display: flex; align-items: center; justify-content: space-between; } .header-middle-catalog{ margin-right: 8px; } .header-middle-catalog a{ background-color: #06579A; border-radius: 6px; padding: 14px 15px; font-weight: 500; font-size: 12px; color: #FFFFFF; display: flex; align-items: center; border: none; outline: none; text-decoration: none; } .header-middle-catalog a svg{ margin-left: 7px; } .header-middle-search{ display: flex; align-items: center; } .header-middle-search .header-middle-search-input{ width: 470px; font-size: 12px; line-height: 15px; letter-spacing: 0.15px; color: #000; padding: 12px 14px; border: 2px solid #06579A; border-radius: 6px 0 0 6px; outline: none; } .header-middle-search .header-middle-search-input::placeholder{ color: #666666; } .header-middle-search .header-middle-search-btn{ background-color: #06579A; font-weight: 500; font-size: 12px; line-height: 15px; color: #FFFFFF; padding: 14px 16px; border-radius: 0 6px 6px 0; border: none; outline: none; } .header-middle-icons{ display: flex; align-items: center; margin: 0 -15px; } .header-middle-icon-link{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 15px; text-decoration: none; font-size: 12px; line-height: 18px; letter-spacing: 0.15px; color: rgba(0, 0, 0, 0.8); } .header-counter{ position: absolute; top: -10px; right: 15px; width: 18px; height: 18px; background: #06579A; border-radius: 50%; color: #fff; font-weight: bold; font-size: 11px; display: flex; align-items: center; justify-content: center; } .header-middle-icon-ico{ line-height: 0; } .header-menu{ padding-top: 9px; } .menu-list{ display: flex; align-items: center; justify-content: space-between; margin: 0 -5px; } .menu-item{ padding: 0 5px; } .menu-item a{ font-size: 12px; letter-spacing: 0.15px; color: #000000; text-decoration: none; display: block; } .menu-item a.parthers{ background-color: #06579A; font-weight: 800; font-size: 12px; color: #FFFFFF; border-radius: 6px; padding: 10px; } .menu-item a.sales{ background: linear-gradient(90deg, #3302EE 0%, #FA1717 100%); border-radius: 50px; font-weight: 900; font-size: 12px; line-height: 20px; letter-spacing: 0.15px; color: #FFFFFF; padding: 5px 12px; display: flex; align-items: center; } .menu-item a.sales svg{ margin-right: 7px; } .main-banner.slick-dotted.slick-slider, .main-banner{ margin-bottom: 80px; line-height: 0; } .main-banner:not(.slick-initialized) .banner-block:not(:first-child){ display: none; } .main-banner .slick-dots{ bottom: 20px; } .main-banner .slick-dots li{ width: 10px; height: 10px; } .main-banner .slick-dots li button{ width: 10px; height: 10px; padding: 0; display: inline-block; border-radius: 50%; border: 2px solid #D9D9D9; } .main-banner .slick-active button{ background-color: #D9D9D9; } .main-banner .slick-dots li button:before, .main-banner .slick-dots li.slick-active button:before{ content: none!important; } .banner-block{ position: relative; } .banner-block img{ width: 100%; height: 100%; } .banner-text{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; font-style: normal; font-weight: 700; font-size: 64px; line-height: 77px; display: flex; align-items: center; color: #FFFFFF; padding-left: 86px; } .advantages-block{ margin-bottom: 54px; } .advantages{ display: flex; flex-wrap: wrap; margin: -6px; } .advantage-item{ padding: 6px; width: 100%; flex: 0 0 20%; max-width: 20%; } .advantage-item.advantage-item-col-2{ flex: 0 0 40%; max-width: 40%; } .advantage-item.advantage-item-col-1-5{ flex: 0 0 calc(20% * 1.5); max-width: calc(20% * 1.5); } .advantage-item.advantage-item-col-1-3{ flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); } .advantage-wrap{ background-color: #F7F8F9; padding: 18px 24px; position: relative; height: 100%; border-radius: 7px; overflow: hidden; } .advantages-decor{ position: absolute; left: 255px; bottom: 0; } .advantage-title{ font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: 0.15px; color: rgba(0, 0, 0, 0.9); margin-bottom: 5px; } .advantage-desc{ font-size: 13px; line-height: 17px; color: rgba(0, 0, 0, 0.6); max-width: 80%; } .advantage-text-block{ display: flex; } .advantage-ico{ display: flex; align-items: end; } .advantage-item.advantage-item-col-2 .advantage-desc{ width: 256px; color: #1A1A1A; } .advantage-item.advantage-item-col-2 .advantage-title{ font-weight: 700; font-size: 32px; line-height: 36px; letter-spacing: 0.25px; color: rgba(0, 0, 0, 0.9); margin-bottom: 25px; } .advantage-item.advantage-item-col-2 .advantage-desc{ font-size: 15px; line-height: 24px; } .advantage-item.advantage-item-col-1-5 .advantage-title{ font-size: 18px; margin-bottom: 8px; } .advantage-item.advantage-item-col-1-3 .advantage-title{ font-weight: 600; font-size: 22px; line-height: 24px; margin-bottom: 9px; margin-right: 50px; } .advantage-item.advantage-item-col-1-3 .advantage-desc{ font-style: normal; font-weight: 300; font-size: 14px; line-height: 17px; color: #000000; padding-right: 35px; } .primacy{ display: flex; align-items: center; margin: 0 -22px; } .primacy-item{ width: 100%; flex: 0 0 25%; max-width: 25%; padding: 0 22px; } .primacy-wrap{ display: flex; align-items: center; } .primacy-ico{ line-height: 0; margin-right: 12px; } .primacy-block{ margin-bottom: 100px; } .primacy-body{ color: #808080; } .primacy-body b{ color: #1A1A1A; } .slider-block .sub-title{ text-align: center; } .show-more-block{ text-align: center; margin-bottom: 35px; } .show-more-btn{ display: inline-block; background-color: #06579A; border-radius: 6px; padding: 17px 15px; font-weight: 500; font-size: 13px; color: #FFFFFF; border: none; outline: none; text-decoration: none; } .slider-block{ margin-bottom: 80px; } .slider-product{ margin: -10px; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{ color: #fff; outline: none; background: #fff; } .c-slick-next, .c-slick-prev, .tab-slider .slick-arrow, .slider-product .slick-arrow{ top: 220px; width: 32px; height: 32px; box-shadow: 0px 8px 10px rgba(68, 92, 130, 0.14), 0px 3px 14px rgba(68, 92, 130, 0.12), 0px 4px 5px rgba(68, 92, 130, 0.2); z-index: 10; background-color: #fff; } .c-slick-middle, .tab-slider .slick-arrow{ top: 50%; transform: translateY(-50%); } .c-slick-next:before, .c-slick-prev:before, .tab-slider .slick-arrow:before, .slider-product .slick-arrow:before{ content: none!important; } .c-slick-next.slick-disabled, .c-slick-prev.slick-disabled, .tab-slider .slick-arrow.slick-disabled, .slider-product .slick-arrow.slick-disabled{ display: none!important; } .c-slick-next, .tab-slider .slick-next, .slider-product .slick-next{ right: -7px; } .c-slick-prev, .tab-slider .slick-prev, .slider-product .slick-prev{ left: -7px; } .c-slick-prev svg, .tab-slider .slick-prev svg, .slider-product .slick-prev svg{ transform: rotate(180deg); } .main-banner .c-slick-next{ right: 34px; } .main-banner .c-slick-prev{ left: 24px; } .slider-product .product-card{ display: flex; flex-direction: column; height: 100%; padding: 10px } .slider-product .slick-list{ display: flex; } .slider-product .slick-track{ display: flex; height: auto; } .product-card-wrap{ position: relative; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .product-label-list{ position: absolute; top: 6px; left: 6px; z-index: 5; } .product-label-item{ font-size: 13px; line-height: 13px; color: #FFFFFF; padding: 4px 6px; border-radius: 4px; margin-bottom: 2px; height: 21px; display: inline-flex; align-items: center; } .product-label-best-price{ font-weight: 900; background-color: #06579A; } .product-label-smt{ font-weight: 500; background-color: #E7BB8E; } .product-card .available-block, .product-card .rating-block{ margin-bottom: 10px; } .product-card .counter{ margin-bottom: 10px; } .product-card-img-slider-wrap{ position: relative; max-height: 210px; } .product-card-img-slider-wrap:before { content: ''; position: relative; display: block; width: 100%; padding-bottom: 100%; } .product-card-img-slider{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .product-card-img-slider img{ width: 100%; height: 100%; object-fit: cover; border-radius: 3px; } .product-card-img-slider .slick-dots li button:before{ color: #BBC2CE; } .product-card-img-slider .slick-dots li.slick-active button:before{ opacity: 1; color: #06579A; } .product-card-img-slider .slick-dots li { margin: 0 3px; width: 5px; height: 5px; } .product-card-img-slider .slick-dots{ bottom: -13px; } .product-card-img-slider .slick-track, .product-card-img-slider .slick-list{ height: 100%; } .product-card-img-slider-wrap{ margin-bottom: 15px; } .product-card-img-slider.slick-dotted.slick-slider { margin-bottom: 0; } .rating{ display: flex; margin: 0 -1px; } .rating-item{ padding: 0 1px; line-height: 0; } .product-card-col{ display: flex; align-items: center; justify-content: space-between; } .product-article{ font-size: 13px; line-height: 17px; letter-spacing: 0.2px; color: rgba(0, 0, 0, 0.6); } .product-available{ display: flex; align-items: center; font-size: 12px; line-height: 17px; letter-spacing: 0.2px; } .product-available svg{ margin-right: 6px; font-weight: 500; } .product-name{ font-weight: 400; font-size: 13px; line-height: 17px; letter-spacing: 0.1px; margin-bottom: 15px; color: #000; text-decoration: none; } .product-card-price-type{ font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: 0.15px; color: rgba(0, 0, 0, 0.6); width: 100%; margin-bottom: 5px; } .product-card-price{ font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: 0.15px; margin-bottom: 15px; } .add-basket-btn{ font-style: normal; font-weight: 500; font-size: 13px; line-height: 18px; letter-spacing: 0.15px; color: #FFFFFF; background-color: #06579A; padding: 12px 21px; border-radius: 4px; border: none; outline: none; width: 100%; cursor: pointer; } .in-basket .add-basket-btn{ background-color: #0AA05B; } .counter{ display: flex; align-items: center; width: 100%; background-color: #F7F8F9; padding: 3px 2px; } .counter-text{ width: 100%; font-weight: 500; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: rgba(0, 0, 0, 0.6); text-align: center; } .counter-btn{ cursor: pointer; width: 34px; height: 34px; flex: 0 0 34px; display: flex; align-items: center; justify-content: center; background-color: #F0F2F4; border-radius: 4px; } .complect-block{ margin-bottom: 90px; } .complect-block .sub-title{ text-align: center; } .complect-block .sub-title-desc{ margin-bottom: 35px; text-align: center; } .complect-top{ position: relative; height: 400px; width: 100%; border-radius: 4px; overflow: hidden; background-position: 50% 50%; display: block; margin-bottom: 16px; } .complect-top-img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 50%; transition: all 0.5s; } .complect-top-img:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; top:0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.592) 100%); } .complect-top:hover .complect-top-img{ transform: scale(120%); } .complect-top-info{ position: absolute; left: 0; bottom: 0; right: 0; padding: 30px; } .complect-top-name{ font-weight: 700; font-size: 40px; line-height: 56px; color: #FFFFFF; margin-bottom: 3px; } .complect-top-desc{ font-size: 15px; line-height: 24px; letter-spacing: 0.2px; color: #FFFFFF; } .complect-link{ margin-top: 30px; font-family: 'Roboto', serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 100%; color: #FFFFFF; display: flex; align-items: center; } .complect-link svg{ margin-right: 6px; } .complect-slider{ margin: -8px; display: flex; } .complect-slider-item{ padding: 8px; max-width: calc(100% / 3); flex: 0 0 calc(100% / 3); } .complect-item{ position: relative; display: block; height: 320px; width: 100%; overflow: hidden; } .complect-img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 50%; border-radius: 8px; overflow: hidden; line-height: 0; transition: all 0.5s; } .complect-img:after{ content: ''; position: absolute; display: block; height: 210px; left: 0; right: 0; bottom: -14px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.74) 100%); } .complect-item:hover .complect-img{ transform: scale(120%); } .complect-info{ position: absolute; padding: 30px; left: 0; bottom: 0; right: 0; } .complect-name{ font-weight: 700; font-size: 26px; line-height: 34px; color: #FFFFFF; margin-bottom: 9px; } .complect-desc{ font-weight: 400; font-size: 13px; line-height: 23px; letter-spacing: 0.1px; color: #FFFFFF; } .news-articles{ margin-bottom: 90px; } .tab-header{ margin-bottom: 26px; } .tab-header-list{ display: flex; justify-content: center; align-items: center; margin: 0 -2px; } .tab-header-item{ padding: 0 2px; } .tab-header-item a{ display: block; font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: 0.15px; color: rgba(0, 0, 0, 0.8); padding: 14px 16px; background-color: #F0F2F4; border-radius: 10px; text-decoration: none; } .tab-header-item a:hover, .tab-header-item.active a{ background-color: #06579A; color: #fff; } .tab-slider{ margin: -8px; } .tab-slider-item{ padding: 8px; } .tab-slider-link{ position: relative; display: block; overflow: hidden; height: 360px; width: 100%; border-radius: 8px; } .tab-slider-label{ position: absolute; left: 16px; top: 16px; font-weight: 700; font-size: 10px; line-height: 12px; letter-spacing: 1.3px; color: #FFFFFF; text-transform: uppercase; padding: 6px 8px; background-color: #06579A; border-radius: 10px; z-index: 2; } .tab-slider-img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: 50% 50%; transition: all 0.5s; } .tab-slider-img:after{ content: ''; position: absolute; height: 234px; left: 0; right: 0; bottom: 0; background: linear-gradient(0deg, rgba(62, 60, 60, 0.9) 0%, rgba(62, 60, 60, 0.9) 35%, rgba(62, 60, 60, 0) 100%); } .tab-slider-img.tab-slider-1:after{ background: linear-gradient(0deg, rgba(195, 206, 202, 0.9) 0%, rgba(195, 206, 202, 0.9) 35%, rgba(195, 206, 202, 0) 100%); } .tab-slider-img.tab-slider-2:after{ background: linear-gradient(0deg, rgba(9, 97, 99, 0.9) 0%, rgba(9, 97, 99, 0.9) 35%, rgba(9, 97, 99, 0) 100%); } .tab-slider-img.tab-slider-3:after{ background: linear-gradient(0deg, rgba(231, 187, 142, 0.9) 0%, rgba(231, 187, 142, 0.9) 35%, rgba(231, 187, 142, 0) 100%); } .tab-slider-img.tab-slider-4:after{ background: linear-gradient(0deg, rgba(217, 206, 197, 0.9) 0%, rgba(217, 206, 197, 0.9) 35%, rgba(217, 206, 197, 0) 100%); } .tab-slider-link:hover .tab-slider-img{ transform: scale(120%); } .tab-slider-info{ position: absolute; left: 15px; right: 15px; bottom: 18px; } .tab-slider-name{ font-weight: 700; font-size: 15px; line-height: 20px; letter-spacing: 0.15px; color: #FFFFFF; margin-bottom: 16px; } .tab-slider-name.tab-slider-name-black{ color: #000; } .tab-slider-info-like, .tab-slider-info-bottom{ display: flex; align-items: center; } .tab-slider-info-like{ font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 0.15px; color: #FFFFFF; margin-right: 15px; } .tab-slider-info-like svg{ margin-right: 3px; } .product-sales{ margin-bottom: 90px; } .product-sales h2{ margin-bottom: 56px; } .action-top{ margin-bottom: 13px; } .action-top-list{ display: flex; flex-wrap: wrap; margin: -4px; } .action-top-item{ padding: 4px; width: 100%; max-width: 25%; flex: 0 0 25%; } .action-top-item-wrap{ position: relative; } .action-top-item-wrap:before{ content: ''; position: relative; display: block; width: 100%; padding-bottom: 147%; } .action-top-item-content{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; border-radius: 8px; } .action-top-item-img{ line-height: 0; background-repeat: no-repeat; transition: all 0.25s; } .action-top-item-content:hover .action-top-item-img{ transform: scale(120%); } .action-top-pic .action-top-item-img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; line-height: 0; background-size: cover; } .action-top-pic .action-top-item-content{ padding: 13px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; } .action-top-pic .action-top-item-name{ position: relative; z-index: 5; font-weight: 500; font-size: 22px; line-height: 26px; letter-spacing: -1px; color: #FFFFFF; } .action-top-pic .action-top-item-content:before{ content: ''; position: absolute; width: 100%; height: 162px; left: 0; top: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); } .action-top-item-link{ font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; letter-spacing: -0.565577px; color: #FFFFFF; padding: 10px 30px; border-radius: 15px; background-color: #06579A; text-decoration: none; display: inline-block; } .action-top-offer .action-top-item-content{ background-color: #06579A; } .action-top-offer .action-top-item-img{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-position: bottom; } .action-top-offer .action-top-item-info{ position: absolute; top: 92px; left: 9px; right: 9px; } .action-top-item-name{ font-weight: 600; font-size: 35px; line-height: 34px; letter-spacing: -1.89377px; color: #FFFFFF; margin-bottom: 8px; } .action-top-item-desc{ font-size: 13px; line-height: 16px; letter-spacing: -0.565577px; color: #FFFFFF; } .action-top-join .action-top-item-content{ background-color: #fff; border: 1px solid #06579A; padding: 12px 8px; } .action-top-join .action-top-item-name{ font-weight: 600; font-size: 24px; line-height: 26px; letter-spacing: -1px; color: #06579A; margin-bottom: 13px; } .action-bottom-list{ display: flex; flex-wrap: wrap; margin: -8px; } .action-bottom-item{ padding: 8px; width: 100%; flex: 0 0 50%; max-width: 50%; } .action-bottom-item-wrap{ position: relative; } .action-bottom-item-wrap:before{ content: ''; position: relative; display: block; width: 100%; padding-bottom: 56.7%; } .action-bottom-img, .action-bottom-item-content{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .action-bottom-item-content{ border-radius: 8px; overflow: hidden; } .action-bottom-img{ background-repeat: no-repeat; background-size: cover; transition: all 0.25s; } .action-bottom-item-content:hover .action-bottom-img{ transform: scale(120%); } .action-bottom-name{ position: absolute; bottom: 20px; left: 20px; right: 20px; font-weight: 600; font-size: 35px; line-height: 39px; letter-spacing: -1.48437px; color: #FFFFFF; } .action-bottom-v2 .action-bottom-item-content{ background-color: #E7BB8E; } .action-bottom-v2 .action-bottom-name{ font-style: normal; font-weight: 600; font-size: 50px; line-height: 44px; letter-spacing: -1.44945px; } .action-bottom{ margin-bottom: 100px; } .company-desc{ margin-bottom: 50px; } .company-desc-text{ text-align: center; font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: 0.15px; text-transform: uppercase; color: rgba(0, 0, 0, 0.5); padding: 11px 0; } .company-desc-decor{ width: 234px; border-top: 1px solid #9DA7B8; margin: 0 auto; } footer{ background-color: #232934; padding: 72px 0; } .footer-row{ display: flex; } .footer-row:not(:last-child){ margin-bottom: 80px; } .footer-menu-list{ width: 100%; display: flex; justify-content: space-between; margin: 0 -30px; } .footer-menu-col{ padding: 0 30px; } .footer-row-title, .footer-menu-title{ font-style: normal; font-weight: 700; font-size: 18px; line-height: 24px; letter-spacing: 0.2px; color: #FFFFFF; margin-bottom: 18px; } .footer-menu-item:not(:last-child){ margin-bottom: 8px; } .footer-menu-link{ font-weight: 400; font-size: 13px; line-height: 20px; color: rgba(255, 255, 255, 0.8); text-decoration: none; display: flex; align-items: center; } .footer-menu-link svg{ margin-right: 4px; } .footer-row-desc{ font-weight: 500; font-size: 13px; line-height: 17px; color: #FFFFFF; } .footer-app .footer-row-title{ margin-bottom: 4px; } .footer-app .footer-row-desc{ margin-bottom: 25px; } .footer-app-content{ display: flex; } .footer-app-qr{ margin-right: 25px; } .footer-app-store{ display: flex; flex-wrap: wrap; max-width: 300px; } .footer-app-store-item{ padding: 8px; width: 100%; max-width: 50%; flex: 0 0 50%; } .footer-payment-list{ display: flex; align-items: center; margin: -8px; } .footer-payment-item{ padding: 8px; } .footer-app-block{ margin-right: 100px; } .social-list{ display: flex; margin: -8px -8px 23px; } .social-item{ padding: 8px; } .social-link{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background-color: #3A4250; border-radius: 50%; } .footer-text{ font-weight: 400; font-size: 14px; line-height: 14px; color: #FFFFFF; margin-bottom: 10px; } .footer-text-policy{ font-style: italic; font-weight: 400; font-size: 12px; line-height: 16px; color: rgba(255, 255, 255, 0.8); } /*catalog*/ .catalog{ margin-top: 36px; margin-bottom: 60px; } .catalog-title{ margin-top: 0; font-weight: 700; font-size: 42px; line-height: 56px; color: #000000; margin-bottom: 32px; } .catalog-block{ display: flex; } .catalog-left{ width: 208px; flex: 0 0 208px; } .catalog-right{ padding-left: 32px; } .catalog-item a{ font-weight: 400; font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.6); text-decoration: none; } .catalog-item:not(:last-child){ margin-bottom: 12px; } .breadcrumb{ margin-bottom: 18px; } .breadcrumb-list{ display: flex; flex-wrap: wrap; margin: 0 -15px; } .breadcrumb-item{ padding: 0 15px; position: relative; } .breadcrumb-item:not(:last-child):after{ content: ''; background-image: url("/local/templates/grandfayans/assets/css/../svg/breadcrumb-sep.svg"); display: block; position: absolute; width: 13px; height: 13px; top: 50%; transform: translateY(-50%); right: -8px; } .breadcrumb-link{ font-weight: 400; font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.6); text-decoration: none; } .section{ margin-bottom: 50px; } .section-list{ display: flex; flex-wrap: wrap; margin: -18px; } .section-item{ width: 100%; max-width: calc(100%/6); flex: 0 0 calc(100%/6); padding: 18px; text-decoration: none; } .section-name{ font-weight: 400; font-size: 14px; line-height: 18px; text-align: center; letter-spacing: 0.15px; color: rgba(0, 0, 0, 0.8); } .section-img{ height: 90px; width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 9px; } .section-img img{ width: 100%; height: 100%; object-fit: contain; } /*catalog end*/ /*catalog-detail*/ .catalog-detail-page .breadcrumb{ margin-right: 280px; } .catalog-detail{ display: flex; } .catalog-detail-right{ width: 268px; flex: 0 0 268px; margin-top: -38px; } .catalog-detail-left{ padding-right: 24px; width: 100%; } .catalog-detail-block{ background: #FFFFFF; box-shadow: 0px 2px 2px rgba(68, 92, 130, 0.12), -1px 4px 10px rgba(68, 92, 130, 0.1), 0px -2px 10px rgba(68, 92, 130, 0.05); margin-bottom: 24px; padding: 20px; width: 100%; } .catalog-detail-title{ font-weight: 700; font-size: 24px; line-height: 32px; letter-spacing: 0.15px; color: #000000; margin-top: 0; margin-bottom: 13px; } .catalog-detail-top{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; } .catalog-detail-link-list{ display: flex; align-items: center; margin: -5px; } .catalog-detail-link-item{ padding: 5px; } .catalog-detail-link{ display: flex; align-items: center; font-weight: 500; font-size: 14px; line-height: 44px; text-align: center; color: rgba(0, 0, 0, 0.8); text-decoration: none; } .catalog-detail-link svg{ margin-right: 7px; } .catalog-detail-top-right{ display: flex; align-items: center; margin: 0 -15px; } .catalog-detail-rating, .catalog-detail-article{ padding: 0 15px; } .catalog-detail-article{ border-right: 1px solid #EBEDF8; } .tab{ margin-bottom: 20px; } .tab-head{ display: flex; justify-content: space-around; width: 100%; background: #FFFFFF; box-shadow: 0px 2px 2px rgba(68, 92, 130, 0.12), -1px 4px 10px rgba(68, 92, 130, 0.1), 0px -2px 10px rgba(68, 92, 130, 0.05); margin-bottom: 16px; } .tab-head-link{ font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; color: rgba(0, 0, 0, 0.6); text-decoration: none; display: block; padding: 20px; text-align: center; } .tab-head-item{ width: 100%; border-bottom: 2px solid transparent; } .tab-head-item.active{ border-bottom: 1px solid #06579A; } .tab-body-item{ display: none; } .catalog-detail .tab-body-item{ box-shadow: 0px 2px 2px rgba(68, 92, 130, 0.12), -1px 4px 10px rgba(68, 92, 130, 0.1), 0px -2px 10px rgba(68, 92, 130, 0.05); padding: 30px; } .tab-body-item.active{ display: block; } .desc{ display: flex; width: 100%; } .desc-left{ width: 405px; flex: 0 0 405px; display: flex; align-items: center; justify-content: center; } .desc-left img{ width: 100%; } .desc-right{ padding-left: 40px; width: 100%; } .desc-text{ font-weight: 400; font-size: 14px; line-height: 23px; letter-spacing: 0.1px; color: rgba(0, 0, 0, 0.8); margin-bottom: 20px; } .catalog-mobile-block{ display: none; } .main-char-title{ font-weight: 700; font-size: 20px; line-height: 30px; letter-spacing: 0.15px; color: rgba(0, 0, 0, 0.9); margin-bottom: 18px; } .main-char-full .main-char-list{ width: 100%; } .main-char-item{ display: flex; justify-content: space-between; } .main-char-item:not(:last-child){ margin-bottom: 16px; } .main-char-name{ font-weight: 400; font-size: 14px; line-height: 14px; letter-spacing: 0.2px; color: rgba(0, 0, 0, 0.8); white-space: nowrap; display: flex; align-items: flex-end; } .main-char-sep{ width: 100%; border-bottom: 1px dashed #BBC2CE; } .main-char-value{ font-weight: 500; font-size: 14px; line-height: 14px; letter-spacing: 0.2px; color: #000000; text-align: right; max-width: 350px; } .best-review{ box-shadow: 0px 2px 2px rgba(68, 92, 130, 0.12), -1px 4px 10px rgba(68, 92, 130, 0.1), 0px -2px 10px rgba(68, 92, 130, 0.05); padding: 32px 40px; } .best-review-title{ font-weight: 700; font-size: 20px; line-height: 30px; letter-spacing: 0.15px; color: #000000; margin-bottom: 12px; } .review{ margin-bottom: 32px; } .review-row{ display: flex; align-items: center; margin-bottom: 6px; } .review-name{ font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: 0.15px; text-transform: capitalize; color: #000000; margin-right: 8px; } .review-date, .review-city{ font-style: italic; font-weight: 400; font-size: 13px; line-height: 17px; letter-spacing: 0.2px; color: rgba(0, 0, 0, 0.6); } .review-city{ margin-right: 10px; } .review-like{ display: flex; } .review-like-positive{ margin-right: 30px; } .review-like-positive, .review-like-negative{ display: flex; align-items: center; font-weight: 500; font-size: 14px; line-height: 17px; color: rgba(0, 0, 0, 0.6); } .review-like-positive svg, .review-like-negative svg{ margin-right: 8px; } .best-review-links{ display: flex; margin: -4px; } .review-link-item{ width: 100%; flex: 0 0 50%; max-width: 50%; padding: 4px; } .new-review-link{ font-weight: 500; font-size: 14px; line-height: 16px; text-align: center; color: rgba(255, 255, 255, 0.8); padding: 15px; border-radius: 4px; background-color: #06579A; text-decoration: none; display: block; border: 1px solid #06579A; } .all-review-link{ text-decoration: none; display: block; border-radius: 4px; padding: 15px; text-align: center; border: 1px solid #BBC2CE; font-weight: 500; font-size: 14px; line-height: 16px; color: #333333; } .catalog-price-for{ font-weight: 400; font-size: 13px; line-height: 17px; letter-spacing: 0.2px; color: rgba(0, 0, 0, 0.6); padding-bottom: 6px; border-bottom: 1px solid #EBEDF8; margin-bottom: 12px; } .catalog-price-buy-name{ font-style: italic; font-weight: 400; font-size: 12px; line-height: 16px; color: rgba(0, 0, 0, 0.6); } .catalog-price-buy-val{ font-weight: 500; font-size: 26px; line-height: 27px; letter-spacing: 0.15px; color: #000000; } .catalog-price{ font-weight: 400; font-size: 20px; line-height: 30px; letter-spacing: 0.15px; color: rgba(0, 0, 0, 0.6); margin-bottom: 15px; } .catalog-counter-block{ } .catalog-counter{ border-radius: 5px; padding: 2px; display: flex; align-items: center; margin-bottom: 10px; background-color: #F7F8F9; } .catalog-counter-btn{ width: 34px; flex: 0 0 34px; height: 34px; background-color: #F0F2F4; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 4px; } .catalog-counter-text{ width: 100%; text-align: center; height: 36px; font-weight: 500; font-size: 16px; line-height: 19px; letter-spacing: 0.15px; color: #000000; display: flex; align-items: center; justify-content: center; border: none; outline: none; background-color: transparent; cursor: default; } .catalog-buy-btn{ display: block; width: 100%; font-weight: 500; font-size: 14px; line-height: 16px; text-align: center; color: rgba(255, 255, 255, 0.8); background-color: #06579A; border-radius: 4px; padding: 10px 14px; text-decoration: none; } .catalog-available-block{ display: flex; align-items: center; justify-content: space-between; } .catalog-available{ font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: 0.15px; color: #000000; display: flex; align-items: center; } .catalog-available svg{ margin-right: 6px; } .catalog-delivery-title{ font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 0.15px; color: #000000; margin-bottom: 12px; } .catalog-delivery-list{ margin-bottom: 24px; } .catalog-delivery-item{ display: flex; align-items: center; justify-content: space-between; } .catalog-delivery-name{ font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.2px; color: rgba(0, 0, 0, 0.8); } .catalog-delivery-val{ font-weight: 700; font-size: 13px; line-height: 17px; letter-spacing: 0.45px; text-transform: lowercase; color: rgba(0, 0, 0, 0.9); display: flex; align-items: center; } .catalog-delivery-val svg{ margin-left: 2px; } .catalog-pickup-date{ font-style: italic; font-weight: 500; font-size: 13px; line-height: 17px; letter-spacing: 0.2px; color: rgba(0, 0, 0, 0.9); } .catalog-pickup-date-desc{ font-style: italic; font-weight: 400; font-size: 12px; line-height: 16px; color: rgba(0, 0, 0, 0.6); margin-bottom: 24px; } .catalog-pickup-partner-block{ margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; font-weight: 400; font-size: 13px; line-height: 17px; letter-spacing: 0.2px; color: rgba(0, 0, 0, 0.9); padding: 8px 12px; border-radius: 8px; width: 100%; background-color: #F0F2F4; } .catalog-pickup-partner .catalog-delivery-list{ margin-bottom: 0; } .show-map-link{ font-weight: 700; font-size: 14px; line-height: 20px; color: #1C3697; text-decoration: none; } .delivery-desc-block{ padding: 0; } .delivery-desc{ padding: 14px 20px; display: flex; align-items: center; } .delivery-desc svg{ flex: 0 0 32px; margin-right: 16px; } .delivery-desc-name{ font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 0.15px; color: rgba(0, 0, 0, 0.8); margin-bottom: 3px; } .delivery-desc-text{ font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0.25px; color: rgba(0, 0, 0, 0.6); } .catalog-notice{ margin-top: 12px; } .catalog-notice-btns{ margin-top: 12px; } .catalog-notice-btns a{ width: 100%; font-size: 12px; text-align: center; } .catalog-notice-btns a:nth-child(1){ background: #28a745; } .catalog-notice-btns a:nth-child(2){ background: transparent; border: 1px solid #0A3A68; color: #0A3A68; } .catalog-notice-btns a:nth-child(3){ background: #00d2ed; } .catalog-notice-btns a:not(:last-child){ margin-bottom: 10px; } /*catalog-detail end*/ /*catalog-section*/ .catalog-section{ display: flex; } .catalog-section-left{ width: 240px; padding-right: 32px; flex: 0 0 240px; } .catalog-section-right{ width: 100%; } .catalog-section-count{ font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; color: rgba(0, 0, 0, 0.6); margin-bottom: 13px; } .catalog-section-sort{ font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 0.15px; color: #000000; margin-bottom: 58px; display: flex; flex-wrap: wrap; align-items: center; } .catalog-section-sort-list{ display: flex; flex-wrap: wrap; } .catalog-section-sort-name{ margin-right: 10px; margin-bottom: 4px; } .catalog-section-sort-link{ font-weight: 400; font-size: 13px; line-height: 17px; letter-spacing: 0.2px; color: #000000; padding: 8px 16px; background-color: #F0F2F4; border-radius: 4px; text-decoration: none; margin-right: 4px; margin-bottom: 4px; transition: all 0.25s; } .catalog-section-sort-link:hover, .catalog-section-sort-link.active{ background-color: #06579A; color: #fff; } .catalog-section-sort-link:hover path, .catalog-section-sort-link.active path{ fill: #fff; } /*catalog-section-end*/ /*catalog-product*/ .catalog-product{ display: flex; border-bottom: 1px solid #EBEDF8; margin-bottom: 32px; padding-bottom: 24px; } .catalog-product-col-img{ width: 240px; flex: 0 0 240px; } .catalog-product-col-info{ width: 100%; padding-left: 16px; padding-right: 16px; } .catalog-product-img{ display: block; width: 240px; height: 240px; margin-bottom: 25px; } .catalog-product-img img{ width: 100%; height: 100%; object-fit: contain; } .catalog-product-article{ font-size: 13px; line-height: 17px; text-align: center; letter-spacing: 0.2px; color: rgba(0, 0, 0, 0.6); } .catalog-product-name{ font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: 0.15px; color: #000000; text-decoration: none; margin-bottom: 8px; display: block; max-width: 500px; } .catalog-product-available{ font-weight: 500; font-size: 13px; line-height: 17px; letter-spacing: 0.2px; color: #000000; display: flex; align-items: center; margin-bottom: 8px; } .catalog-product-available svg{ margin-right: 6px; } .catalog-product-rating{ margin-bottom: 13px; } .catalog-product-breadcrumb{ margin-bottom: 7px; } .catalog-product-prop-item{ font-weight: 400; font-size: 13px; line-height: 20px; display: flex; align-items: center; color: rgba(0, 0, 0, 0.5); } .catalog-product-col-basket{ flex: 0 0 182px; } .catalog-product-price-unit-name{ font-weight: 400; font-size: 14px; line-height: 18px; letter-spacing: 0.15px; color: rgba(0, 0, 0, 0.6); padding-bottom: 5px; border-bottom: 1px solid #EBEDF8; margin-bottom: 8px; } .catalog-product-price{ font-weight: 700; font-size: 20px; line-height: 23px; letter-spacing: 0.15px; color: #000000; margin-bottom: 13px; } .catalog-product-counter{ margin-bottom: 10px; } .catalog-product-col-add{ padding-left: 12px; } .catalog-product-add-btn{ outline: none; border: none; background-color: transparent; margin-bottom: 5px; } /*catalog-item end*/ /*pagination*/ .pagination-block{ display: flex; align-items: center; } .pagination-list{ padding: 0; margin: 0 -2px; display: flex; list-style: none; } .pagination-item{ padding: 0 2px; } .pagination-link, .pagination-current{ display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; font-weight: 500; font-size: 14px; line-height: 44px; color: rgba(0, 0, 0, 0.8); text-decoration: none; } .pagination-current{ background-color: #F0F2F4; } .pagination-prev, .pagination-next{ font-weight: 500; font-size: 14px; line-height: 44px; color: rgba(0, 0, 0, 0.8); text-decoration: none; display: flex; align-items: center; } .pagination-next svg{ margin-left: 5px; } .pagination-prev svg{ margin-right: 5px; transform: rotate(180deg); } .pagination-btn-top{ margin-left: auto; font-weight: 500; font-size: 14px; line-height: 44px; color: rgba(0, 0, 0, 0.8); display: flex; align-items: center; border: none; outline: none; cursor: pointer; background-color: transparent; } .pagination-btn-top svg{ margin-left: 5px; } /*pagination end*/ /*pagination v2*/ .pagination-block-v2{ margin-top: 60px; display: flex; align-items: center; justify-content: center; width: 100%; } .pagination-block-list-v2{ display: flex; align-items: center; } .pagination-list-v2{ display: flex; list-style: none; padding: 0; margin: 0; } .pagination-current-v2, .pagination-link-v2{ font-weight: 400; font-size: 14px; line-height: 23px; color: #666666; text-decoration: none; } .pagination-item-v2:first-child{ border-left: 1px solid rgba(6, 87, 154, 0.5); } .pagination-item-v2{ padding: 0 10px; border-right: 1px solid rgba(6, 87, 154, 0.5); } .pagination-prev-v2, .pagination-next-v2{ padding: 0 10px; text-decoration: none; color: #666666; } .pagination-last-v2, .pagination-first-v2{ font-weight: 400; font-size: 14px; line-height: 23px; color: #666666; padding: 10px; border-radius: 4px; border: 1px solid #83ABCC; text-decoration: none; } /*pagination v2 end*/ /*fast link section*/ .fast-link-section{ margin-bottom: 16px; } .fast-link-section-list{ display: flex; flex-wrap: wrap; margin: -2px; } .fast-link-section-item{ padding: 2px; } .fast-link-section-link{ font-size: 14px; line-height: 18px; letter-spacing: 0.15px; color: rgba(0, 0, 0, 0.8); padding: 8px 12px; border-radius: 4px; background-color: #F0F2F4; display: block; text-decoration: none; } /*fast link section end*/ .news-list{ margin-bottom: 60px; } .news-list .preview_picture{ width: 300px; height: auto; } .popup{ display: none !important; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(40, 40, 40, 0.60); z-index: 105; overflow-y: auto; width: 100vw; height: 100vh; } .popup-show{ display: flex !important; } .popup-wrapper{ max-width: 600px; margin: auto; padding: 40px 0; width: 100%; } .popup-success .popup-wrapper{ max-width: 380px; } .popup-form{ position: relative; background-color: #FFFFFF; width: 100%; padding: 30px; border-radius: 12px; } .popup-close{ position: absolute; right: 15px; top: 15px; font-size: 40px; transform: rotateZ(45deg); cursor: pointer; color: #808080; } .popup-form-title{ font-weight: 600; font-size: 26px; line-height: 28px; letter-spacing: -0.05em; color: #000000; text-align: center; margin-bottom: 4px; margin-top: 10px; } .popup-form-desc{ font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: 0.15px; color: #000000; margin-bottom: 30px; text-align: center; } .popup-form-item{ position: relative; margin-bottom: 30px; } .popup-form-input{ position: relative; } .popup-form-item-title{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; color: rgba(0, 0, 0, 0.7); transition: all 0.25s; } .popup-form-item-title span{ color: #EB001B; } .popup-form-input select, .popup-form-input input{ outline: none; padding: 10px 0; width: 100%; border: none; border-bottom: 1px solid #808080; font-weight: 400; font-size: 14px; line-height: 28px; color: #000000; } .popup-form-item-error select, .popup-form-item-error input{ border-color: #EB001B; } .popup-form-input select + .popup-form-item-title, .popup-form-input.active input + .popup-form-item-title, .popup-form-input input:focus + .popup-form-item-title{ top: 0; font-size: 11px; } .popup-form-item-desc{ font-weight: 400; font-size: 12px; line-height: 14px; color: rgba(0, 0, 0, 0.4); margin-top: 5px; } .popup-form-btn{ font-weight: 700; font-size: 15px; line-height: 20px; letter-spacing: 0.15px; color: #FFFFFF; background-color: #06579A; border-radius: 6px; width: 100%; padding: 15px; text-align: center; border: none; outline: none; cursor: pointer; } .policy a, .policy{ font-weight: 400; font-size: 12px; line-height: 15px; display: flex; align-items: center; letter-spacing: 0.15px; color: rgba(0, 0, 0, 0.7); } .policy a{ display: inline-block; text-decoration: underline; } .c-checkbox { display: block; position: relative; padding-left: 30px; margin-bottom: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .c-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: transparent; border: 1px solid #06579A; } .checkmark:after { content: ""; position: absolute; display: none; } .c-checkbox input:checked ~ .checkmark:after { display: block; } .c-checkbox .checkmark:after { left: 6px; top: 1px; width: 5px; height: 10px; border: solid #06579A; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .review-on-main{ margin-bottom: 100px; } .review-on-main-list-block{ margin-top: 35px; margin-bottom: 35px; } .review-on-main-list{ display: flex; margin: -10px; } .review-on-main-item{ width: 100%; flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); padding: 10px; } .review-on-main-item-wrap{ background-color: #F7F8F9; border-radius: 4px; padding: 20px; } .review-on-main-item-row:not(:last-child){ margin-bottom: 18px; } .review-on-main-item-row-top{ display: flex; align-items: center; justify-content: space-between; } .review-on-main-item-date{ font-style: normal; font-weight: 400; font-size: 15px; line-height: 24px; letter-spacing: 0.2px; color: rgba(0, 0, 0, 0.5); } .review-on-main-item-row-name{ font-weight: 700; font-size: 20px; line-height: 100%; letter-spacing: 0.2px; color: #1A1A1A; } .review-on-main-item-row-text{ font-size: 15px; line-height: 130%; color: #1A1A1A; } .section-mobile, .mobile-bottom-menu, .header-middle-text-mobile{ display: none; } .mobile-bottom-menu{ position: fixed; bottom: 0; left: 0; right: 0; z-index: 50; } .mobile-bottom-menu-wrap{ background: #FFFFFF; box-shadow: 0px 2px 2px rgba(68, 92, 130, 0.12), -1px 4px 10px rgba(68, 92, 130, 0.1), 0px -2px 10px rgba(68, 92, 130, 0.05); padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; } .mobile-bottom-menu-wrap a{ display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 12px; line-height: 15px; letter-spacing: 0.15px; color: #1A1A1A; text-decoration: none; } .mobile-bottom-menu-wrap a:hover{ color: #06579A; } .mobile-bottom-menu-wrap a:hover path{ fill: #06579A; stroke: #06579A; } /*404*/ .c-404{ max-width: 987px; margin: 60px auto; } .c-404-wrap{ width: 100%; background: #FFFFFF; box-shadow: 0px 2px 2px rgba(68, 92, 130, 0.12), -1px 4px 10px rgba(68, 92, 130, 0.1), 0px -2px 10px rgba(68, 92, 130, 0.05); padding: 30px; display: flex; align-items: center; } .c-404-img{ margin-right: 40px; } .c-404-title{ font-weight: 600; font-size: 137px; line-height: 166px; letter-spacing: 0.15px; color: #06579A; margin-bottom: 20px; } .c-404-sub-title{ font-weight: 600; font-size: 24px; line-height: 22px; letter-spacing: 0.15px; color: #000000; margin-bottom: 20px; } .c-404-desc{ font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.15px; color: #000000; margin-bottom: 20px; } /*404 end*/ /*contact*/ .contact{ margin-top: 100px; margin-bottom: 60px; } .contact-row{ padding: 40px 30px; background: #FFFFFF; box-shadow: 0px 2px 2px rgba(68, 92, 130, 0.12), -1px 4px 10px rgba(68, 92, 130, 0.1), 0px -2px 10px rgba(68, 92, 130, 0.05); } .contact-row:not(:last-child){ margin-bottom: 20px; } .contact-info{ display: flex; } .contact-info .contact-left{ width: 100%; margin-right: 15px; } .contact-info .contact-right{ flex: 0 0 416px; } .contact-title{ font-family: 'Roboto', serif; font-style: normal; font-weight: 700; font-size: 24px; line-height: 32px; letter-spacing: 0.15px; color: #1A1A1A; margin-bottom: 15px; } .contact-desc p{ margin: 0; font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #1A1A1A; } .contact-desc p:not(:last-child){ margin-bottom: 15px; } .contact-phone{ font-weight: 700; font-size: 36px; line-height: 44px; letter-spacing: 0.15px; color: #06579A; text-decoration: none; } .contact-link{ font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; text-decoration-line: underline; color: #06579A; } .contact-bottom-phone{ display: flex; align-items: center; } .contact-bottom-phone svg{ margin-right: 5px; } .contact-advantage-item{ display: flex; align-items: center; } .contact-advantage-item:not(:last-child){ margin-bottom: 15px; } .contact-advantage-item-ico{ margin-right: 15px; } .contact-address{ margin-bottom: 10px; } .contact-email{ display: flex; align-items: center; } .contact-email svg{ margin-right: 10px; } .contact-email a{ font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #1A1A1A; text-decoration: none; } .work-hours{ margin-top: 50px; } .work-hours-title{ font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #1A1A1A; margin-bottom: 20px; } .work-hours-list{ display: flex; } .work-hours-day{ display: flex; align-items: center; gap: 3px; margin-bottom: 10px; } .work-hours-day-item{ padding: 4px 5px; border-radius: 2px; font-weight: 500; font-size: 6px; line-height: 100%; letter-spacing: 0.15px; text-transform: uppercase; color: #FFFFFF; } .work-hours-weekdays .work-hours-day-item{ background-color: #06579A; } .work-hours-day-off .work-hours-day-item{ background-color: #D45531; } .work-hours-weekdays{ margin-right: 10px; } .work-hours-text{ font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #1A1A1A; } .contact-map{ display: flex; } .contact-map .contact-right{ flex: 0 0 718px; } .contact-map .contact-left{ width: 100%; padding-right: 15px; } /*contact end*/ /*delivery and payment*/ .delivery-and-payment{ margin-bottom: 60px; } .delivery-and-payment-title{ font-family: 'Roboto', serif; font-style: normal; font-weight: 700; font-size: 24px; line-height: 32px; letter-spacing: 0.15px; color: #1A1A1A; margin-bottom: 10px; } .delivery-and-payment-desc{ margin-bottom: 30px; font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #1A1A1A; } .delivery-and-payment-row{ padding: 40px 30px; background: #FFFFFF; box-shadow: 0px 2px 2px rgba(68, 92, 130, 0.12), -1px 4px 10px rgba(68, 92, 130, 0.1), 0px -2px 10px rgba(68, 92, 130, 0.05); } .delivery-and-payment-row:not(:last-child){ margin-bottom: 20px; } .delivery-and-payment-block{ display: flex; align-items: center; font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #1A1A1A; } .delivery-and-payment-block .delivery-and-payment-left{ padding-right: 15px; } .delivery-and-payment-text-info{ display: flex; align-items: center; } .delivery-and-payment-text-info svg{ margin-right: 10px; } .delivery-and-payment-block ul{ padding-left: 17px; margin-top: 0; margin-bottom: 10px; } .delivery-and-payment-block p{ margin-top: 0; margin-bottom: 10px; } .delivery-and-payment-memory{ display: flex; font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #1A1A1A; } .delivery-and-payment-memory .delivery-and-payment-right{ flex: 0 0 386px; } .delivery-and-payment img{ max-width: 100%; } .delivery-and-payment-memory .delivery-and-payment-right img:not(:last-child){ margin-bottom: 20px; } .delivery-and-payment-memory .delivery-and-payment-left{ width: 100%; padding-right: 45px; } .delivery-and-payment-memory-title{ font-family: 'Roboto', serif; font-style: normal; font-weight: 700; font-size: 24px; line-height: 32px; letter-spacing: 0.15px; color: #FFFFFF; padding: 10px 20px; background-color: #06579A; margin-bottom: 20px; } .delivery-and-payment-memory-sub-title{ font-style: normal; font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: 0.15px; color: #FFFFFF; padding: 10px 20px; background-color: #06579A; margin-bottom: 20px; } .delivery-and-payment-memory-list{ list-style: none; margin: 0; margin-bottom: 20px; padding: 0; } .delivery-and-payment-memory-list>li{ position: relative; padding-left: 45px; } .delivery-and-payment-memory-list>li:before{ content: ''; position: absolute; background: url("/local/templates/grandfayans/assets/css/../svg/list-ico.svg"); width: 34px; height: 30px; left: 0; } .delivery-and-payment-memory-list>li:not(:last-child){ margin-bottom: 20px; } .delivery-and-payment-memory-list>li ul{ padding-left: 17px; list-style: disc; } .delivery-and-payment-memory-sub-list{ margin-top: 10px; } .delivery-and-payment-memory-sub-list b{ display: block; margin-bottom: 10px; } .delivery-and-payment-memory-list-cols{ display: flex; flex-wrap: wrap; } .delivery-and-payment-memory-list-col-left{ width: 100%; padding-right: 10px; } .delivery-and-payment-memory-list-col-right{ flex: 0 0 131px; } .delivery-and-payment-memory-sub-title-v2{ font-weight: 700; font-size: 15px; line-height: 18px; text-align: center; letter-spacing: 0.15px; color: #FFFFFF; padding: 10px 20px; background-color: #06579A; margin-bottom: 20px; } .delivery-and-payment-contact{ display: flex; flex-wrap: wrap; } .delivery-and-payment-contact-left{ width: 100%; padding-right: 45px; } .delivery-and-payment-contact-right{ flex: 0 0 390px; } .delivery-and-payment-contact-title{ font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: 0.15px; color: #06579A; margin-bottom: 10px; } .delivery-and-payment-contact-item:not(:last-child){ margin-bottom: 10px; } .delivery-and-payment-contact-item a{ font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #1A1A1A; text-decoration: none; margin-bottom: 10px; display: block; } /*delivery and payment end*/ /*block-with-menu*/ .block-with-left-menu{ display: flex; } .block-left{ flex: 0 0 206px; } .block-right{ width: 100%; padding-left: 20px; } /*block-with-menu end*/ /*left-menu*/ .left-menu{ background: #FFFFFF; box-shadow: 0px 2px 2px rgba(68, 92, 130, 0.12), -1px 4px 10px rgba(68, 92, 130, 0.1), 0px -2px 10px rgba(68, 92, 130, 0.05); } .left-link{ font-family: 'Roboto', serif; font-style: normal; font-weight: 700; font-size: 12px; line-height: 14px; letter-spacing: 1px; text-transform: uppercase; color: #666666; text-align: center; display: block; padding: 20px 5px; text-decoration: none; transition: all 0.25s; border-right: 3px solid transparent; } .left-link:hover, .left-link-active{ color: #000; border-right-color: #06579A; } /*left-menu end*/ /*abount*/ .about{ margin-bottom: 60px; } .about-banner{ position: relative; margin-bottom: 30px; } .about-banner img{ width: 100%; } .about-banner-text{ position: absolute; z-index: 5; left: 0; right: 0; bottom: 0; padding: 30px; } .about-banner-text-title{ font-family: 'Roboto', serif; font-style: normal; font-weight: 900; font-size: 36px; line-height: 23px; color: #FFFFFF; margin-bottom: 30px; } .about-banner-text-desc{ font-family: 'Roboto', serif; font-style: normal; font-weight: 700; font-size: 24px; line-height: 23px; color: #FFFFFF; } .about p{ margin-top: 0; margin-bottom: 20px; font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.15px; color: #000000; } /*abount end*/ /*loader*/ #loading_screen { position: fixed; z-index: 1150; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; width: 64px; height: 64px; } .bx-step-opacity { opacity: 0; -webkit-animation: animationBorderStepOpacity ease 1s; -moz-animation: animationBorderStepOpacity ease 1s; -o-animation: animationBorderStepOpacity ease 1s; animation: animationBorderStepOpacity ease 1s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes animationBorderStepOpacity { 0% { opacity: 0 } 100% { opacity: 100 } } @-moz-keyframes animationBorderStepOpacity { 0% { opacity: 0 } 100% { opacity: 100 } } @-ms-keyframes animationBorderStepOpacity { 0% { opacity: 0 } 100% { opacity: 100 } } @-o-keyframes animationBorderStepOpacity { 0% { opacity: 0 } 100% { opacity: 100 } } @keyframes animationBorderStepOpacity { 0% { opacity: 0 } 100% { opacity: 100 } } /*loader end*/ /*mobile-menu*/ .mobile-menu-block{ position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 15; transform: translateX(-100%); transition: all 0.25s; } .mobile-menu-block.active{ transform: translateX(0); } .mobile-menu-wrap{ position: relative; background-color: #fff; width: 100%; height: 100%; padding: 40px 10px; } .mobile-menu-close{ position: absolute; right: 10px; top: 10px; font-size: 50px; transform: rotateZ(45deg); } .mobile-menu-top{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; } .mobile-menu-top a.parthers{ background-color: #06579A; font-weight: 800; font-size: 12px; color: #FFFFFF; border-radius: 6px; padding: 10px; text-decoration: none; } .mobile-menu-row .header-top-time-work{ margin-left: 0; font-size: 15px; } .header-top-phone a{ font-size: 15px; } .mobile-menu-row .menu-list{ flex-direction: column; align-items: flex-start; } .mobile-menu-row .menu-item:not(:last-child){ width: 100%; border-bottom: 1px solid #F0F0F0; } .mobile-menu-row .menu-item a{ font-weight: 400; font-size: 15px; line-height: 100%; color: #1A1A1A; display: block; padding-top: 18px; padding-bottom: 6px; } .mobile-menu-row .menu-item a.sales{ margin-top: 18px; padding: 16px 30px; display: inline-flex; color: #fff; } .mobile-menu-scroll{ height: 100%; overflow-y: auto; overflow-x: hidden; padding-bottom: 120px; } .mobile-menu-block .header-middle-search{ display: flex; } .mobile-menu-block .header-middle-search .header-middle-search-input{ width: 100%; } /*mobile-menu end*/ /*partner*/ .partner-page .sub-title{ line-height: 25px; margin-bottom: 3px; } .partner-page .partner-desc{ font-family: 'Roboto', serif; font-style: normal; font-weight: 400; font-size: 24px; line-height: 32px; letter-spacing: 0.15px; color: #000000; margin-bottom: 40px; margin-top: 0; } .partner-block{ padding: 30px; background: #FFFFFF; box-shadow: 0px 2px 2px rgba(68, 92, 130, 0.12), -1px 4px 10px rgba(68, 92, 130, 0.1), 0px -2px 10px rgba(68, 92, 130, 0.05); } .partner-condition{ margin-bottom: 30px; } .partner-title{ font-weight: 600; font-size: 18px; line-height: 22px; letter-spacing: 0.15px; color: #000000; margin-bottom: 20px; } .partner-condition-wrap, .partner-condition-list{ display: flex; align-items: center; } .partner-condition-list{ margin: -10px; } .partner-condition-ico{ margin-right: 10px; } .partner-condition-item{ padding: 10px; } .partner-condition-text{ font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #000000; } .partner-advantage-list{ display: flex; flex-wrap: wrap; margin: -5px; } .partner-advantage-item{ width: 100%; flex: 0 0 100%; max-width: calc(100% / 3); padding: 5px; } .partner-advantage-wrap{ display: flex; align-items: center; padding: 20px; height: 100%; } .partner-advantage-ico{ flex: 0 0 100px; margin-right: 20px; } .partner-advantage-ico svg{ width: 100%; } .partner-advantage-title{ font-weight: 600; font-size: 18px; line-height: 22px; color: #000000; margin-bottom: 4px; } .partner-advantage-desc{ font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #000000; } .partner-advantages{ margin-bottom: 30px; } .partner-steps .partner-title{ margin-bottom: 30px; } .partner-step-list{ display: flex; margin: -35px; } .partner-step-item{ flex: 0 0 100%; max-width: calc(100% / 3); padding: 35px; } .partner-step-wrap{ display: flex; align-items: center; } .partner-step-ico{ margin-right: 20px; } .partner-step-title{ font-weight: 600; font-size: 18px; line-height: 22px; letter-spacing: 0.15px; color: #000000; margin-bottom: 15px; } .partner-step-desc{ font-style: normal; font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #000000; } .partner-steps, .partner-step-list-block{ margin-bottom: 30px; } .partner-step-access-title{ font-weight: 600; font-size: 18px; line-height: 22px; letter-spacing: 0.15px; color: #000000; margin-bottom: 5px; } .partner-step-access-desc{ font-style: italic; font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #606162; } .partner-text-block{ margin-bottom: 30px; } .partner-text-block .partner-title{ margin-bottom: 15px; } .partner-text-block .partner-desc{ font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #000000; margin-bottom: 0; } .partner-text-block .partner-desc p{ margin: 0; } .partner-text-block .partner-desc p:not(:last-child){ margin-bottom: 15px; } .partner-text-row{ display: flex; justify-content: space-between; } .partner-text-row:not(:last-child){ margin-bottom: 40px; } .partner-text-row-pic{ display: flex; max-width: 50%; } .partner-text-row-pic img{ max-width: calc(100% / 3); height: auto; } .partner-text-row-pic img:not(:last-child){ margin-right: 10px; } .partner-text-row-text{ max-width: 620px; } .partner-text-item{ display: flex; align-items: center; } .partner-text-item:not(:last-child){ margin-bottom: 15px; } .partner-text-item svg{ flex: 0 0 30px; margin-right: 15px; } .partner-review{ margin-bottom: 30px; } .partner-review-list{ display: flex; flex-wrap: wrap; margin: -10px; } .partner-review-item{ flex: 0 0 100%; max-width: 50%; padding: 10px; } .partner-review-wrap{ display: flex; flex-direction: column; justify-content: space-between; background: #F5FBFF; padding: 30px; box-shadow: 0px 2px 2px rgba(68, 92, 130, 0.12), -1px 4px 10px rgba(68, 92, 130, 0.1), 0px -2px 10px rgba(68, 92, 130, 0.05); height: 100%; } .partner-review-top{ display: flex; } .partner-review-ico{ font-weight: 700; font-size: 70px; line-height: 50px; letter-spacing: 0.15px; color: #06579A; margin-right: 15px; } .partner-review-author, .partner-review-text{ font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #000000; } .partner-review-author{ text-align: right; } .partner-review-text{ margin-bottom: 20px; } .partner-learn{ margin-bottom: 30px; } .partner-learn-title{ font-weight: 600; font-size: 20px; line-height: 24px; letter-spacing: 0.15px; color: #000000; margin-bottom: 50px; } .partner-learn-block{ display: flex; justify-content: space-between; } .partner-learn-left{ padding-right: 15px; flex: 0 0 100%; max-width: 610px; } .partner-learn-left p{ margin: 0; } .partner-learn-left p:not(:last-child){ margin-bottom: 11px; } .partner-learn-right{ flex: 0 0 100%; max-width: 450px; } .partner-learn-right iframe{ width: 100%; } .partner-learn .partner-review-wrap{ height: auto; margin-top: 15px; margin-bottom: 30px; } .partner-learn-desc{ font-weight: 600; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #000000; } .partner-free-access{ margin-bottom: 30px; } .partner-free-access-title{ font-weight: 600; font-size: 20px; line-height: 24px; letter-spacing: 0.15px; color: #000000; margin-bottom: 10px; } .partner-free-access-desc{ font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #000000; margin-bottom: 30px; } .partner-free-block{ display: flex; justify-content: space-between; } .partner-free-left{ flex: 0 0 100%; max-width: 610px; margin-right: 15px; } .partner-free-right{ flex: 0 0 100%; max-width: 495px; } .partner-free-right img{ max-width: 100%; } .partner-free-title{ font-weight: 600; font-size: 20px; line-height: 24px; letter-spacing: 0.15px; color: #000000; margin-bottom: 10px; } .partner-free-desc{ font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #000000; margin-bottom: 20px; } .partner-free-left p{ margin-top: 20px; margin-bottom: 20px; } .partner-motivation-title{ font-weight: 600; font-size: 20px; line-height: 24px; letter-spacing: 0.15px; color: #000000; } .partner-motivation-desc{ font-size: 15px; line-height: 18px; letter-spacing: 0.15px; color: #000000; margin-bottom: 30px; } /*partner end*/ /*notification*/ .notification { position: fixed; top: 20px; right: 20px; padding: 15px 25px; border-radius: 5px; color: white; opacity: 0; transform: translateX(100%); transition: all 0.3s ease; z-index: 1000; max-width: 300px; } .notification-content { flex: 1; margin-right: 15px; } .notification-close { background: none; border: none; color: white; font-size: 20px; cursor: pointer; padding: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: background-color 0.2s ease; position: absolute; right: 0; top: 0; } .notification.show { opacity: 1; transform: translateX(0); } .notification.hide { opacity: 0; transform: translateX(100%); } /* Типы уведомлений */ .notification.success { background-color: #4CAF50; } .notification.error { background-color: #f44336; } .notification.warning { background-color: #ff9800; } .notification.info { background-color: #2196F3; } /*notification end*/ /* End */ /* Start:/local/templates/grandfayans/assets/css/media.css?176315296416827*/ @media (max-width: 1210px) { .header-middle-icons{ margin: 0 -5px; } .header-middle-icon-link{ padding: 0 5px; } .header-middle-search input{ width: 370px; } .logo-text{ font-size: 24px; } .action-top-item{ max-width: 50%; flex: 0 0 50%; } .action-top-item-wrap:before{ padding-bottom: 100%; } .action-bottom-item{ max-width: 100%; flex: 0 0 100%; } .action-bottom-item-wrap:before{ padding-bottom: 35.7%; } .catalog-product-img { width: 200px; height: 200px; } .catalog-product-col-img{ width: 200px; flex: 0 0 200px; } .tab-head-link{ padding: 20px 10px; } .desc-left { width: 305px; flex: 0 0 305px; } .desc-right{ padding-left: 20px; } .catalog-detail .tab-body-item{ padding: 20px; } .partner-text-row-text { max-width: 420px; } } @media (max-width: 1180px) { .partner-free-block, .partner-learn-block{ flex-direction: column; } .partner-free-left, .partner-learn-left{ margin-bottom: 20px; padding: 0; max-width: 100%; } .partner-free-right{ max-width: 100%; text-align: center; } .advantage-item.advantage-item-col-1-3 .advantage-title{ margin-right: 0; } } @media (max-width: 1130px) { .banner-text{ font-size: 50px; line-height: 1.2; } .advantage-item.advantage-item-col-2{ height: 350px; } .advantages-decor { position: absolute; left: auto; right: 0; bottom: 0; } .complect-slider{ flex-wrap: wrap; } .complect-slider-item{ flex: 0 0 100%; max-width: 100%; } .section-list{ margin: -5px; } .section-item{ max-width: calc(100% / 4); flex: 0 0 calc(100% / 4); padding: 5px; } .tab-head, .catalog-detail-right{ display: none; } .catalog-mobile-block{ display: block; margin-bottom: 50px; } .catalog-counter-buy{ margin-top: 15px; display: flex; flex-direction: row-reverse; justify-content: flex-end; } .catalog-mobile-block .catalog-counter{ margin-bottom: 0; } .catalog-mobile-block .catalog-buy-btn, .catalog-mobile-block .catalog-counter{ width: 175px; } .catalog-mobile-block .catalog-counter-text{ height: 34px; } .catalog-mobile-block .catalog-counter{ margin-left: 10px; } .catalog-detail-top{ flex-direction: row-reverse; } .catalog-detail-top-right{ flex-direction: column; margin: 0; align-items: flex-start; } .catalog-detail-rating, .catalog-detail-article{ padding: 0; } .catalog-detail-article{ margin-bottom: 9px; } .catalog-detail-link{ display: flex; flex-direction: column; align-items: center; line-height: 25px; font-size: 12px; } .catalog-detail-link svg{ margin-right: 0; } .catalog-detail-left{ padding-right: 0; } .catalog-detail-page .breadcrumb{ margin-right: 0; } .best-review{ padding: 20px 15px; } } @media (max-width: 1020px) { .header-middle-search input{ width: 270px; } .catalog-section-left{ display: none; } .contact-map .contact-right { flex: 0 0 500px; } .contact-info .contact-left{ margin-right: 0; } .contact-info{ flex-direction: column; } .contact-info .contact-right{ flex: 0 0 100%; margin-top: 20px; } .contact-advantage{ display: flex; flex-wrap: wrap; } .contact-advantage-item{ flex: 0 0 100%; max-width: 50%; } .delivery-and-payment-block{ flex-direction: column; } .delivery-and-payment-block .delivery-and-payment-left{ padding-right: 0; margin-bottom: 20px; } .delivery-and-payment-memory .delivery-and-payment-left{ padding-right: 0; } .delivery-and-payment-memory .delivery-and-payment-right{ display: none; } .partner-text-row{ flex-direction: column; } .partner-desc, .partner-text-row-text, .partner-text-row-pic{ max-width: 100% !important; } .partner-text-row-pic{ justify-content: center; margin-bottom: 20px; margin-top: 20px; } .partner-text-row:nth-child(2){ flex-direction: column-reverse; } .partner-advantage-item{ max-width: 50%; } .partner-step-list{ flex-wrap: wrap; margin: -10px; } .partner-step-item{ padding: 10px; max-width: 100%; } .partner-condition-list{ flex-wrap: wrap; } .partner-learn-right, .partner-review-item, .partner-condition-item{ flex: 0 0 100%; max-width: 100%; } } @media (max-width: 960px) { .advantage-item.advantage-item-col-2 .advantage-title, .advantage-title { font-size: 15px; line-height: 1.2; margin-bottom: 10px; } .advantage-item.advantage-item-col-2 .advantage-desc, .advantage-desc{ font-weight: 400; font-size: 12px; line-height: 130%; letter-spacing: 0.2px; } .footer-menu-list{ flex-direction: column; width: 100%; } .footer-menu{ display: none; } .footer-app-block{ display: none; } .block-with-left-menu .block-left{ display: none; } .block-with-left-menu .block-right{ padding-left: 0; } .advantage-item.advantage-item-col-1-3{ flex: 0 0 50%; max-width: 50%; } } @media (max-width: 930px) { .header-menu, .header-top, .header-middle-catalog, .header-middle-search, .header-middle-icons{ display: none; } .header-middle-text-mobile{ display: block; font-weight: 400; font-size: 12px; line-height: 100%; color: #919AA6; margin-left: 20px; } .logo-text{ font-size: 33px; } .mobile-bottom-menu { display: block; } .banner-text{ font-size: 45px; } .section-mobile{ display: block; background-color: #F7F8F9; border-radius: 8px; padding: 40px 15px; margin-bottom: 100px; } .section-mobile .section-item { flex: 0 0 50%; max-width: 50%; } .section-mobile .section-list{ margin-bottom: 30px; } .section-mobile .section-item-wrap{ background-color: #fff; padding: 20px; height: 100%; border-radius: 8px; } .section-mobile-title{ font-weight: 600; font-size: 24px; line-height: 100%; letter-spacing: 0.15px; color: #1A1A1A; margin-bottom: 15px; text-align: center; } .advantages{ cursor: default; user-select: none; flex-wrap: nowrap; overflow-x: auto; } .advantage-item.advantage-item-col-1-3{ flex: 0 0 320px; max-width: 320px; } .primacy{ flex-wrap: wrap; margin: -10px -22px; } .primacy-item{ padding: 10px 22px; max-width: 50%; flex: 0 0 50%; } .consultation-order-title{ font-size: 35px; } .consultation-order-btn, .consultation-order-desc{ font-size: 16px; } .consultation-order-img-block{ width: 200px; height: 150px; } .consultation-order-img-block img{ max-width: 158px; } .review-on-main-list{ flex-wrap: wrap; } .review-on-main-item{ flex: 0 0 100%; max-width: 100%; } .action-top-offer .action-top-item-info{ top: 10px; } .section-item { max-width: calc(100% / 3); flex: 0 0 calc(100% / 3); } .article-first-item { flex: 0 0 100%; max-width: 100%; } .article-item { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 870px) { .catalog-product-img { width: 150px; height: 150px; } .catalog-product-col-img { width: 150px; flex: 0 0 150px; } .desc{ flex-direction: column; } .desc-left{ margin: 0 auto; } .desc-right{ margin-top: 30px; padding-left: 0; border-top: 1px solid #EBEDF8; padding-top: 20px; } .catalog-price-for{ border-bottom: none; } .catalog-detail .tab-body-item{ padding: 20px 10px; } .contact-map{ flex-direction: column; } .contact-map .contact-left{ padding-left: 0; margin-bottom: 20px; } .contact-map .contact-right{ flex: 0 0 100%; } .contact-row{ padding: 20px 15px; } } @media (max-width: 790px) { .catalog-product{ flex-direction: column; } .catalog-product-col-img{ position: relative; padding-top: 25px; width: 100%; flex: 0 0 100%; display: flex; justify-content: center; } .catalog-product-article{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .catalog-product-col-info{ padding: 0; margin-bottom: 15px; } .catalog-product-col-add{ padding: 0; display: flex; justify-content: center; } .catalog-section-list{ display: flex; flex-wrap: wrap; margin: -5px; } .catalog-product-block{ flex: 0 0 50%; padding: 5px; } .partner-advantage-item{ max-width: 100%; } } @media (max-width: 720px) { .banner-text{ font-size: 30px; align-items: flex-start; padding: 30px 20px; } .banner-text br{ display: none; } .main-banner .c-slick-prev{ left: 10px; } .main-banner .c-slick-next{ right: 10px; } .main-banner .slick-dots { bottom: 8px; } .main-banner.slick-dotted.slick-slider, .main-banner{ margin-bottom: 40px; } .consultation-order-title { font-size: 20px; margin-bottom: 15px; } .consultation-order-desc { font-size: 15px; margin-bottom: 50px; } .consultation-order-btn{ width: 100%; } .consultation-order-wrap{ position: relative; } .consultation-order-left{ margin-right: 0; } .consultation-order-right{ position: absolute; right: 20px; top: 20px; } .consultation-order-desc, .consultation-order-title{ margin-right: 200px; } .consultation-order-right { right: 10px; top: 10px; } .tab-slider-link{ height: 340px; } .tab-slider { margin: -5px; } .tab-slider-item { padding: 5px; } .tab-header-list{ overflow: auto; justify-content: flex-start; } .action-top-item { max-width: 100%; flex: 0 0 100%; } .action-bottom-item-wrap:before, .action-top-item-wrap:before { padding-bottom: 40%; } .action-top-offer .action-top-item-img{ background-position: right; } .action-bottom-v2 .action-bottom-item-content{ background-color: #06579A; } .catalog-left{ display: none; } .catalog-right{ padding-left: 0; } .advantage-item.advantage-item-col-2{ height: auto; } .advantage-desc, .advantage-item.advantage-item-col-2 .advantage-desc{ width: 100%; max-width: 100%; } .advantage-item.advantage-item-col-1_5, .advantage-item.advantage-item-col-2, .advantage-item{ max-width: none; } .advantage-wrap{ min-width: 160px; height: 207px; padding: 10px; } .advantage-wrap svg{ max-width: 100px; max-height: 100px; } .advantage-item img{ width: 97px; height: 97px; } .advantage-item.advantage-item-col-1_5 .advantage-title{ font-size: 15px; } .advantage-item.advantage-item-col-1-3 .advantage-desc{ padding-right: 8px; } } @media (max-width: 610px) { .action-bottom-name{ font-size: 23px!important; line-height: 100%!important; } .action-top-item-name{ font-size: 20px!important; line-height: 100%!important; } .action-top-item-content{ padding: 20px!important; } .pagination-prev span, .pagination-next span, .pagination-btn-top span{ display: none; } .pagination-link, .pagination-current{ width: 34px; height: 34px; } .article-item { flex: 0 0 100%; max-width: 100%; } } @media (max-width: 580px) { .consultation-order-wrap{ padding: 20px; } .consultation-order-img-block { width: 80px; height: 80px; } .consultation-order-img-block img{ width: 80px; } .consultation-order-desc{ margin-right: 30px; } .consultation-order-title { margin-right: 75px; } .consultation-order-btn{ padding: 16px; } .slider-product { margin: -5px; } .slider-product .product-card{ padding: 5px; } .complect-name{ font-size: 20px; line-height: 130%; } .complect-item{ height: 180px; } .footer-payment-list{ flex-wrap: wrap; } .catalog-product-block{ flex: 0 0 100%; } .contact-advantage-item{ max-width: 100%; } .about-banner-text-title{ font-size: 23px; line-height: 120%; margin-bottom: 10px; } .about-banner-text-desc{ font-size: 16px; line-height: 120%; } .about-banner-text{ padding: 20px 15px; } .complect-top-info, .complect-info{ padding: 20px; } .complect-top-name{ font-size: 20px; line-height: 130%; } .complect-link{ margin-top: 20px; } .partner-review-wrap, .partner-block{ padding: 15px; } .partner-advantage-ico { flex: 0 0 70px; } } @media (max-width: 520px) { .banner-text{ font-size: 25px; } .wrapper{ padding: 0 10px; } .primacy-item{ max-width: 100%; flex: 0 0 100%; } .action-top-offer .action-top-item-img{ background-size: contain; } .section-item { max-width: calc(100% / 2); flex: 0 0 calc(100% / 2); } .best-review-links{ flex-direction: column; } .review-link-item{ flex: 0 0 100%; max-width: 100%; } .pagination-first-v2, .pagination-last-v2{ display: none; } .about-banner{ height: 350px; } .about-banner img{ height: 100%; width: 100%; object-fit: cover; } .delivery-and-payment-row{ padding: 0; box-shadow: none; background-color: transparent; } .delivery-and-payment-contact-right{ flex: 0 0 100%; } } @media (max-width: 420px) { .catalog-mobile-block .catalog-buy-btn, .catalog-mobile-block .catalog-counter { width: 127px; } } @media (max-width: 390px) { .logo-text { font-size: 25px; } .pagination-link, .pagination-current{ width: 24px; height: 24px; } .contact-phone{ font-size: 30px; } } @media (max-width: 340px) { .logo-text { font-size: 22px; } } /* End */ /* Start:/local/templates/grandfayans/components/bitrix/search.title/main/style.min.css?17631529641827*/ div.title-search-result{border:1px solid #c6c6c6;display:none;overflow:hidden;z-index:205}table.title-search-result{border-collapse:collapse;border:none;width:10%}table.title-search-result th{background-color:#f7f7f7;border-right:1px solid #e8e8e8;color:#949494;font-weight:400;padding:2px 12px 2px 14px;text-align:right;vertical-align:top;white-space:nowrap;width:1%}table.title-search-result td{background-color:#fff;color:#000;font-weight:400;padding-top:2px;padding-bottom:2px;text-align:left;white-space:nowrap}table.title-search-result td.title-search-item{padding-left:8px;padding-right:15px}table.title-search-result td.title-search-item a{padding-left:4px;padding-right:15px;text-decoration:none;color:#000;vertical-align:top;display:block}table.title-search-result td.title-search-item img{vertical-align:top}table.title-search-result td.title-search-item b{color:#cf0000;font-weight:400}table.title-search-result tr.title-search-selected a,table.title-search-result tr.title-search-selected td,table.title-search-result tr.title-search-selected td.title-search-more a{background-color:#fff2be}table.title-search-result td.title-search-more{font-size:11px;font-weight:400;padding-right:15px;padding-left:24px;padding-top:0}table.title-search-result td.title-search-more a{padding-left:12px;padding-right:15px;text-decoration:none;color:#999}table.title-search-result td.title-search-all{padding-left:24px;padding-right:15px}table.title-search-result td.title-search-all a{padding-left:4px;text-decoration:none;color:grey}table.title-search-result td.title-search-separator,table.title-search-result th.title-search-separator{padding-top:0;padding-bottom:0;font-size:4px}div.title-search-fader{display:none;background-image:url(/local/templates/grandfayans/components/bitrix/search.title/main/images/fader.png);background-position:100% 0;background-repeat:repeat-y;position:absolute} /* End */ /* /local/templates/grandfayans/assets/css/normalize.css?17631529641611 */ /* /local/templates/grandfayans/assets/fonts/inter/inter.css?176315296410510 */ /* /local/templates/grandfayans/assets/fonts/Roboto/stylesheet.css?17631529644457 */ /* /local/templates/grandfayans/assets/js/slick/slick.css?17631529651776 */ /* /local/templates/grandfayans/assets/js/slick/slick-theme.css?17631529653133 */ /* /local/templates/grandfayans/assets/js/fancybox/fancybox.css?176315296528532 */ /* /local/templates/grandfayans/assets/css/main.css?176406635076116 */ /* /local/templates/grandfayans/assets/css/media.css?176315296416827 */ /* /local/templates/grandfayans/components/bitrix/search.title/main/style.min.css?17631529641827 */