/* Start:/static/assets/components/select2/dist/css/select2.min.css?164022447715181*/ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* End */ /* Start:/static/assets/components/fancybox-3.5.7/jquery.fancybox.min.css?164022447712795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/static/assets/components/swiper-5.3.1/css/swiper.min.css?164022447713678*/ /** * Swiper 5.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 8, 2020 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/static/assets/styles/grid.css?1640224479164855*/ .grid { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 320px; } .grid__container { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 1204px; margin: 0 auto; padding: 0 20px; } .grid__container_width_full { width: 100%; max-width: 100%; } @media only screen and (min-width: 1px) { .grid__container_width_fixed { width: 320px; } } @media only screen and (min-width: 480px) { .grid__container_width_fixed { width: 100%; max-width: 380px; } } @media only screen and (min-width: 768px) { .grid__container_width_fixed { width: 100%; max-width: 668px; } } @media only screen and (min-width: 1025px) { .grid__container_width_fixed { width: 100%; max-width: 925px; } } @media only screen and (min-width: 1281px) { .grid__container_width_fixed { width: 100%; max-width: 1181px; } } @media only screen and (min-width: 1440px) { .grid__container_width_fixed { width: 100%; max-width: 1340px; } } .grid__group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 -20px; } .grid__group_no_gutters .grid__col { padding: 0; } .grid__group_align-items_start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .grid__group_align-items_center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .grid__group_align-items_end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media only screen and (min-width: 1px) { .grid__group_align-items_xs-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 1px) { .grid__group_align-items_xs-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 1px) { .grid__group_align-items_xs-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (min-width: 480px) { .grid__group_align-items_s-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 480px) { .grid__group_align-items_s-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 480px) { .grid__group_align-items_s-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (min-width: 768px) { .grid__group_align-items_m-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 768px) { .grid__group_align-items_m-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 768px) { .grid__group_align-items_m-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (min-width: 1025px) { .grid__group_align-items_l-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 1025px) { .grid__group_align-items_l-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 1025px) { .grid__group_align-items_l-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (min-width: 1281px) { .grid__group_align-items_xl-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 1281px) { .grid__group_align-items_xl-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 1281px) { .grid__group_align-items_xl-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (min-width: 1440px) { .grid__group_align-items_xxl-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 1440px) { .grid__group_align-items_xxl-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 1440px) { .grid__group_align-items_xxl-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .grid__group_justify-content_start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .grid__group_justify-content_center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .grid__group_justify-content_end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .grid__group_justify-content_around { -ms-flex-pack: distribute; justify-content: space-around; } .grid__group_justify-content_between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (min-width: 1px) { .grid__group_justify-content_xs-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (min-width: 1px) { .grid__group_justify-content_xs-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (min-width: 1px) { .grid__group_justify-content_xs-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media only screen and (min-width: 1px) { .grid__group_justify-content_xs-around { -ms-flex-pack: distribute; justify-content: space-around; } } @media only screen and (min-width: 1px) { .grid__group_justify-content_xs-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (min-width: 480px) { .grid__group_justify-content_s-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (min-width: 480px) { .grid__group_justify-content_s-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (min-width: 480px) { .grid__group_justify-content_s-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media only screen and (min-width: 480px) { .grid__group_justify-content_s-around { -ms-flex-pack: distribute; justify-content: space-around; } } @media only screen and (min-width: 480px) { .grid__group_justify-content_s-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (min-width: 768px) { .grid__group_justify-content_m-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (min-width: 768px) { .grid__group_justify-content_m-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (min-width: 768px) { .grid__group_justify-content_m-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media only screen and (min-width: 768px) { .grid__group_justify-content_m-around { -ms-flex-pack: distribute; justify-content: space-around; } } @media only screen and (min-width: 768px) { .grid__group_justify-content_m-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (min-width: 1025px) { .grid__group_justify-content_l-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (min-width: 1025px) { .grid__group_justify-content_l-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (min-width: 1025px) { .grid__group_justify-content_l-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media only screen and (min-width: 1025px) { .grid__group_justify-content_l-around { -ms-flex-pack: distribute; justify-content: space-around; } } @media only screen and (min-width: 1025px) { .grid__group_justify-content_l-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (min-width: 1281px) { .grid__group_justify-content_xl-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (min-width: 1281px) { .grid__group_justify-content_xl-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (min-width: 1281px) { .grid__group_justify-content_xl-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media only screen and (min-width: 1281px) { .grid__group_justify-content_xl-around { -ms-flex-pack: distribute; justify-content: space-around; } } @media only screen and (min-width: 1281px) { .grid__group_justify-content_xl-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (min-width: 1440px) { .grid__group_justify-content_xxl-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (min-width: 1440px) { .grid__group_justify-content_xxl-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (min-width: 1440px) { .grid__group_justify-content_xxl-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media only screen and (min-width: 1440px) { .grid__group_justify-content_xxl-around { -ms-flex-pack: distribute; justify-content: space-around; } } @media only screen and (min-width: 1440px) { .grid__group_justify-content_xxl-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .grid__col { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .grid .grid__group > .grid__col { min-height: 1px; padding: 0 20px; } .grid .grid__group > .grid__col_align-self_start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .grid .grid__group > .grid__col_align-self_center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .grid .grid__group > .grid__col_align-self_end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_align-self_xs-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_align-self_xs-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_align-self_xs-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_align-self_s-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_align-self_s-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_align-self_s-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_align-self_m-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_align-self_m-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_align-self_m-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_align-self_l-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_align-self_l-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_align-self_l-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_align-self_xl-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_align-self_xl-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_align-self_xl-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_align-self_xxl-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_align-self_xxl-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_align-self_xxl-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .grid .grid__group > .grid__col_size_auto { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_size_xs-auto { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_size_s-auto { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_size_m-auto { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_size_l-auto { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_size_xl-auto { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_size_xxl-auto { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .grid .grid__group > .grid__col_size_1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333333333334%; flex: 0 0 8.333333333333334%; max-width: 8.333333333333334%; } .grid .grid__group > .grid__col_size_2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666666666666668%; flex: 0 0 16.666666666666668%; max-width: 16.666666666666668%; } .grid .grid__group > .grid__col_size_3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .grid .grid__group > .grid__col_size_4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333333333336%; flex: 0 0 33.333333333333336%; max-width: 33.333333333333336%; } .grid .grid__group > .grid__col_size_5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666666666667%; flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } .grid .grid__group > .grid__col_size_6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .grid .grid__group > .grid__col_size_7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333333333336%; flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } .grid .grid__group > .grid__col_size_8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666666666667%; flex: 0 0 66.66666666666667%; max-width: 66.66666666666667%; } .grid .grid__group > .grid__col_size_9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .grid .grid__group > .grid__col_size_10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333333334%; flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } .grid .grid__group > .grid__col_size_11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666666666667%; flex: 0 0 91.66666666666667%; max-width: 91.66666666666667%; } .grid .grid__group > .grid__col_size_12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_size_xs-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333333333334%; flex: 0 0 8.333333333333334%; max-width: 8.333333333333334%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_size_xs-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666666666666668%; flex: 0 0 16.666666666666668%; max-width: 16.666666666666668%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_size_xs-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_size_xs-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333333333336%; flex: 0 0 33.333333333333336%; max-width: 33.333333333333336%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_size_xs-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666666666667%; flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_size_xs-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_size_xs-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333333333336%; flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_size_xs-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666666666667%; flex: 0 0 66.66666666666667%; max-width: 66.66666666666667%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_size_xs-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_size_xs-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333333334%; flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_size_xs-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666666666667%; flex: 0 0 91.66666666666667%; max-width: 91.66666666666667%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_size_xs-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_size_s-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333333333334%; flex: 0 0 8.333333333333334%; max-width: 8.333333333333334%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_size_s-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666666666666668%; flex: 0 0 16.666666666666668%; max-width: 16.666666666666668%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_size_s-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_size_s-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333333333336%; flex: 0 0 33.333333333333336%; max-width: 33.333333333333336%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_size_s-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666666666667%; flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_size_s-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_size_s-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333333333336%; flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_size_s-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666666666667%; flex: 0 0 66.66666666666667%; max-width: 66.66666666666667%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_size_s-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_size_s-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333333334%; flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_size_s-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666666666667%; flex: 0 0 91.66666666666667%; max-width: 91.66666666666667%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_size_s-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_size_m-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333333333334%; flex: 0 0 8.333333333333334%; max-width: 8.333333333333334%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_size_m-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666666666666668%; flex: 0 0 16.666666666666668%; max-width: 16.666666666666668%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_size_m-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_size_m-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333333333336%; flex: 0 0 33.333333333333336%; max-width: 33.333333333333336%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_size_m-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666666666667%; flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_size_m-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_size_m-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333333333336%; flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_size_m-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666666666667%; flex: 0 0 66.66666666666667%; max-width: 66.66666666666667%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_size_m-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_size_m-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333333334%; flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_size_m-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666666666667%; flex: 0 0 91.66666666666667%; max-width: 91.66666666666667%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_size_m-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_size_l-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333333333334%; flex: 0 0 8.333333333333334%; max-width: 8.333333333333334%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_size_l-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666666666666668%; flex: 0 0 16.666666666666668%; max-width: 16.666666666666668%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_size_l-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_size_l-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333333333336%; flex: 0 0 33.333333333333336%; max-width: 33.333333333333336%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_size_l-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666666666667%; flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_size_l-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_size_l-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333333333336%; flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_size_l-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666666666667%; flex: 0 0 66.66666666666667%; max-width: 66.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_size_l-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_size_l-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333333334%; flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_size_l-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666666666667%; flex: 0 0 91.66666666666667%; max-width: 91.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_size_l-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_size_xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333333333334%; flex: 0 0 8.333333333333334%; max-width: 8.333333333333334%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_size_xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666666666666668%; flex: 0 0 16.666666666666668%; max-width: 16.666666666666668%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_size_xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_size_xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333333333336%; flex: 0 0 33.333333333333336%; max-width: 33.333333333333336%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_size_xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666666666667%; flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_size_xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_size_xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333333333336%; flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_size_xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666666666667%; flex: 0 0 66.66666666666667%; max-width: 66.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_size_xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_size_xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333333334%; flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_size_xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666666666667%; flex: 0 0 91.66666666666667%; max-width: 91.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_size_xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_size_xxl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333333333334%; flex: 0 0 8.333333333333334%; max-width: 8.333333333333334%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_size_xxl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666666666666668%; flex: 0 0 16.666666666666668%; max-width: 16.666666666666668%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_size_xxl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_size_xxl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333333333336%; flex: 0 0 33.333333333333336%; max-width: 33.333333333333336%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_size_xxl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666666666667%; flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_size_xxl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_size_xxl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333333333336%; flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_size_xxl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666666666667%; flex: 0 0 66.66666666666667%; max-width: 66.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_size_xxl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_size_xxl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333333334%; flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_size_xxl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666666666667%; flex: 0 0 91.66666666666667%; max-width: 91.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_size_xxl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .grid .grid__group > .grid__col_order_1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .grid .grid__group > .grid__col_order_2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .grid .grid__group > .grid__col_order_3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .grid .grid__group > .grid__col_order_4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .grid .grid__group > .grid__col_order_5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .grid .grid__group > .grid__col_order_6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .grid .grid__group > .grid__col_order_7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .grid .grid__group > .grid__col_order_8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .grid .grid__group > .grid__col_order_9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .grid .grid__group > .grid__col_order_10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .grid .grid__group > .grid__col_order_11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .grid .grid__group > .grid__col_order_12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .grid .grid__group > .grid__col_order_first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .grid .grid__group > .grid__col_order_last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_order_xs-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_order_xs-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_order_xs-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_order_xs-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_order_xs-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_order_xs-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_order_xs-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_order_xs-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_order_xs-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_order_xs-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_order_xs-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_order_xs-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_order_xs-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_order_xs-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_order_s-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_order_s-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_order_s-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_order_s-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_order_s-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_order_s-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_order_s-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_order_s-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_order_s-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_order_s-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_order_s-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_order_s-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_order_s-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_order_s-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_order_m-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_order_m-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_order_m-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_order_m-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_order_m-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_order_m-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_order_m-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_order_m-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_order_m-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_order_m-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_order_m-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_order_m-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_order_m-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_order_m-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_order_l-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_order_l-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_order_l-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_order_l-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_order_l-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_order_l-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_order_l-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_order_l-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_order_l-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_order_l-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_order_l-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_order_l-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_order_l-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_order_l-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_order_xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_order_xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_order_xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_order_xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_order_xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_order_xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_order_xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_order_xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_order_xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_order_xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_order_xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_order_xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_order_xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_order_xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_order_xxl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_order_xxl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_order_xxl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_order_xxl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_order_xxl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_order_xxl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_order_xxl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_order_xxl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_order_xxl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_order_xxl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_order_xxl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_order_xxl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_order_xxl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_order_xxl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } } .grid .grid__group > .grid__col_push_1 { position: relative; left: 8.333333333333334%; } .grid .grid__group > .grid__col_push_2 { position: relative; left: 16.666666666666668%; } .grid .grid__group > .grid__col_push_3 { position: relative; left: 25%; } .grid .grid__group > .grid__col_push_4 { position: relative; left: 33.333333333333336%; } .grid .grid__group > .grid__col_push_5 { position: relative; left: 41.66666666666667%; } .grid .grid__group > .grid__col_push_6 { position: relative; left: 50%; } .grid .grid__group > .grid__col_push_7 { position: relative; left: 58.333333333333336%; } .grid .grid__group > .grid__col_push_8 { position: relative; left: 66.66666666666667%; } .grid .grid__group > .grid__col_push_9 { position: relative; left: 75%; } .grid .grid__group > .grid__col_push_10 { position: relative; left: 83.33333333333334%; } .grid .grid__group > .grid__col_push_11 { position: relative; left: 91.66666666666667%; } .grid .grid__group > .grid__col_push_12 { position: relative; left: 100%; } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_push_xs-1 { position: relative; left: 8.333333333333334%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_push_xs-2 { position: relative; left: 16.666666666666668%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_push_xs-3 { position: relative; left: 25%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_push_xs-4 { position: relative; left: 33.333333333333336%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_push_xs-5 { position: relative; left: 41.66666666666667%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_push_xs-6 { position: relative; left: 50%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_push_xs-7 { position: relative; left: 58.333333333333336%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_push_xs-8 { position: relative; left: 66.66666666666667%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_push_xs-9 { position: relative; left: 75%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_push_xs-10 { position: relative; left: 83.33333333333334%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_push_xs-11 { position: relative; left: 91.66666666666667%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_push_xs-12 { position: relative; left: 100%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_push_s-1 { position: relative; left: 8.333333333333334%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_push_s-2 { position: relative; left: 16.666666666666668%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_push_s-3 { position: relative; left: 25%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_push_s-4 { position: relative; left: 33.333333333333336%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_push_s-5 { position: relative; left: 41.66666666666667%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_push_s-6 { position: relative; left: 50%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_push_s-7 { position: relative; left: 58.333333333333336%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_push_s-8 { position: relative; left: 66.66666666666667%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_push_s-9 { position: relative; left: 75%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_push_s-10 { position: relative; left: 83.33333333333334%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_push_s-11 { position: relative; left: 91.66666666666667%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_push_s-12 { position: relative; left: 100%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_push_m-1 { position: relative; left: 8.333333333333334%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_push_m-2 { position: relative; left: 16.666666666666668%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_push_m-3 { position: relative; left: 25%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_push_m-4 { position: relative; left: 33.333333333333336%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_push_m-5 { position: relative; left: 41.66666666666667%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_push_m-6 { position: relative; left: 50%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_push_m-7 { position: relative; left: 58.333333333333336%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_push_m-8 { position: relative; left: 66.66666666666667%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_push_m-9 { position: relative; left: 75%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_push_m-10 { position: relative; left: 83.33333333333334%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_push_m-11 { position: relative; left: 91.66666666666667%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_push_m-12 { position: relative; left: 100%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_push_l-1 { position: relative; left: 8.333333333333334%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_push_l-2 { position: relative; left: 16.666666666666668%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_push_l-3 { position: relative; left: 25%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_push_l-4 { position: relative; left: 33.333333333333336%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_push_l-5 { position: relative; left: 41.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_push_l-6 { position: relative; left: 50%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_push_l-7 { position: relative; left: 58.333333333333336%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_push_l-8 { position: relative; left: 66.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_push_l-9 { position: relative; left: 75%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_push_l-10 { position: relative; left: 83.33333333333334%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_push_l-11 { position: relative; left: 91.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_push_l-12 { position: relative; left: 100%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_push_xl-1 { position: relative; left: 8.333333333333334%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_push_xl-2 { position: relative; left: 16.666666666666668%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_push_xl-3 { position: relative; left: 25%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_push_xl-4 { position: relative; left: 33.333333333333336%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_push_xl-5 { position: relative; left: 41.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_push_xl-6 { position: relative; left: 50%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_push_xl-7 { position: relative; left: 58.333333333333336%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_push_xl-8 { position: relative; left: 66.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_push_xl-9 { position: relative; left: 75%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_push_xl-10 { position: relative; left: 83.33333333333334%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_push_xl-11 { position: relative; left: 91.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_push_xl-12 { position: relative; left: 100%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_push_xxl-1 { position: relative; left: 8.333333333333334%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_push_xxl-2 { position: relative; left: 16.666666666666668%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_push_xxl-3 { position: relative; left: 25%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_push_xxl-4 { position: relative; left: 33.333333333333336%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_push_xxl-5 { position: relative; left: 41.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_push_xxl-6 { position: relative; left: 50%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_push_xxl-7 { position: relative; left: 58.333333333333336%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_push_xxl-8 { position: relative; left: 66.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_push_xxl-9 { position: relative; left: 75%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_push_xxl-10 { position: relative; left: 83.33333333333334%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_push_xxl-11 { position: relative; left: 91.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_push_xxl-12 { position: relative; left: 100%; } } .grid .grid__group > .grid__col_pull_1 { position: relative; right: 8.333333333333334%; } .grid .grid__group > .grid__col_pull_2 { position: relative; right: 16.666666666666668%; } .grid .grid__group > .grid__col_pull_3 { position: relative; right: 25%; } .grid .grid__group > .grid__col_pull_4 { position: relative; right: 33.333333333333336%; } .grid .grid__group > .grid__col_pull_5 { position: relative; right: 41.66666666666667%; } .grid .grid__group > .grid__col_pull_6 { position: relative; right: 50%; } .grid .grid__group > .grid__col_pull_7 { position: relative; right: 58.333333333333336%; } .grid .grid__group > .grid__col_pull_8 { position: relative; right: 66.66666666666667%; } .grid .grid__group > .grid__col_pull_9 { position: relative; right: 75%; } .grid .grid__group > .grid__col_pull_10 { position: relative; right: 83.33333333333334%; } .grid .grid__group > .grid__col_pull_11 { position: relative; right: 91.66666666666667%; } .grid .grid__group > .grid__col_pull_12 { position: relative; right: 100%; } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_pull_xs-1 { position: relative; right: 8.333333333333334%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_pull_xs-2 { position: relative; right: 16.666666666666668%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_pull_xs-3 { position: relative; right: 25%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_pull_xs-4 { position: relative; right: 33.333333333333336%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_pull_xs-5 { position: relative; right: 41.66666666666667%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_pull_xs-6 { position: relative; right: 50%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_pull_xs-7 { position: relative; right: 58.333333333333336%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_pull_xs-8 { position: relative; right: 66.66666666666667%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_pull_xs-9 { position: relative; right: 75%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_pull_xs-10 { position: relative; right: 83.33333333333334%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_pull_xs-11 { position: relative; right: 91.66666666666667%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_pull_xs-12 { position: relative; right: 100%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_pull_s-1 { position: relative; right: 8.333333333333334%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_pull_s-2 { position: relative; right: 16.666666666666668%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_pull_s-3 { position: relative; right: 25%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_pull_s-4 { position: relative; right: 33.333333333333336%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_pull_s-5 { position: relative; right: 41.66666666666667%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_pull_s-6 { position: relative; right: 50%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_pull_s-7 { position: relative; right: 58.333333333333336%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_pull_s-8 { position: relative; right: 66.66666666666667%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_pull_s-9 { position: relative; right: 75%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_pull_s-10 { position: relative; right: 83.33333333333334%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_pull_s-11 { position: relative; right: 91.66666666666667%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_pull_s-12 { position: relative; right: 100%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_pull_m-1 { position: relative; right: 8.333333333333334%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_pull_m-2 { position: relative; right: 16.666666666666668%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_pull_m-3 { position: relative; right: 25%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_pull_m-4 { position: relative; right: 33.333333333333336%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_pull_m-5 { position: relative; right: 41.66666666666667%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_pull_m-6 { position: relative; right: 50%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_pull_m-7 { position: relative; right: 58.333333333333336%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_pull_m-8 { position: relative; right: 66.66666666666667%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_pull_m-9 { position: relative; right: 75%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_pull_m-10 { position: relative; right: 83.33333333333334%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_pull_m-11 { position: relative; right: 91.66666666666667%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_pull_m-12 { position: relative; right: 100%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_pull_l-1 { position: relative; right: 8.333333333333334%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_pull_l-2 { position: relative; right: 16.666666666666668%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_pull_l-3 { position: relative; right: 25%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_pull_l-4 { position: relative; right: 33.333333333333336%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_pull_l-5 { position: relative; right: 41.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_pull_l-6 { position: relative; right: 50%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_pull_l-7 { position: relative; right: 58.333333333333336%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_pull_l-8 { position: relative; right: 66.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_pull_l-9 { position: relative; right: 75%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_pull_l-10 { position: relative; right: 83.33333333333334%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_pull_l-11 { position: relative; right: 91.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_pull_l-12 { position: relative; right: 100%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_pull_xl-1 { position: relative; right: 8.333333333333334%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_pull_xl-2 { position: relative; right: 16.666666666666668%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_pull_xl-3 { position: relative; right: 25%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_pull_xl-4 { position: relative; right: 33.333333333333336%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_pull_xl-5 { position: relative; right: 41.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_pull_xl-6 { position: relative; right: 50%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_pull_xl-7 { position: relative; right: 58.333333333333336%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_pull_xl-8 { position: relative; right: 66.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_pull_xl-9 { position: relative; right: 75%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_pull_xl-10 { position: relative; right: 83.33333333333334%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_pull_xl-11 { position: relative; right: 91.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_pull_xl-12 { position: relative; right: 100%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_pull_xxl-1 { position: relative; right: 8.333333333333334%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_pull_xxl-2 { position: relative; right: 16.666666666666668%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_pull_xxl-3 { position: relative; right: 25%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_pull_xxl-4 { position: relative; right: 33.333333333333336%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_pull_xxl-5 { position: relative; right: 41.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_pull_xxl-6 { position: relative; right: 50%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_pull_xxl-7 { position: relative; right: 58.333333333333336%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_pull_xxl-8 { position: relative; right: 66.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_pull_xxl-9 { position: relative; right: 75%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_pull_xxl-10 { position: relative; right: 83.33333333333334%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_pull_xxl-11 { position: relative; right: 91.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_pull_xxl-12 { position: relative; right: 100%; } } .grid .grid__group > .grid__col_offset_1 { margin-left: 8.333333333333334%; } .grid .grid__group > .grid__col_offset_2 { margin-left: 16.666666666666668%; } .grid .grid__group > .grid__col_offset_3 { margin-left: 25%; } .grid .grid__group > .grid__col_offset_4 { margin-left: 33.333333333333336%; } .grid .grid__group > .grid__col_offset_5 { margin-left: 41.66666666666667%; } .grid .grid__group > .grid__col_offset_6 { margin-left: 50%; } .grid .grid__group > .grid__col_offset_7 { margin-left: 58.333333333333336%; } .grid .grid__group > .grid__col_offset_8 { margin-left: 66.66666666666667%; } .grid .grid__group > .grid__col_offset_9 { margin-left: 75%; } .grid .grid__group > .grid__col_offset_10 { margin-left: 83.33333333333334%; } .grid .grid__group > .grid__col_offset_11 { margin-left: 91.66666666666667%; } .grid .grid__group > .grid__col_offset_12 { margin-left: 100%; } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_offset_xs-1 { margin-left: 8.333333333333334%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_offset_xs-2 { margin-left: 16.666666666666668%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_offset_xs-3 { margin-left: 25%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_offset_xs-4 { margin-left: 33.333333333333336%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_offset_xs-5 { margin-left: 41.66666666666667%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_offset_xs-6 { margin-left: 50%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_offset_xs-7 { margin-left: 58.333333333333336%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_offset_xs-8 { margin-left: 66.66666666666667%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_offset_xs-9 { margin-left: 75%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_offset_xs-10 { margin-left: 83.33333333333334%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_offset_xs-11 { margin-left: 91.66666666666667%; } } @media only screen and (min-width: 1px) { .grid .grid__group > .grid__col_offset_xs-12 { margin-left: 100%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_offset_s-1 { margin-left: 8.333333333333334%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_offset_s-2 { margin-left: 16.666666666666668%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_offset_s-3 { margin-left: 25%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_offset_s-4 { margin-left: 33.333333333333336%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_offset_s-5 { margin-left: 41.66666666666667%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_offset_s-6 { margin-left: 50%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_offset_s-7 { margin-left: 58.333333333333336%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_offset_s-8 { margin-left: 66.66666666666667%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_offset_s-9 { margin-left: 75%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_offset_s-10 { margin-left: 83.33333333333334%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_offset_s-11 { margin-left: 91.66666666666667%; } } @media only screen and (min-width: 480px) { .grid .grid__group > .grid__col_offset_s-12 { margin-left: 100%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_offset_m-1 { margin-left: 8.333333333333334%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_offset_m-2 { margin-left: 16.666666666666668%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_offset_m-3 { margin-left: 25%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_offset_m-4 { margin-left: 33.333333333333336%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_offset_m-5 { margin-left: 41.66666666666667%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_offset_m-6 { margin-left: 50%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_offset_m-7 { margin-left: 58.333333333333336%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_offset_m-8 { margin-left: 66.66666666666667%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_offset_m-9 { margin-left: 75%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_offset_m-10 { margin-left: 83.33333333333334%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_offset_m-11 { margin-left: 91.66666666666667%; } } @media only screen and (min-width: 768px) { .grid .grid__group > .grid__col_offset_m-12 { margin-left: 100%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_offset_l-1 { margin-left: 8.333333333333334%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_offset_l-2 { margin-left: 16.666666666666668%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_offset_l-3 { margin-left: 25%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_offset_l-4 { margin-left: 33.333333333333336%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_offset_l-5 { margin-left: 41.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_offset_l-6 { margin-left: 50%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_offset_l-7 { margin-left: 58.333333333333336%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_offset_l-8 { margin-left: 66.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_offset_l-9 { margin-left: 75%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_offset_l-10 { margin-left: 83.33333333333334%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_offset_l-11 { margin-left: 91.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid .grid__group > .grid__col_offset_l-12 { margin-left: 100%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_offset_xl-1 { margin-left: 8.333333333333334%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_offset_xl-2 { margin-left: 16.666666666666668%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_offset_xl-3 { margin-left: 25%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_offset_xl-4 { margin-left: 33.333333333333336%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_offset_xl-5 { margin-left: 41.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_offset_xl-6 { margin-left: 50%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_offset_xl-7 { margin-left: 58.333333333333336%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_offset_xl-8 { margin-left: 66.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_offset_xl-9 { margin-left: 75%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_offset_xl-10 { margin-left: 83.33333333333334%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_offset_xl-11 { margin-left: 91.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid .grid__group > .grid__col_offset_xl-12 { margin-left: 100%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_offset_xxl-1 { margin-left: 8.333333333333334%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_offset_xxl-2 { margin-left: 16.666666666666668%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_offset_xxl-3 { margin-left: 25%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_offset_xxl-4 { margin-left: 33.333333333333336%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_offset_xxl-5 { margin-left: 41.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_offset_xxl-6 { margin-left: 50%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_offset_xxl-7 { margin-left: 58.333333333333336%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_offset_xxl-8 { margin-left: 66.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_offset_xxl-9 { margin-left: 75%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_offset_xxl-10 { margin-left: 83.33333333333334%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_offset_xxl-11 { margin-left: 91.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid .grid__group > .grid__col_offset_xxl-12 { margin-left: 100%; } } .grid__holder { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; } .grid__panel { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; } .grid__breaker { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% !important; } .grid__breaker_xs { display: none; } @media only screen and (min-width: 1px) { .grid__breaker_xs { display: block; } } .grid__breaker_s { display: none; } @media only screen and (min-width: 480px) { .grid__breaker_s { display: block; } } .grid__breaker_m { display: none; } @media only screen and (min-width: 768px) { .grid__breaker_m { display: block; } } .grid__breaker_l { display: none; } @media only screen and (min-width: 1025px) { .grid__breaker_l { display: block; } } .grid__breaker_xl { display: none; } @media only screen and (min-width: 1281px) { .grid__breaker_xl { display: block; } } .grid__breaker_xxl { display: none; } @media only screen and (min-width: 1440px) { .grid__breaker_xxl { display: block; } } .grid__view-panel { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 0; } .grid_cols_12 .grid__group > .grid__col { min-height: 1px; padding: 0 20px; } .grid_cols_12 .grid__group > .grid__col_align-self_start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .grid_cols_12 .grid__group > .grid__col_align-self_center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .grid_cols_12 .grid__group > .grid__col_align-self_end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_align-self_xs-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_align-self_xs-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_align-self_xs-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_align-self_s-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_align-self_s-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_align-self_s-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_align-self_m-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_align-self_m-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_align-self_m-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_align-self_l-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_align-self_l-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_align-self_l-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_align-self_xl-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_align-self_xl-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_align-self_xl-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_align-self_xxl-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_align-self_xxl-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_align-self_xxl-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .grid_cols_12 .grid__group > .grid__col_size_auto { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_size_xs-auto { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_size_s-auto { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_size_m-auto { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_size_l-auto { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_size_xl-auto { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_size_xxl-auto { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .grid_cols_12 .grid__group > .grid__col_size_1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333333333334%; flex: 0 0 8.333333333333334%; max-width: 8.333333333333334%; } .grid_cols_12 .grid__group > .grid__col_size_2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666666666666668%; flex: 0 0 16.666666666666668%; max-width: 16.666666666666668%; } .grid_cols_12 .grid__group > .grid__col_size_3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .grid_cols_12 .grid__group > .grid__col_size_4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333333333336%; flex: 0 0 33.333333333333336%; max-width: 33.333333333333336%; } .grid_cols_12 .grid__group > .grid__col_size_5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666666666667%; flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } .grid_cols_12 .grid__group > .grid__col_size_6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .grid_cols_12 .grid__group > .grid__col_size_7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333333333336%; flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } .grid_cols_12 .grid__group > .grid__col_size_8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666666666667%; flex: 0 0 66.66666666666667%; max-width: 66.66666666666667%; } .grid_cols_12 .grid__group > .grid__col_size_9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .grid_cols_12 .grid__group > .grid__col_size_10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333333334%; flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } .grid_cols_12 .grid__group > .grid__col_size_11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666666666667%; flex: 0 0 91.66666666666667%; max-width: 91.66666666666667%; } .grid_cols_12 .grid__group > .grid__col_size_12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_size_xs-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333333333334%; flex: 0 0 8.333333333333334%; max-width: 8.333333333333334%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_size_xs-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666666666666668%; flex: 0 0 16.666666666666668%; max-width: 16.666666666666668%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_size_xs-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_size_xs-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333333333336%; flex: 0 0 33.333333333333336%; max-width: 33.333333333333336%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_size_xs-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666666666667%; flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_size_xs-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_size_xs-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333333333336%; flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_size_xs-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666666666667%; flex: 0 0 66.66666666666667%; max-width: 66.66666666666667%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_size_xs-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_size_xs-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333333334%; flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_size_xs-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666666666667%; flex: 0 0 91.66666666666667%; max-width: 91.66666666666667%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_size_xs-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_size_s-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333333333334%; flex: 0 0 8.333333333333334%; max-width: 8.333333333333334%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_size_s-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666666666666668%; flex: 0 0 16.666666666666668%; max-width: 16.666666666666668%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_size_s-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_size_s-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333333333336%; flex: 0 0 33.333333333333336%; max-width: 33.333333333333336%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_size_s-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666666666667%; flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_size_s-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_size_s-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333333333336%; flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_size_s-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666666666667%; flex: 0 0 66.66666666666667%; max-width: 66.66666666666667%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_size_s-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_size_s-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333333334%; flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_size_s-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666666666667%; flex: 0 0 91.66666666666667%; max-width: 91.66666666666667%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_size_s-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_size_m-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333333333334%; flex: 0 0 8.333333333333334%; max-width: 8.333333333333334%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_size_m-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666666666666668%; flex: 0 0 16.666666666666668%; max-width: 16.666666666666668%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_size_m-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_size_m-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333333333336%; flex: 0 0 33.333333333333336%; max-width: 33.333333333333336%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_size_m-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666666666667%; flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_size_m-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_size_m-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333333333336%; flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_size_m-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666666666667%; flex: 0 0 66.66666666666667%; max-width: 66.66666666666667%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_size_m-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_size_m-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333333334%; flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_size_m-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666666666667%; flex: 0 0 91.66666666666667%; max-width: 91.66666666666667%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_size_m-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_size_l-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333333333334%; flex: 0 0 8.333333333333334%; max-width: 8.333333333333334%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_size_l-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666666666666668%; flex: 0 0 16.666666666666668%; max-width: 16.666666666666668%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_size_l-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_size_l-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333333333336%; flex: 0 0 33.333333333333336%; max-width: 33.333333333333336%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_size_l-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666666666667%; flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_size_l-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_size_l-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333333333336%; flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_size_l-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666666666667%; flex: 0 0 66.66666666666667%; max-width: 66.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_size_l-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_size_l-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333333334%; flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_size_l-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666666666667%; flex: 0 0 91.66666666666667%; max-width: 91.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_size_l-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_size_xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333333333334%; flex: 0 0 8.333333333333334%; max-width: 8.333333333333334%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_size_xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666666666666668%; flex: 0 0 16.666666666666668%; max-width: 16.666666666666668%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_size_xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_size_xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333333333336%; flex: 0 0 33.333333333333336%; max-width: 33.333333333333336%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_size_xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666666666667%; flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_size_xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_size_xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333333333336%; flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_size_xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666666666667%; flex: 0 0 66.66666666666667%; max-width: 66.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_size_xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_size_xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333333334%; flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_size_xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666666666667%; flex: 0 0 91.66666666666667%; max-width: 91.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_size_xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_size_xxl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333333333334%; flex: 0 0 8.333333333333334%; max-width: 8.333333333333334%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_size_xxl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666666666666668%; flex: 0 0 16.666666666666668%; max-width: 16.666666666666668%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_size_xxl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_size_xxl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333333333336%; flex: 0 0 33.333333333333336%; max-width: 33.333333333333336%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_size_xxl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666666666667%; flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_size_xxl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_size_xxl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333333333336%; flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_size_xxl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666666666667%; flex: 0 0 66.66666666666667%; max-width: 66.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_size_xxl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_size_xxl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333333334%; flex: 0 0 83.33333333333334%; max-width: 83.33333333333334%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_size_xxl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666666666667%; flex: 0 0 91.66666666666667%; max-width: 91.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_size_xxl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .grid_cols_12 .grid__group > .grid__col_order_1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .grid_cols_12 .grid__group > .grid__col_order_2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .grid_cols_12 .grid__group > .grid__col_order_3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .grid_cols_12 .grid__group > .grid__col_order_4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .grid_cols_12 .grid__group > .grid__col_order_5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .grid_cols_12 .grid__group > .grid__col_order_6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .grid_cols_12 .grid__group > .grid__col_order_7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .grid_cols_12 .grid__group > .grid__col_order_8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .grid_cols_12 .grid__group > .grid__col_order_9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .grid_cols_12 .grid__group > .grid__col_order_10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .grid_cols_12 .grid__group > .grid__col_order_11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .grid_cols_12 .grid__group > .grid__col_order_12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .grid_cols_12 .grid__group > .grid__col_order_first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .grid_cols_12 .grid__group > .grid__col_order_last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_order_xs-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_order_xs-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_order_xs-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_order_xs-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_order_xs-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_order_xs-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_order_xs-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_order_xs-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_order_xs-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_order_xs-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_order_xs-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_order_xs-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_order_xs-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_order_xs-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_order_s-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_order_s-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_order_s-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_order_s-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_order_s-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_order_s-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_order_s-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_order_s-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_order_s-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_order_s-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_order_s-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_order_s-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_order_s-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_order_s-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_order_m-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_order_m-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_order_m-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_order_m-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_order_m-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_order_m-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_order_m-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_order_m-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_order_m-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_order_m-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_order_m-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_order_m-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_order_m-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_order_m-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_order_l-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_order_l-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_order_l-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_order_l-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_order_l-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_order_l-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_order_l-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_order_l-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_order_l-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_order_l-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_order_l-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_order_l-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_order_l-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_order_l-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_order_xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_order_xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_order_xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_order_xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_order_xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_order_xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_order_xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_order_xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_order_xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_order_xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_order_xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_order_xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_order_xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_order_xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_order_xxl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_order_xxl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_order_xxl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_order_xxl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_order_xxl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_order_xxl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_order_xxl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_order_xxl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_order_xxl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_order_xxl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_order_xxl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_order_xxl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_order_xxl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_order_xxl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } } .grid_cols_12 .grid__group > .grid__col_push_1 { position: relative; left: 8.333333333333334%; } .grid_cols_12 .grid__group > .grid__col_push_2 { position: relative; left: 16.666666666666668%; } .grid_cols_12 .grid__group > .grid__col_push_3 { position: relative; left: 25%; } .grid_cols_12 .grid__group > .grid__col_push_4 { position: relative; left: 33.333333333333336%; } .grid_cols_12 .grid__group > .grid__col_push_5 { position: relative; left: 41.66666666666667%; } .grid_cols_12 .grid__group > .grid__col_push_6 { position: relative; left: 50%; } .grid_cols_12 .grid__group > .grid__col_push_7 { position: relative; left: 58.333333333333336%; } .grid_cols_12 .grid__group > .grid__col_push_8 { position: relative; left: 66.66666666666667%; } .grid_cols_12 .grid__group > .grid__col_push_9 { position: relative; left: 75%; } .grid_cols_12 .grid__group > .grid__col_push_10 { position: relative; left: 83.33333333333334%; } .grid_cols_12 .grid__group > .grid__col_push_11 { position: relative; left: 91.66666666666667%; } .grid_cols_12 .grid__group > .grid__col_push_12 { position: relative; left: 100%; } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_push_xs-1 { position: relative; left: 8.333333333333334%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_push_xs-2 { position: relative; left: 16.666666666666668%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_push_xs-3 { position: relative; left: 25%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_push_xs-4 { position: relative; left: 33.333333333333336%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_push_xs-5 { position: relative; left: 41.66666666666667%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_push_xs-6 { position: relative; left: 50%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_push_xs-7 { position: relative; left: 58.333333333333336%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_push_xs-8 { position: relative; left: 66.66666666666667%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_push_xs-9 { position: relative; left: 75%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_push_xs-10 { position: relative; left: 83.33333333333334%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_push_xs-11 { position: relative; left: 91.66666666666667%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_push_xs-12 { position: relative; left: 100%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_push_s-1 { position: relative; left: 8.333333333333334%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_push_s-2 { position: relative; left: 16.666666666666668%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_push_s-3 { position: relative; left: 25%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_push_s-4 { position: relative; left: 33.333333333333336%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_push_s-5 { position: relative; left: 41.66666666666667%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_push_s-6 { position: relative; left: 50%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_push_s-7 { position: relative; left: 58.333333333333336%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_push_s-8 { position: relative; left: 66.66666666666667%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_push_s-9 { position: relative; left: 75%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_push_s-10 { position: relative; left: 83.33333333333334%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_push_s-11 { position: relative; left: 91.66666666666667%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_push_s-12 { position: relative; left: 100%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_push_m-1 { position: relative; left: 8.333333333333334%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_push_m-2 { position: relative; left: 16.666666666666668%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_push_m-3 { position: relative; left: 25%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_push_m-4 { position: relative; left: 33.333333333333336%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_push_m-5 { position: relative; left: 41.66666666666667%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_push_m-6 { position: relative; left: 50%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_push_m-7 { position: relative; left: 58.333333333333336%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_push_m-8 { position: relative; left: 66.66666666666667%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_push_m-9 { position: relative; left: 75%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_push_m-10 { position: relative; left: 83.33333333333334%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_push_m-11 { position: relative; left: 91.66666666666667%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_push_m-12 { position: relative; left: 100%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_push_l-1 { position: relative; left: 8.333333333333334%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_push_l-2 { position: relative; left: 16.666666666666668%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_push_l-3 { position: relative; left: 25%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_push_l-4 { position: relative; left: 33.333333333333336%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_push_l-5 { position: relative; left: 41.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_push_l-6 { position: relative; left: 50%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_push_l-7 { position: relative; left: 58.333333333333336%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_push_l-8 { position: relative; left: 66.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_push_l-9 { position: relative; left: 75%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_push_l-10 { position: relative; left: 83.33333333333334%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_push_l-11 { position: relative; left: 91.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_push_l-12 { position: relative; left: 100%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_push_xl-1 { position: relative; left: 8.333333333333334%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_push_xl-2 { position: relative; left: 16.666666666666668%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_push_xl-3 { position: relative; left: 25%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_push_xl-4 { position: relative; left: 33.333333333333336%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_push_xl-5 { position: relative; left: 41.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_push_xl-6 { position: relative; left: 50%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_push_xl-7 { position: relative; left: 58.333333333333336%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_push_xl-8 { position: relative; left: 66.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_push_xl-9 { position: relative; left: 75%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_push_xl-10 { position: relative; left: 83.33333333333334%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_push_xl-11 { position: relative; left: 91.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_push_xl-12 { position: relative; left: 100%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_push_xxl-1 { position: relative; left: 8.333333333333334%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_push_xxl-2 { position: relative; left: 16.666666666666668%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_push_xxl-3 { position: relative; left: 25%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_push_xxl-4 { position: relative; left: 33.333333333333336%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_push_xxl-5 { position: relative; left: 41.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_push_xxl-6 { position: relative; left: 50%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_push_xxl-7 { position: relative; left: 58.333333333333336%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_push_xxl-8 { position: relative; left: 66.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_push_xxl-9 { position: relative; left: 75%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_push_xxl-10 { position: relative; left: 83.33333333333334%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_push_xxl-11 { position: relative; left: 91.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_push_xxl-12 { position: relative; left: 100%; } } .grid_cols_12 .grid__group > .grid__col_pull_1 { position: relative; right: 8.333333333333334%; } .grid_cols_12 .grid__group > .grid__col_pull_2 { position: relative; right: 16.666666666666668%; } .grid_cols_12 .grid__group > .grid__col_pull_3 { position: relative; right: 25%; } .grid_cols_12 .grid__group > .grid__col_pull_4 { position: relative; right: 33.333333333333336%; } .grid_cols_12 .grid__group > .grid__col_pull_5 { position: relative; right: 41.66666666666667%; } .grid_cols_12 .grid__group > .grid__col_pull_6 { position: relative; right: 50%; } .grid_cols_12 .grid__group > .grid__col_pull_7 { position: relative; right: 58.333333333333336%; } .grid_cols_12 .grid__group > .grid__col_pull_8 { position: relative; right: 66.66666666666667%; } .grid_cols_12 .grid__group > .grid__col_pull_9 { position: relative; right: 75%; } .grid_cols_12 .grid__group > .grid__col_pull_10 { position: relative; right: 83.33333333333334%; } .grid_cols_12 .grid__group > .grid__col_pull_11 { position: relative; right: 91.66666666666667%; } .grid_cols_12 .grid__group > .grid__col_pull_12 { position: relative; right: 100%; } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_pull_xs-1 { position: relative; right: 8.333333333333334%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_pull_xs-2 { position: relative; right: 16.666666666666668%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_pull_xs-3 { position: relative; right: 25%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_pull_xs-4 { position: relative; right: 33.333333333333336%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_pull_xs-5 { position: relative; right: 41.66666666666667%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_pull_xs-6 { position: relative; right: 50%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_pull_xs-7 { position: relative; right: 58.333333333333336%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_pull_xs-8 { position: relative; right: 66.66666666666667%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_pull_xs-9 { position: relative; right: 75%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_pull_xs-10 { position: relative; right: 83.33333333333334%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_pull_xs-11 { position: relative; right: 91.66666666666667%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_pull_xs-12 { position: relative; right: 100%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_pull_s-1 { position: relative; right: 8.333333333333334%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_pull_s-2 { position: relative; right: 16.666666666666668%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_pull_s-3 { position: relative; right: 25%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_pull_s-4 { position: relative; right: 33.333333333333336%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_pull_s-5 { position: relative; right: 41.66666666666667%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_pull_s-6 { position: relative; right: 50%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_pull_s-7 { position: relative; right: 58.333333333333336%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_pull_s-8 { position: relative; right: 66.66666666666667%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_pull_s-9 { position: relative; right: 75%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_pull_s-10 { position: relative; right: 83.33333333333334%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_pull_s-11 { position: relative; right: 91.66666666666667%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_pull_s-12 { position: relative; right: 100%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_pull_m-1 { position: relative; right: 8.333333333333334%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_pull_m-2 { position: relative; right: 16.666666666666668%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_pull_m-3 { position: relative; right: 25%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_pull_m-4 { position: relative; right: 33.333333333333336%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_pull_m-5 { position: relative; right: 41.66666666666667%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_pull_m-6 { position: relative; right: 50%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_pull_m-7 { position: relative; right: 58.333333333333336%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_pull_m-8 { position: relative; right: 66.66666666666667%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_pull_m-9 { position: relative; right: 75%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_pull_m-10 { position: relative; right: 83.33333333333334%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_pull_m-11 { position: relative; right: 91.66666666666667%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_pull_m-12 { position: relative; right: 100%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_pull_l-1 { position: relative; right: 8.333333333333334%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_pull_l-2 { position: relative; right: 16.666666666666668%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_pull_l-3 { position: relative; right: 25%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_pull_l-4 { position: relative; right: 33.333333333333336%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_pull_l-5 { position: relative; right: 41.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_pull_l-6 { position: relative; right: 50%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_pull_l-7 { position: relative; right: 58.333333333333336%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_pull_l-8 { position: relative; right: 66.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_pull_l-9 { position: relative; right: 75%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_pull_l-10 { position: relative; right: 83.33333333333334%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_pull_l-11 { position: relative; right: 91.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_pull_l-12 { position: relative; right: 100%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_pull_xl-1 { position: relative; right: 8.333333333333334%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_pull_xl-2 { position: relative; right: 16.666666666666668%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_pull_xl-3 { position: relative; right: 25%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_pull_xl-4 { position: relative; right: 33.333333333333336%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_pull_xl-5 { position: relative; right: 41.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_pull_xl-6 { position: relative; right: 50%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_pull_xl-7 { position: relative; right: 58.333333333333336%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_pull_xl-8 { position: relative; right: 66.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_pull_xl-9 { position: relative; right: 75%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_pull_xl-10 { position: relative; right: 83.33333333333334%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_pull_xl-11 { position: relative; right: 91.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_pull_xl-12 { position: relative; right: 100%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_pull_xxl-1 { position: relative; right: 8.333333333333334%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_pull_xxl-2 { position: relative; right: 16.666666666666668%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_pull_xxl-3 { position: relative; right: 25%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_pull_xxl-4 { position: relative; right: 33.333333333333336%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_pull_xxl-5 { position: relative; right: 41.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_pull_xxl-6 { position: relative; right: 50%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_pull_xxl-7 { position: relative; right: 58.333333333333336%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_pull_xxl-8 { position: relative; right: 66.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_pull_xxl-9 { position: relative; right: 75%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_pull_xxl-10 { position: relative; right: 83.33333333333334%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_pull_xxl-11 { position: relative; right: 91.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_pull_xxl-12 { position: relative; right: 100%; } } .grid_cols_12 .grid__group > .grid__col_offset_1 { margin-left: 8.333333333333334%; } .grid_cols_12 .grid__group > .grid__col_offset_2 { margin-left: 16.666666666666668%; } .grid_cols_12 .grid__group > .grid__col_offset_3 { margin-left: 25%; } .grid_cols_12 .grid__group > .grid__col_offset_4 { margin-left: 33.333333333333336%; } .grid_cols_12 .grid__group > .grid__col_offset_5 { margin-left: 41.66666666666667%; } .grid_cols_12 .grid__group > .grid__col_offset_6 { margin-left: 50%; } .grid_cols_12 .grid__group > .grid__col_offset_7 { margin-left: 58.333333333333336%; } .grid_cols_12 .grid__group > .grid__col_offset_8 { margin-left: 66.66666666666667%; } .grid_cols_12 .grid__group > .grid__col_offset_9 { margin-left: 75%; } .grid_cols_12 .grid__group > .grid__col_offset_10 { margin-left: 83.33333333333334%; } .grid_cols_12 .grid__group > .grid__col_offset_11 { margin-left: 91.66666666666667%; } .grid_cols_12 .grid__group > .grid__col_offset_12 { margin-left: 100%; } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_offset_xs-1 { margin-left: 8.333333333333334%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_offset_xs-2 { margin-left: 16.666666666666668%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_offset_xs-3 { margin-left: 25%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_offset_xs-4 { margin-left: 33.333333333333336%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_offset_xs-5 { margin-left: 41.66666666666667%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_offset_xs-6 { margin-left: 50%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_offset_xs-7 { margin-left: 58.333333333333336%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_offset_xs-8 { margin-left: 66.66666666666667%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_offset_xs-9 { margin-left: 75%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_offset_xs-10 { margin-left: 83.33333333333334%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_offset_xs-11 { margin-left: 91.66666666666667%; } } @media only screen and (min-width: 1px) { .grid_cols_12 .grid__group > .grid__col_offset_xs-12 { margin-left: 100%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_offset_s-1 { margin-left: 8.333333333333334%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_offset_s-2 { margin-left: 16.666666666666668%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_offset_s-3 { margin-left: 25%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_offset_s-4 { margin-left: 33.333333333333336%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_offset_s-5 { margin-left: 41.66666666666667%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_offset_s-6 { margin-left: 50%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_offset_s-7 { margin-left: 58.333333333333336%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_offset_s-8 { margin-left: 66.66666666666667%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_offset_s-9 { margin-left: 75%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_offset_s-10 { margin-left: 83.33333333333334%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_offset_s-11 { margin-left: 91.66666666666667%; } } @media only screen and (min-width: 480px) { .grid_cols_12 .grid__group > .grid__col_offset_s-12 { margin-left: 100%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_offset_m-1 { margin-left: 8.333333333333334%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_offset_m-2 { margin-left: 16.666666666666668%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_offset_m-3 { margin-left: 25%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_offset_m-4 { margin-left: 33.333333333333336%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_offset_m-5 { margin-left: 41.66666666666667%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_offset_m-6 { margin-left: 50%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_offset_m-7 { margin-left: 58.333333333333336%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_offset_m-8 { margin-left: 66.66666666666667%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_offset_m-9 { margin-left: 75%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_offset_m-10 { margin-left: 83.33333333333334%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_offset_m-11 { margin-left: 91.66666666666667%; } } @media only screen and (min-width: 768px) { .grid_cols_12 .grid__group > .grid__col_offset_m-12 { margin-left: 100%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_offset_l-1 { margin-left: 8.333333333333334%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_offset_l-2 { margin-left: 16.666666666666668%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_offset_l-3 { margin-left: 25%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_offset_l-4 { margin-left: 33.333333333333336%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_offset_l-5 { margin-left: 41.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_offset_l-6 { margin-left: 50%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_offset_l-7 { margin-left: 58.333333333333336%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_offset_l-8 { margin-left: 66.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_offset_l-9 { margin-left: 75%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_offset_l-10 { margin-left: 83.33333333333334%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_offset_l-11 { margin-left: 91.66666666666667%; } } @media only screen and (min-width: 1025px) { .grid_cols_12 .grid__group > .grid__col_offset_l-12 { margin-left: 100%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_offset_xl-1 { margin-left: 8.333333333333334%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_offset_xl-2 { margin-left: 16.666666666666668%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_offset_xl-3 { margin-left: 25%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_offset_xl-4 { margin-left: 33.333333333333336%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_offset_xl-5 { margin-left: 41.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_offset_xl-6 { margin-left: 50%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_offset_xl-7 { margin-left: 58.333333333333336%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_offset_xl-8 { margin-left: 66.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_offset_xl-9 { margin-left: 75%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_offset_xl-10 { margin-left: 83.33333333333334%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_offset_xl-11 { margin-left: 91.66666666666667%; } } @media only screen and (min-width: 1281px) { .grid_cols_12 .grid__group > .grid__col_offset_xl-12 { margin-left: 100%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_offset_xxl-1 { margin-left: 8.333333333333334%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_offset_xxl-2 { margin-left: 16.666666666666668%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_offset_xxl-3 { margin-left: 25%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_offset_xxl-4 { margin-left: 33.333333333333336%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_offset_xxl-5 { margin-left: 41.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_offset_xxl-6 { margin-left: 50%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_offset_xxl-7 { margin-left: 58.333333333333336%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_offset_xxl-8 { margin-left: 66.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_offset_xxl-9 { margin-left: 75%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_offset_xxl-10 { margin-left: 83.33333333333334%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_offset_xxl-11 { margin-left: 91.66666666666667%; } } @media only screen and (min-width: 1440px) { .grid_cols_12 .grid__group > .grid__col_offset_xxl-12 { margin-left: 100%; } } .grid_cols_12 .grid__group_no_gutters .grid__col { padding: 0; } .grid_style_debug .grid__col { outline: 1px solid #f00; } .grid_style_debug .grid__panel { background: #f4f4f4; } .grid_style_debug .grid__holder { outline: 1px solid #008000; } .grid_style_demo .grid__col { padding-top: 10px; padding-bottom: 10px; } .grid_style_demo .grid__panel { color: #7d7d7d; font-size: 14px; line-height: 1.2; background: #f4f4f4; border: 1px solid #c7c7c7; } /* End */ /* Start:/static/assets/styles/app.css?1640224479252057*/ * { margin: 0; padding: 0; font: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-focus-ring-color: rgba(255,255,255,0); cursor: default; } body { font-size: 100%; line-height: 1; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } a { background: transparent; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } ol, ul { list-style: none; } pre { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; white-space: pre-wrap; } q { quotes: '\201C' '\201D' '\2018' '\2019'; } img { border: none; } svg:not(:root) { overflow: hidden; } button, input { line-height: normal; } button, select { text-transform: none; } button { overflow: visible; } button, html input[type='button'], input[type='reset'], input[type='submit'] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type='checkbox'], input[type='radio'] { -webkit-box-sizing: border-box; box-sizing: border-box; } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; } input[type='search'] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: none; padding: 0; } textarea { overflow: auto; vertical-align: top; } button, input, select[multiple], textarea { background-image: none; } input, select, textarea { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } input, textarea { resize: none; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } [placeholder]:focus::-webkit-input-placeholder { color: transparent; } [placeholder]:focus::-moz-placeholder { color: transparent; } [placeholder]:focus:-ms-input-placeholder { color: transparent; } [placeholder]:focus::-ms-input-placeholder { color: transparent; } [placeholder]:focus::placeholder { color: transparent; } table { border-collapse: collapse; border-spacing: 0; } body { color: #000; font-family: 'Source Sans Pro', Arial, sans-serif; font-variant: no-common-ligatures; font-size: 18px; font-weight: 400; line-height: 1.56; } h1:not([class]), h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]), h6:not([class]) { font-family: Lora, serif; font-weight: 600; line-height: 1.3; } h1:not([class]):last-child, h2:not([class]):last-child, h3:not([class]):last-child, h4:not([class]):last-child, h5:not([class]):last-child, h6:not([class]):last-child { margin-bottom: 0; } h1:not([class]) { margin: 0 0 40px; font-size: 36px; line-height: 46px; } @media only screen and (min-width: 1025px) { h1:not([class]) { font-size: 42px; line-height: 54px; } } h2:not([class]) { margin: 0 0 30px; font-size: 32px; line-height: 38px; } @media only screen and (min-width: 1025px) { h2:not([class]) { font-size: 40px; line-height: 51px; } } h3:not([class]) { margin: 0 0 25px; font-size: 24px; line-height: 31px; } @media only screen and (min-width: 1025px) { h3:not([class]) { font-size: 36px; line-height: 46px; } } h4:not([class]) { margin: 0 0 25px; font-size: 24px; line-height: 31px; } h5:not([class]) { margin: 0 0 20px; font-size: 22px; line-height: 28px; } h6:not([class]) { margin: 0 0 15px; font-size: 20px; line-height: 26px; } p:not([class]), ul:not([class]), ol:not([class]), table:not([class]), img:not([class]), hr:not([class]), fieldset:not([class]) { margin: 0 0 28px; } p:not([class]):last-child, ul:not([class]):last-child, ol:not([class]):last-child, table:not([class]):last-child, img:not([class]):last-child, hr:not([class]):last-child, fieldset:not([class]):last-child { margin-bottom: 0; } img:not([class]) { max-width: 100%; } ul:not([class]) { margin: 0 0 20px; list-style: none; } ul:not([class]) > li:not([class]):before { content: ''; position: absolute; top: 0.5em; left: 8px; width: 5px; height: 5px; background: #343434; border-radius: 50%; } ol:not([class]) { counter-reset: ol; } ol:not([class]) > li:not([class]) { position: relative; padding: 0 0 0 20px; } ol:not([class]) > li:not([class]):before { content: counter(ol); counter-increment: ol; position: absolute; top: 0; left: 8px; display: block; color: #343434; } li:not([class]) { position: relative; margin: 0 0 10px; padding: 0 0 0 20px; list-style: none; } li:not([class]):last-child { margin-bottom: 0; } table:not([class]) { display: table; width: 100%; margin: 0 0 20px; border-spacing: 1px; border-collapse: collapse; border: 1px solid #dedede; } caption:not([class]) { display: table-caption; padding: 0 0 10px; font-size: 1.1em; text-align: center; } th:not([class]) { vertical-align: middle; padding: 10px; font-weight: 700; text-align: center; background: #f1f1f1; border: 1px solid #dedede; } tbody:not([class]) th:not([class]) { text-align: left; } td:not([class]) { padding: 10px; border: 1px solid #dedede; } tr:not([class]):nth-child(even) th:not([class]), tr:not([class]):nth-child(even) td:not([class]) { background: #e6e6e6; } thead:not([class]) { color: #888; } tfoot:not([class]) { color: #888; } tfoot:not([class]) th:not([class]), tfoot:not([class]) td:not([class]) { background: #e6e6e6; } a:not([class]) { font-weight: 500; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } a:not([class]):link, a:not([class]):visited { color: inherit; text-decoration: none; } a:not([class]):hover, a:not([class]):active, a:not([class]):focus { color: #d91546; text-decoration: none; } sub:not([class]) { bottom: -0.25em; vertical-align: bottom; font-size: 0.6em; } sup:not([class]) { top: -0.5em; vertical-align: top; font-size: 0.6em; } i:not([class]), em:not([class]), dfn:not([class]) { font-style: italic; } b:not([class]), strong:not([class]) { font-weight: 700; } s:not([class]), strike:not([class]), del:not([class]) { text-decoration: line-through; } ins:not([class]) { text-decoration: underline; } q:not([class]) { display: inline; } q:not([class]):before { content: open-quote; } q:not([class]):after { content: close-quote; } kbd:not([class]) { font-family: monospace, monospace; } mark:not([class]) { background: #f1f1f1; } abbr:not([class]) { position: relative; text-decoration: none; } abbr:not([class])[title]:after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; border-bottom: 1px dotted #000; } blockquote:not([class]) { margin: 0 0 20px; padding: 20px; background: #f1f1f1; border: 1px solid #b1b1b1; } dl:not([class]) { margin: 0 0 20px; } dd:not([class]) { padding: 0 0 0 50px; } hr:not([class]) { width: 100%; height: 0; background: none; border: none; border-bottom: 2px groove #dedede; } fieldset:not([class]) { padding: 20px; border: 1px solid #dedede; } legend:not([class]) { margin: 0 0 0 2em; padding: 0 0.5em; } select:not([class]) { width: 200px; padding: 10px; line-height: 1.6; background: #fff; border: 1px solid #343434; } input[type='text']:not([class]), input[type='password']:not([class]), input[type='email']:not([class]), input[type='url']:not([class]), input[type='number']:not([class]), input[type='datetime']:not([class]), input[type='datetime-local']:not([class]), input[type='search']:not([class]), input[type='tel']:not([class]), input[type='month']:not([class]), input[type='week']:not([class]), input[type='date']:not([class]), input[type='time']:not([class]), textarea:not([class]) { -webkit-box-sizing: border-box; box-sizing: border-box; width: 200px; margin: 0 0 5px; padding: 10px; color: #343434; font-size: 1em; line-height: 1.6; text-align: left; background: #fff; border: 1px solid #343434; outline: none; } input[type='text']:not([class])::-webkit-input-placeholder, input[type='password']:not([class])::-webkit-input-placeholder, input[type='email']:not([class])::-webkit-input-placeholder, input[type='url']:not([class])::-webkit-input-placeholder, input[type='number']:not([class])::-webkit-input-placeholder, input[type='datetime']:not([class])::-webkit-input-placeholder, input[type='datetime-local']:not([class])::-webkit-input-placeholder, input[type='search']:not([class])::-webkit-input-placeholder, input[type='tel']:not([class])::-webkit-input-placeholder, input[type='month']:not([class])::-webkit-input-placeholder, input[type='week']:not([class])::-webkit-input-placeholder, input[type='date']:not([class])::-webkit-input-placeholder, input[type='time']:not([class])::-webkit-input-placeholder, textarea:not([class])::-webkit-input-placeholder { color: #ddd; font-size: 16px; } input[type='text']:not([class]):-ms-input-placeholder, input[type='password']:not([class]):-ms-input-placeholder, input[type='email']:not([class]):-ms-input-placeholder, input[type='url']:not([class]):-ms-input-placeholder, input[type='number']:not([class]):-ms-input-placeholder, input[type='datetime']:not([class]):-ms-input-placeholder, input[type='datetime-local']:not([class]):-ms-input-placeholder, input[type='search']:not([class]):-ms-input-placeholder, input[type='tel']:not([class]):-ms-input-placeholder, input[type='month']:not([class]):-ms-input-placeholder, input[type='week']:not([class]):-ms-input-placeholder, input[type='date']:not([class]):-ms-input-placeholder, input[type='time']:not([class]):-ms-input-placeholder, textarea:not([class]):-ms-input-placeholder { color: #ddd; font-size: 16px; } input[type='text']:not([class])::-moz-placeholder, input[type='password']:not([class])::-moz-placeholder, input[type='email']:not([class])::-moz-placeholder, input[type='url']:not([class])::-moz-placeholder, input[type='number']:not([class])::-moz-placeholder, input[type='datetime']:not([class])::-moz-placeholder, input[type='datetime-local']:not([class])::-moz-placeholder, input[type='search']:not([class])::-moz-placeholder, input[type='tel']:not([class])::-moz-placeholder, input[type='month']:not([class])::-moz-placeholder, input[type='week']:not([class])::-moz-placeholder, input[type='date']:not([class])::-moz-placeholder, input[type='time']:not([class])::-moz-placeholder, textarea:not([class])::-moz-placeholder { color: #ddd; font-size: 16px; opacity: 1; } input[type='text']:not([class])::-ms-input-placeholder, input[type='password']:not([class])::-ms-input-placeholder, input[type='email']:not([class])::-ms-input-placeholder, input[type='url']:not([class])::-ms-input-placeholder, input[type='number']:not([class])::-ms-input-placeholder, input[type='datetime']:not([class])::-ms-input-placeholder, input[type='datetime-local']:not([class])::-ms-input-placeholder, input[type='search']:not([class])::-ms-input-placeholder, input[type='tel']:not([class])::-ms-input-placeholder, input[type='month']:not([class])::-ms-input-placeholder, input[type='week']:not([class])::-ms-input-placeholder, input[type='date']:not([class])::-ms-input-placeholder, input[type='time']:not([class])::-ms-input-placeholder, textarea:not([class])::-ms-input-placeholder { color: #ddd; font-size: 16px; opacity: 1; } input[type='text']:not([class])::placeholder, input[type='password']:not([class])::placeholder, input[type='email']:not([class])::placeholder, input[type='url']:not([class])::placeholder, input[type='number']:not([class])::placeholder, input[type='datetime']:not([class])::placeholder, input[type='datetime-local']:not([class])::placeholder, input[type='search']:not([class])::placeholder, input[type='tel']:not([class])::placeholder, input[type='month']:not([class])::placeholder, input[type='week']:not([class])::placeholder, input[type='date']:not([class])::placeholder, input[type='time']:not([class])::placeholder, textarea:not([class])::placeholder { color: #ddd; font-size: 16px; opacity: 1; } textarea:not([class]) { resize: none; } input[type='radio']:not([class]), input[type='checkbox']:not([class]) { margin: 0 2px; } button:not([class]), input[type='button']:not([class]), input[type='reset']:not([class]), input[type='submit']:not([class]) { padding: 10px; font-size: 1em; line-height: 1.6; background: #f5f5f5; border: 1px solid #dedede; border-radius: 0; outline: none; } button:not([class]):hover, input[type='button']:not([class]):hover, input[type='reset']:not([class]):hover, input[type='submit']:not([class]):hover { background: #bbb; } label:not([class]) { font-weight: 700; } .bs-group { margin: 0 0 40px; padding: 20px 0; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; } .bs-group__title { margin: 0 0 20px; color: #909090; text-transform: uppercase; } .bs-tags-style li { margin: 0 0 8px; } .bs-tags-style li:last-child { margin-bottom: 0; } [class|="bx"] a:not([class]) { -webkit-text-fill-color: currentColor; background-color: transparent; background-image: none; } .about { display: block; padding: 55px 0 0; background: #f7f7f7; } @media only screen and (min-width: 1025px) { .about { padding: 79px 0 55px; } } .about__top { position: relative; z-index: 5; margin: 0 0 50px; } @media only screen and (min-width: 1025px) { .about__top { margin: 0; } } .about__top:last-child { margin-bottom: 0; } .about__title { display: block; max-width: 760px; margin: 0 0 40px; font-family: Lora, serif; font-size: 28px; font-weight: 500; line-height: 36px; } @media only screen and (min-width: 1025px) { .about__title { margin: 0 0 51px; font-size: 34px; line-height: 44px; } } .about__title:last-child { margin-bottom: 0; } .about__fields { display: block; max-width: 570px; margin: 0 0 25px; } .about__fields:last-child { margin-bottom: 0; } .about__map-wrapper { display: none; } @media only screen and (min-width: 1025px) { .about__map-wrapper { position: relative; z-index: 1; display: block; margin: -102px 0 -267px; } } .about__map { display: block; width: 100%; height: auto; margin: 0; padding: 0; } .about__marker { position: absolute; top: 0; left: 0; z-index: 5; display: block; width: 10px; height: 10px; font-size: 0; text-decoration: none; cursor: pointer; background: #3c3c3c; border: none; border-radius: 50%; outline: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .about__marker_state_active { background: #d91546; } .about__carousel-wrapper { display: block; overflow: hidden; } .about__carousel { display: block; } @media only screen and (min-width: 1025px) { .about__carousel { margin: 0 0 22px; } } .about__carousel:last-child { margin-bottom: 0; } .about__carousel-nav { display: block; text-align: right; } .accordeon-group { display: block; } .accordeon-group__item { margin: 0 0 15px; } .accordeon-group__item:last-child { margin-bottom: 0; } .accordeon { display: block; } .accordeon__header { position: relative; } .accordeon__title { display: block; padding: 15px 60px 15px 20px; color: #333; font-size: 18px; font-weight: 500; line-height: 1; text-decoration: none; cursor: pointer; background: #f6f6f6; } @media only screen and (min-width: 768px) { .accordeon__title { font-size: 22px; } } .accordeon__title:hover, .accordeon__title:active { color: #333; text-decoration: none; background: #f2f2f2; } .accordeon__close { position: absolute; top: 50%; right: 20px; z-index: 5; display: block; width: 32px; height: 32px; font-size: 0; background: #bfbfbf; border: none; border-radius: 50%; outline: none; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .accordeon__close:before { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 9px; height: 9px; border-right: 2px solid #676767; border-bottom: 2px solid #676767; -webkit-transform: translate(-50%, -75%) rotate(45deg); transform: translate(-50%, -75%) rotate(45deg); } .accordeon__main { display: none; padding: 20px 0; } .accordeon__fields { margin: 0 0 20px; } .accordeon__fields:last-child { margin-bottom: 0; } .accordeon__field { margin: 0 0 10px; color: #000; font-size: 16px; line-height: 28px; } .accordeon__field:last-child { margin-bottom: 0; } .accordeon_state_open .accordeon__close:before { border: none; border-top: 2px solid #676767; border-left: 2px solid #676767; -webkit-transform: translate(-50%, -25%) rotate(45deg); transform: translate(-50%, -25%) rotate(45deg); } .accordeon_state_open .accordeon__main { display: block; } .alert { display: block; margin: 0 0 15px; padding: 10px 15px; color: #004085; background: #cce5ff; border: 1px solid transparent; border-color: #b8daff; border-radius: 5px; } .alert:last-child { margin-bottom: 0; } .alert__title { margin: 0 0 25px; font-size: 1.5em; font-weight: 700; } .alert__title:last-child { margin-bottom: 0; } .alert__fields { margin: 0 0 25px; } .alert__fields:last-child { margin-bottom: 0; } .alert__field { margin: 0 0 15px; } .alert__field:last-child { margin-bottom: 0; } .alert__link { display: inline; vertical-align: baseline; color: inherit; font-weight: 700; text-decoration: underline; } .alert__link:hover, .alert__link:active, .alert__link:focus { color: inherit; text-decoration: none; } .alert_style_default { color: #004085; background: #cce5ff; border-color: #b8daff; } .alert_style_success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert_style_danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert_style_warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert_style_info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert_style_light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert_style_grayscale { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert_style_dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .attention-panel { display: block; } .attention-panel__wrapper { position: relative; display: block; padding: 125px 0 99px; color: #fff; background-color: #999; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } @media only screen and (min-width: 768px) { .attention-panel__wrapper { padding: 96px 0 65px; } } @media only screen and (min-width: 1440px) { .attention-panel__wrapper { padding: 155px 0 125px; } } @media only screen and (max-width: 767px) { .attention-panel__wrapper .attention-panel__label, .attention-panel__wrapper .attention-panel__description, .attention-panel__wrapper .attention-panel__controls { display: none; } } .attention-panel__wrapper:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background: #000; opacity: 0.5; } .attention-panel__content { position: relative; z-index: 5; display: block; max-width: 552px; margin: 0 auto; } .attention-panel__title { display: block; margin: 0 0 21px; font-family: Lora, serif; font-size: 30px; font-weight: 500; line-height: 38px; text-align: center; word-break: break-word; } @media only screen and (min-width: 1025px) { .attention-panel__title { font-size: 42px; line-height: 54px; } } .attention-panel__title:last-child { margin-bottom: 0; } .attention-panel__label { display: block; margin: 0 auto 21px; max-width: 468px; } @media only screen and (min-width: 768px) { .attention-panel__label { max-width: none; } } .attention-panel__label:last-child { margin-bottom: 0; } .attention-panel__description { display: block; max-width: 468px; margin: 0 auto 31px; text-align: left; } @media only screen and (min-width: 768px) { .attention-panel__description { margin: 0 auto 44px; } } .attention-panel__description:last-child { margin-bottom: 0; } .attention-panel__controls { display: block; margin: 0 0 21px; font-size: 0; text-align: center; } .attention-panel__controls:last-child { margin-bottom: 0; } .attention-panel__control { display: block; margin: 0 0 20px; } @media only screen and (min-width: 768px) { .attention-panel__control { display: inline-block; min-width: 260px; } } .attention-panel__control:last-child { margin-bottom: 0; } .attention-panel__mobile { padding: 29px 0 0; } @media only screen and (min-width: 768px) { .attention-panel__mobile { display: none; } } .banner-carousel { position: relative; display: block; } .banner-carousel__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .banner-carousel__slide { height: auto; } .banner-carousel__slide-inner { height: 100%; } .banner-carousel__arrow { position: absolute; top: 50%; z-index: 10; display: none; width: 20px; height: 37px; cursor: pointer; opacity: 0.4; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .banner-carousel__arrow:after { content: none; } .banner-carousel__arrow:hover, .banner-carousel__arrow:focus, .banner-carousel__arrow:active { opacity: 1; } @media only screen and (min-width: 1025px) { .banner-carousel__arrow { display: block; } } .banner-carousel__arrow_type_prev { left: 40px; } .banner-carousel__arrow_type_next { right: 40px; } .banner-carousel__nav-icon { display: block; width: 20px; height: 37px; stroke: #c0b2b2; fill: transparent; } .banner-carousel__pagination { position: absolute; top: auto; right: 0; left: 0; bottom: 10px; z-index: 10; display: block; margin: 0; padding: 0; font-size: 0; line-height: 0; text-align: center; } @media only screen and (min-width: 768px) { .banner-carousel__pagination { bottom: 15px; } } .banner-carousel__bullet { display: inline-block; vertical-align: middle; width: 8px; height: 8px; margin: 0 6px 0 0; font-size: 0; background: #efefef; border: none; border-radius: 50%; outline: none; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .banner-carousel__bullet:last-child { margin-right: 0; } .banner-carousel__bullet_state_active { background: #7d7d7d; } .banner-carousel__trigger { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: block; font-size: 0; text-decoration: none; background: transparent; border: none; outline: none; opacity: 0.0001; } @media only screen and (min-width: 1025px) { .banner-carousel__trigger { display: none; } } .banner-carousel_state_inactive .banner-carousel__pagination { display: none; } .banner-carousel_type_stretched { height: 100%; } .banner-carousel_type_stretched .banner-carousel__inner, .banner-carousel_type_stretched .banner-carousel__container, .banner-carousel_type_stretched .banner-carousel__wrapper { height: 100%; } .banner { display: block; } .banner__illustration { position: relative; display: block; overflow: hidden; width: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .banner__illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 87.5% 0 0; } @media only screen and (min-width: 768px) { .banner__illustration:before { display: none; } } .banner__image { position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: auto; min-width: 100%; height: auto; min-height: 100%; margin: 0; padding: 0; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (min-width: 768px) { .banner__image { position: static; width: 100%; min-width: auto; min-height: auto; -webkit-transform: none; transform: none; } } @media only screen and (max-width: 767px) { .banner_size_full .banner__illustration { height: 100vh; } } .banner_size_full .banner__illustration:before { display: none; } @media only screen and (max-width: 767px) { .banner_size_full .banner__image { height: 100%; } } .breadcrumbs { display: block; margin: 0; padding: 10px 0; list-style: none; color: #f1f1f1; font-size: 0; line-height: 18px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media only screen and (min-width: 768px) { .breadcrumbs { padding: 13px 0 6px; } } @media only screen and (min-width: 1025px) { .breadcrumbs { padding: 13px 30px 6px; } } @media only screen and (min-width: 1281px) { .breadcrumbs { padding: 13px 18px 6px; } } .breadcrumbs__item { display: inline; vertical-align: middle; margin: 0 3px 0 0; font-size: 14px; line-height: 18px; word-break: break-word; } .breadcrumbs__item:first-child:before { display: none; } .breadcrumbs__item:last-child { margin-right: 0; } .breadcrumbs__item:before { content: '-'; display: inline; vertical-align: baseline; width: auto; height: auto; margin: 0 3px 0 0; color: inherit; } .breadcrumbs__label { display: inline; } .breadcrumbs__link { display: inline; color: inherit; font-size: inherit; line-height: inherit; text-decoration: none; outline: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .breadcrumbs__link:hover, .breadcrumbs__link:active, .breadcrumbs__link:focus { color: #000; text-decoration: none; } .breadcrumbs_style_light { color: #fff; } .breadcrumbs_style_light .breadcrumbs__link:hover, .breadcrumbs_style_light .breadcrumbs__link:active, .breadcrumbs_style_light .breadcrumbs__link:focus { color: #d91546; } .breadcrumbs_style_gray { color: #a9a9a9; } .breadcrumbs_style_gray .breadcrumbs__link:hover, .breadcrumbs_style_gray .breadcrumbs__link:active, .breadcrumbs_style_gray .breadcrumbs__link:focus { color: #d91546; } .burger { position: relative; z-index: 10; display: inline-block; vertical-align: middle; width: 24px; height: 12px; margin: 0; color: inherit; font-size: 0; line-height: 1; cursor: pointer; background: transparent; border: none; border-top: 2px solid currentColor; outline: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .burger:hover { color: #d91546; } .burger:before, .burger:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); display: block; width: 24px; height: 2px; background: currentColor; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: top, left, width, -webkit-transform; transition-property: top, left, width, -webkit-transform; transition-property: top, left, width, transform; transition-property: top, left, width, transform, -webkit-transform; } .burger:after { top: 100%; left: 0; width: 15.84px; -webkit-transform: translate(0, -2px); transform: translate(0, -2px); } .burger_state_close { border-color: transparent; } .burger_state_close:before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .burger_state_close:after { top: 50%; left: 50%; width: 24px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .button { position: relative; display: inline-block; vertical-align: middle; height: 50px; padding: 0 20px; color: #fff; font-size: 18px; font-weight: 400; line-height: 1.3; text-align: center; text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #000; border: 1px solid #000; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, background, border-color; transition-property: color, background, border-color; } .button:hover:not(:disabled), .button:active:not(:disabled), .button:focus:not(:disabled) { color: #fff; text-decoration: none; background: #424446; border-color: #424446; } .button:disabled { cursor: not-allowed; opacity: 0.5; } .button__holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; } .button_width_full { display: block; width: 100%; } .button_size_m { height: 40px; } @media only screen and (min-width: 1px) { .button_size_xs-m { height: 40px; } } @media only screen and (min-width: 480px) { .button_size_s-m { height: 40px; } } @media only screen and (min-width: 768px) { .button_size_m-m { height: 40px; } } @media only screen and (min-width: 1025px) { .button_size_l-m { height: 40px; } } @media only screen and (min-width: 1281px) { .button_size_xl-m { height: 40px; } } @media only screen and (min-width: 1440px) { .button_size_xxl-m { height: 40px; } } .button_style_colorful { color: #fff; background: #d91546; border-color: #d91546; } .button_style_colorful:hover:not(:disabled), .button_style_colorful:active:not(:disabled), .button_style_colorful:focus:not(:disabled) { color: #fff; background: #f3436f; border-color: #f3436f; } .button_style_light { color: #000; background: #fff; border-color: #fff; } .button_style_light:hover:not(:disabled), .button_style_light:active:not(:disabled), .button_style_light:focus:not(:disabled) { color: #000; background: #f7f7f7; border-color: #f7f7f7; } .button_style_hollow-dark { color: #000; background: transparent; border-color: #000; } .button_style_hollow-dark:hover:not(:disabled), .button_style_hollow-dark:active:not(:disabled), .button_style_hollow-dark:focus:not(:disabled) { color: #fff; background: #000; border-color: #000; } .button_style_hollow-light { color: #fff; background: transparent; border-color: #fff; } .button_style_hollow-light:hover:not(:disabled), .button_style_hollow-light:active:not(:disabled), .button_style_hollow-light:focus:not(:disabled) { color: #000; background: #fff; border-color: #fff; } .button_style_link { padding: 0; color: inherit; text-decoration: underline; background: transparent; border: none; } .button_style_link:hover:not(:disabled), .button_style_link:active:not(:disabled), .button_style_link:focus:not(:disabled) { color: inherit; background: transparent; border-color: transparent; } @media only screen and (min-width: 768px) { .button_style_dark-transforming { color: #000; background: transparent; border-color: #000; } } @media only screen and (min-width: 768px) { .button_style_dark-transforming:hover:not(:disabled), .button_style_dark-transforming:active:not(:disabled), .button_style_dark-transforming:focus:not(:disabled) { color: #fff; background: #000; border-color: #000; } } .carousel-nav { display: block; font-size: 0; } .carousel-nav__arrow { position: relative; display: inline-block; vertical-align: middle; width: 46px; height: 46px; margin: 0 7px 0 0; color: #fff; text-decoration: none; background: #3c3c3c; border: none; border-radius: 50%; outline: none; opacity: 0.6; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, background, opacity; transition-property: color, background, opacity; } .carousel-nav__arrow:last-child { margin-right: 0; } .carousel-nav__arrow:disabled { cursor: not-allowed; opacity: 0.2; } .carousel-nav__arrow:hover:not(:disabled) { color: #fff; background: #3c3c3c; opacity: 0.8; } .carousel-nav__arrow:before, .carousel-nav__arrow:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; border-top: 2px solid currentColor; } .carousel-nav__arrow:before { width: 28px; height: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .carousel-nav__arrow:after { width: 8px; height: 8px; border-right: 2px solid currentColor; } .carousel-nav__arrow_type_prev:after { -webkit-transform: translate(-13px, -50%) rotate(-135deg); transform: translate(-13px, -50%) rotate(-135deg); } .carousel-nav__arrow_type_next:after { -webkit-transform: translate(3px, -50%) rotate(45deg); transform: translate(3px, -50%) rotate(45deg); } .carousel-nav_style_light .carousel-nav__arrow { color: #3c3c3c; background: #f7f7f7; opacity: 1; } .carousel-nav_style_light .carousel-nav__arrow:disabled { color: #fff; background: rgba(247,247,247,0.5); opacity: 1; } .carousel-nav_style_light .carousel-nav__arrow:hover:not(:disabled) { color: #3c3c3c; background: #f7f7f7; opacity: 0.8; } .carousel-nav_state_hidden { display: none; } .carousel-pagination { display: block; color: #d91546; font-family: Lora, serif; font-size: 56px; font-weight: 500; line-height: 72px; } .carousel-pagination__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .carousel-pagination__element { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .carousel { display: block; } .carousel__inner { position: relative; } .carousel__slide { height: auto; } .carousel__slide .image-panel__title { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .carousel__slide_state_active .image-panel__title { opacity: 1; } .carousel__nav { position: absolute; right: 16px; bottom: 9px; z-index: 10; display: block; } @media only screen and (min-width: 1025px) { .carousel__nav { right: 22px; bottom: 30px; } } .carousel__test-content { height: 200px; color: #fff; font-size: 56px; background: #555; } .carousel_type_overflowing .carousel__container { overflow: visible; } .catalog { display: block; } .catalog__header { display: block; margin: 0 0 6px; } @media only screen and (min-width: 1025px) { .catalog__header { margin: 0 0 60px; } } .catalog__header:last-child { margin-bottom: 0; } .catalog__title { display: block; margin: 0 0 26px; } .catalog__title:last-child { margin-bottom: 0; } .catalog__tag-list { display: block; margin: 0 0 20px; } @media only screen and (min-width: 1025px) { .catalog__tag-list { margin: 0 0 16px; } } .catalog__tag-list:last-child { margin-bottom: 0; } .catalog__filter-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 26px; } @media only screen and (min-width: 1025px) { .catalog__filter-panel { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .catalog__filter-panel:last-child { margin-bottom: 0; } .catalog__label { display: block; flex-grow-basis: 100%; margin: 0 0 28px; } @media only screen and (min-width: 1025px) { .catalog__label { -webkit-box-flex: 0; -ms-flex: 0 0 26%; flex: 0 0 26%; width: 26%; max-width: 26%; margin: 0; } } .catalog__label:last-child { margin-bottom: 0; } .catalog__filter { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; width: 50%; max-width: 50%; margin: 0 0 22px; } @media only screen and (min-width: 1025px) { .catalog__filter { -webkit-box-flex: 0; -ms-flex: 0 0 16.5%; flex: 0 0 16.5%; width: 16.5%; max-width: 16.5%; margin: 0; } } .catalog__filter:last-child { margin-bottom: 0; } @media only screen and (min-width: 1025px) { .catalog__show-map { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; max-width: 100%; } } .catalog__show-list { display: none; } @media only screen and (min-width: 1025px) { .catalog__show-list { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; margin: 0 0 0 auto; } } .catalog__trigger { display: block; fill: #3c3c3c; color: #000; text-align: left; white-space: nowrap; text-decoration: none; background: transparent; border: none; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: fill, color; transition-property: fill, color; } @media only screen and (min-width: 1025px) { .catalog__trigger { padding: 0 16px; } } .catalog__trigger:hover { fill: #d91546; color: #d91546; text-decoration: none; background: transparent; } .catalog__trigger-label { display: inline-block; vertical-align: middle; max-width: calc(100% - 36px); font-size: 16px; line-height: 20px; white-space: normal; } @media only screen and (min-width: 1025px) { .catalog__trigger-label { font-size: 18px; line-height: 28px; } } .catalog__icon-wrapper { display: inline-block; vertical-align: middle; margin: 0 12px 0 0; } .catalog__icon-wrapper:last-child { margin-right: 0; } .catalog__icon { display: block; width: 24px; height: 20px; fill: inherit; } .catalog__product { margin: 0 -10px 20px; } @media only screen and (min-width: 1025px) { .catalog__product { margin: 0 0 20px; } } .catalog__product:last-child { margin-bottom: 0; } .catalog__footer { padding: 34px 0 0; } @media only screen and (min-width: 1025px) { .catalog__footer { padding: 26px 0 0; } } .catalog__controls { display: block; margin: 0 0 46px; font-size: 0; text-align: center; } @media only screen and (min-width: 1025px) { .catalog__controls { margin: 0; } } .catalog__controls:last-child { margin-bottom: 0; } .catalog__control { display: block; margin: 0 0 20px; } @media only screen and (min-width: 768px) { .catalog__control { display: inline-block; vertical-align: middle; min-width: 290px; margin: 0 20px 0 0; } } .catalog__control:last-child { margin: 0; } .catalog__pagination { display: block; margin: 0 0 20px; text-align: right; } @media only screen and (min-width: 1025px) { .catalog__pagination { margin: -50px 0 20px; } } @media only screen and (min-width: 1025px) { .catalog__pagination:first-child { margin-bottom: 0; } } .catalog__pagination:last-child { margin-bottom: 0; } .catalog__map { display: none; margin: 0 -20px; } .catalog__checkbox { font-size: 16px; line-height: 20px; } @media only screen and (min-width: 1025px) { .catalog__checkbox { font-size: 18px; line-height: 27px; } } .catalog_state_showing-map .catalog__show-map, .catalog_state_showing-map .catalog__products, .catalog_state_showing-map .catalog__product-grid, .catalog_state_showing-map .catalog__footer { display: none; } .catalog_state_showing-map .catalog__show-list, .catalog_state_showing-map .catalog__map { display: block; } .check-elem { position: relative; opacity: 1; } .check-elem__input { position: absolute; width: 0; height: 0; opacity: 0; } .check-elem__input[type='radio'] + .check-elem__label:before { border-radius: 50%; } .check-elem__input[type='radio'] + .check-elem__label:after { top: 50%; left: 6px; width: 8px; height: 8px; margin: 0; background: #fff; border: none; border-radius: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .check-elem__input:hover:not(:disabled) + .check-elem__label:before { border-color: #d91546; } .check-elem__input:focus + .check-elem__label:before { border-color: #d91546; } .check-elem__input:checked + .check-elem__label:before { background-color: #d91546; border-color: #d91546; } .check-elem__input:checked + .check-elem__label:after { opacity: 1; } .check-elem__input:disabled + .check-elem__label { cursor: not-allowed; opacity: 0.5; } .check-elem__input_state_error + .check-elem__label:before { border-color: #d00101; } .check-elem__label { position: relative; display: inline-block; min-height: 20px; padding: 0 0 0 31px; font-size: inherit; line-height: inherit; } .check-elem__label:before { content: ''; position: absolute; top: 50%; left: 0; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20px; height: 20px; background: transparent; border: 1px solid #888; border-radius: 3px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: background, border-color; transition-property: background, border-color; } .check-elem__label:after { content: ''; position: absolute; top: 50%; left: 7px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8px; height: 4px; margin: -2px 0 0; border-left: 1px solid #fff; border-bottom: 1px solid #fff; opacity: 0; -webkit-transform: translate(0, -50%) skew(40deg, -50deg); transform: translate(0, -50%) skew(40deg, -50deg); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .check-elem_style_dark .check-elem__input:hover:not(:disabled) + .check-elem__label:before { border-color: #3c3c3c; } .check-elem_style_dark .check-elem__input:focus + .check-elem__label:before { border-color: #3c3c3c; } .check-elem_style_dark .check-elem__input:checked + .check-elem__label:before { background-color: #3c3c3c; border-color: #3c3c3c; } .check-group { display: block; overflow: hidden; } .check-group__items { display: block; margin: -5px; font-size: 0; } .check-group__item { display: inline-block; vertical-align: middle; padding: 5px; } .check-group__label { position: relative; display: block; cursor: pointer; } .check-group__input { position: absolute; top: 50%; left: 50%; display: block; opacity: 0.0001; -webkit-transform: scale(0.0001); transform: scale(0.0001); } .check-group__input:checked + .check-group__text { color: #fff; background: #d91546; } .check-group__text { display: block; min-width: 40px; height: 40px; padding: 0 5px; color: #000; font-size: 18px; line-height: 40px; text-align: center; background: #f7f7f7; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .city-filter { display: block; } .city-filter__controls { display: block; margin: 0 0 10px; } .city-filter__controls:last-child { margin-bottom: 0; } .city-filter__control-item { position: relative; display: inline-block; vertical-align: middle; margin: 0 18px 0 0; } .city-filter__control-item:last-child { margin-right: 0; } .city-filter__control { position: relative; display: block; height: auto; padding: 0 13px 0 0; color: #000; font-size: 18px; line-height: 30px; text-decoration: none; text-align: left; background: transparent; border: none; outline: none; } .city-filter__control-clear { position: absolute; top: 50%; right: 0; z-index: 10; display: block; width: 8px; height: 8px; font-size: 0; text-decoration: none; text-align: left; background: transparent; border: none; outline: none; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .city-filter__control-clear:before, .city-filter__control-clear:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 10px; height: 1px; background: #686868; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .city-filter__control-clear:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .city-filter__input-wrapper { margin: 0 0 18px; } .city-filter__input-wrapper:last-child { margin-bottom: 0; } .city-filter__input { display: block; width: 100%; height: 50px; margin: 0; padding: 14px 16px; color: #000; font-size: 18px; line-height: 20px; cursor: pointer; background: transparent; border: 1px solid #979797; border-radius: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, border-color; transition-property: color, border-color; } .city-filter__input::-webkit-input-placeholder { color: #979797; font-size: 18px; } .city-filter__input:-ms-input-placeholder { color: #979797; font-size: 18px; } .city-filter__input::-moz-placeholder { color: #979797; font-size: 18px; opacity: 1; } .city-filter__input::-ms-input-placeholder { color: #979797; font-size: 18px; opacity: 1; } .city-filter__input::placeholder { color: #979797; font-size: 18px; opacity: 1; } .city-filter__input:disabled { resize: none; cursor: not-allowed; opacity: 0.5; } .city-filter__input:hover { border-color: #000; } .city-filter__input:focus { color: #000; border-color: #d91546; } .city-filter__link { position: relative; display: block; padding: 0 0 0 32px; color: #000; font-size: 18px; line-height: 30px; text-decoration: none; } .city-filter__link-icon { position: absolute; top: 50%; left: 0; z-index: 1; display: block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .city-filter__icon { display: block; width: 20px; height: 20px; fill: #3c3c3c; } .contact-address { display: block; } .contact-address__illustration { display: block; margin: 0 -20px 37px; } @media only screen and (min-width: 480px) { .contact-address__illustration { max-height: 300px; margin: 0 0 28px; } } .contact-address__illustration:last-child { margin-bottom: 0; } .contact-address__image { display: block; width: 100%; max-width: 100%; margin: 0; padding: 0; } @media only screen and (min-width: 480px) { .contact-address__image { width: auto; max-height: 100%; } } .contact-address__title { display: block; margin: 0 0 28px; font-family: Lora, serif; font-size: 30px; font-weight: 500; text-align: center; line-height: 38px; } @media only screen and (min-width: 480px) { .contact-address__title { text-align: left; } } .contact-address__title:last-child { margin-bottom: 0; } .contact-address__info { display: block; margin: 0 0 42px; } .contact-address__info:last-child { margin-bottom: 0; } .contact-address__link { color: inherit; font-weight: 700; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .contact-address__link:hover { color: #d91546; text-decoration: none; } .contact-address__controls { display: block; margin: 0 0 28px; font-size: 0; } .contact-address__controls:last-child { margin-bottom: 0; } .contact-address__control { display: block; margin: 0 0 20px; } @media only screen and (min-width: 768px) { .contact-address__control { display: inline-block; vertical-align: middle; min-width: 220px; margin: 0 20px 0 0; } } .contact-address__control:last-child { margin: 0; } .contact-form { display: block; } .contact-form__addresses { display: block; padding: 0 0 68px; } @media only screen and (min-width: 768px) { .contact-form__addresses { max-width: 335px; padding: 0; } } .contact-form__header { margin: 0 0 21px; } @media only screen and (min-width: 768px) { .contact-form__header { margin: 0 0 26px; } } .contact-form__header:last-child { margin-bottom: 0; } .contact-form__title { margin: 0 0 12px; } @media only screen and (min-width: 768px) { .contact-form__title { margin: 0 0 21px; } } .contact-form__title:last-child { margin-bottom: 0; } .contact-form__note { margin: 0 0 10px; font-size: 14px; } .contact-form__note:last-child { margin-bottom: 0; } @media only screen and (min-width: 1025px) { .contact-form__inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -6px; } } .contact-form__input { display: block; } @media only screen and (min-width: 1025px) { .contact-form__input { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; width: 50%; max-width: 100%; padding: 0 6px; } } @media only screen and (min-width: 768px) { .contact-form__control { max-width: 240px; } } .documentation { display: block; } .documentation__showcase { display: block; width: 100%; margin: 0 0 30px; padding: 50px; background: #eef; border: 1px solid #88f; border-radius: 4px; -webkit-box-shadow: inset 0 0 10px #bbf; box-shadow: inset 0 0 10px #bbf; } .documentation__showcase:last-child { margin-bottom: 0; } .documentation__code { display: block; width: 100%; margin: 0 0 30px; padding: 10px; color: #fff; font-family: monospace, monospace; font-size: 16px; line-height: 1.2; background: #222; border: 4px solid #545454; border-radius: 4px; } .documentation__code:last-child { margin-bottom: 0; } .documentation__code-row { display: block; } .documentation__code-level { display: block; padding: 0 0 0 1em; } .documentation__punctuation { color: #fff; } .documentation__string { color: #e6db74; } .documentation__element { color: #a6e22d; } .documentation__number { color: #ae81ff; } .documentation__operator { color: #f92672; } .documentation__keyword { color: #66d9ef; } .documentation__code-snippet { padding: 1px; font-family: monospace, monospace; background: #c6c6c6; border-radius: 2px; } .documentation__code-snippet[href] { color: inherit; font-style: italic; text-decoration: none; outline: none; -webkit-transition: background-color 0.1s ease; transition: background-color 0.1s ease; } .documentation__code-snippet[href]:hover, .documentation__code-snippet[href]:active, .documentation__code-snippet[href]:focus { color: inherit; text-decoration: none; background: #d6d6d6; } .documentation__asterisk { vertical-align: top; color: #ef5350; } .dropdown-content { display: block; padding: 20px; color: #000; font-size: 16px; background: #fff; } @media only screen and (min-width: 1025px) { .dropdown-content { min-width: 400px; } } .dropdown-content__section { margin: 0 0 25px; } .dropdown-content__section:last-child { margin-bottom: 0; } .dropdown-content__title { display: block; margin: 0 0 15px; font-weight: 700; } .dropdown-content__title:last-child { margin-bottom: 0; } .dropdown-content__check-group { display: block; max-height: 200px; overflow: auto; } .dropdown-content__check-item { margin: 0 0 10px; } .dropdown-content__check-item:last-child { margin-bottom: 0; } .entry-list { display: block; overflow: hidden; } .entry-list__items { margin: 0; padding: 0; list-style: none; } @media only screen and (min-width: 480px) { .entry-list__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } } @media only screen and (min-width: 768px) { .entry-list__items { margin: 0 -15px; } } .entry-list__item { display: block; margin: 0 0 20px; } .entry-list__item:last-child { margin-bottom: 0; } @media only screen and (min-width: 480px) { .entry-list__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: 50%; margin: 0; padding: 10px; } } @media only screen and (min-width: 768px) { .entry-list__item { -ms-flex-preferred-size: 33.3333333%; flex-basis: 33.3333333%; width: 33.3333333%; max-width: 33.3333333%; padding: 15px; } } @media only screen and (min-width: 1025px) { .entry-list__item { -ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%; max-width: 25%; } } .entry-list__item-wrapper { height: 100%; } .entry-panel { display: block; color: #fff; text-decoration: none; } @media only screen and (min-width: 1025px) { .entry-panel:hover .entry-panel__wrapper:before { opacity: 0.5; } } @media only screen and (min-width: 1025px) { .entry-panel:hover .entry-panel__content { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .entry-panel__wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; background: #999; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .entry-panel__wrapper:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background: #000; opacity: 0.5; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media only screen and (min-width: 1025px) { .entry-panel__wrapper:before { opacity: 0; } } .entry-panel__content { position: relative; z-index: 5; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 5px; text-align: center; -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } @media only screen and (min-width: 1025px) { .entry-panel__content { padding: 25px 15px 15px; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); opacity: 0; } } .entry-panel__label { display: block; margin: 0 0 5px; font-size: 18px; font-weight: 700; letter-spacing: -1px; } .entry-panel__label:last-child { margin-bottom: 0; } .entry-panel__title { display: block; margin: 0 0 20px; font-family: Lora, serif; font-size: 20px; font-weight: 400; line-height: 21px; word-break: break-word; } @media only screen and (min-width: 1025px) { .entry-panel__title { font-size: 42px; font-weight: 500; line-height: 54px; } } .entry-panel__title:last-child { margin-bottom: 0; } .entry-snippet { position: relative; display: block; color: #000; text-decoration: none; } @media only screen and (min-width: 768px) { .entry-snippet { color: #fff; } } @media only screen and (min-width: 768px) { .entry-snippet:hover .entry-snippet__wrapper:before { opacity: 0; } } @media only screen and (min-width: 768px) { .entry-snippet:hover .entry-snippet__wrapper:after { opacity: 0.5; } } .entry-snippet__wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; background: #999; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .entry-snippet__wrapper:before { content: ''; display: block; width: 100%; padding: 50% 0 0; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.3))); background: linear-gradient(transparent, rgba(0,0,0,0.3)); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media only screen and (min-width: 768px) { .entry-snippet__wrapper:before { position: absolute; top: 0; left: 0; z-index: 1; height: 100%; padding: 0; } } .entry-snippet__wrapper:after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: none; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media only screen and (min-width: 768px) { .entry-snippet__wrapper:after { display: block; } } .entry-snippet__content { position: relative; z-index: 5; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0; padding: 31px 20px 22px; background: #fff; } @media only screen and (min-width: 768px) { .entry-snippet__content { position: static; padding: 40px 21px 18px; background: transparent; } } .entry-snippet__label { position: absolute; top: 0; left: 0; display: block; max-width: 60%; padding: 4px 20px; font-size: 16px; line-height: 1.53; text-align: right; } @media only screen and (min-width: 768px) { .entry-snippet__label { position: static; max-width: none; margin: 0 0 8px; padding: 0; text-align: left; } } .entry-snippet__label:last-child { margin-bottom: 0; } .entry-snippet__title { display: block; max-width: 240px; margin: 0 0 8px; font-family: Lora, serif; font-size: 18px; line-height: 1.3; } .entry-snippet__title:last-child { margin-bottom: 0; } .entry-snippet__date { position: absolute; top: 0; right: 0; z-index: 5; display: block; max-width: 40%; padding: 4px 20px; font-size: 16px; font-weight: 300; line-height: 1.53; } @media only screen and (min-width: 768px) { .entry-snippet__date { right: auto; left: 0; max-width: none; padding: 7px 21px; } } .example { display: block; } .example__title { margin: 0 0 25px; font-size: 25px; font-weight: 700; } .example__title:last-child { margin-bottom: 0; } .example__group { margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1px dashed #e8e8e8; } .example__group:last-child { margin-bottom: 0; border-bottom: none; } .example__description { margin: 0 0 20px; color: #000; font-size: 16px; line-height: 1.6; } .example__description:last-child { margin-bottom: 0; } .example__source { margin: 0 0 20px; padding: 10px; font-size: 14px; line-height: 1.4; background: #fbfbfb; border: 1px solid #e8e8e8; } .example__source:last-child { margin-bottom: 0; } .example__source .hljs { padding: 5px 10px; background: transparent; } .example__source .hljs-ln-numbers { padding: 0 5px 0 0; color: #e8e8e8; } .example__source_border_none { border: none; } .example__source_border_top { border: none; border-top: 1px solid #e8e8e8; } .example__source_border_right { border: none; border-right: 1px solid #e8e8e8; } .example__source_border_bottom { border: none; border-bottom: 1px solid #e8e8e8; } .example__source_border_left { border: none; border-left: 1px solid #e8e8e8; } .example__result { padding: 10px; background: #fbfbfb; border: 1px solid #e8e8e8; } .example__result_border_none { border: none; } .example__result_border_top { border: none; border-top: 1px solid #e8e8e8; } .example__result_border_right { border: none; border-right: 1px solid #e8e8e8; } .example__result_border_bottom { border: none; border-bottom: 1px solid #e8e8e8; } .example__result_border_left { border: none; border-left: 1px solid #e8e8e8; } .example__tabs { margin: 0 0 20px; } .example__tabs:last-child { margin-bottom: 0; } .fancybox-content { padding: 20px 30px; } .fancybox-slide { padding: 40px 10px; } .fancybox-can-swipe .fancybox-content { cursor: default; } .fancybox-is-open .fancybox-bg { background: #000; opacity: 0.3; } .filter-form { display: block; } .filter-form__main { display: block; margin: 0 0 53px; } @media only screen and (min-width: 768px) { .filter-form__main { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px 53px; } } @media only screen and (min-width: 1025px) { .filter-form__main { margin: 0 0 46px; } } .filter-form__main:last-child { margin-bottom: 0; } .filter-form__section { display: block; margin: 0 0 32px; } @media only screen and (min-width: 768px) { .filter-form__section { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: auto; max-width: 100%; margin: 0 0 10px; padding: 0 10px; } } .filter-form__section:last-child { margin-bottom: 0; } .filter-form__title { display: block; margin: 0 0 17px; font-size: 18px; line-height: 1.33; } @media only screen and (min-width: 1025px) { .filter-form__title { margin: 0 0 16px; } } .filter-form__title:last-child { margin-bottom: 0; } .filter-form__control { display: block; } @media only screen and (min-width: 768px) { .filter-form__control { display: inline-block; vertical-align: middle; min-width: 240px; } } .filter { position: relative; display: block; color: #000; } .filter__header { display: block; width: 100%; height: 50px; padding: 13px 18px 14px; color: #000; font-size: 18px; text-decoration: none; text-align: left; line-height: 1.3; cursor: pointer; background: transparent; border: 1px solid #dedede; border-radius: 0; outline: none; -moz-appearance: textfield; } @media only screen and (min-width: 1025px) { .filter__header { width: 92px; padding: 13px 0 14px; color: #fff; border: none; } } .filter__body { position: absolute; top: 100%; left: 0; z-index: 150; display: none; width: 100%; background: #fff; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); } @media only screen and (min-width: 1025px) { .filter__body { width: auto; -webkit-transform: translate(-17px, 11px); transform: translate(-17px, 11px); } } .filter__city-filter { padding: 14px 30px 22px 26px; } @media only screen and (min-width: 1025px) { .filter__city-filter { white-space: nowrap; } } .filter__range { padding: 28px 28px 19px 26px; } @media only screen and (min-width: 1025px) { .filter__range { white-space: nowrap; } } @media only screen and (max-width: 767px) { .filter__range .range__line { display: block; } } @media only screen and (max-width: 767px) { .filter__range .range__line:last-child { margin-bottom: 0; } } @media only screen and (max-width: 767px) { .filter__range .range__input { width: 100%; } } .filter__check-group { padding: 33px 20px 37px; } @media only screen and (min-width: 1025px) { .filter__check-group { white-space: nowrap; } } .filter__simple-check-group { padding: 24px 0 10px 15px; } @media only screen and (min-width: 1025px) { .filter__simple-check-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 510px; white-space: nowrap; } } .filter__check-item { display: block; padding: 0 15px 16px 0; } @media only screen and (min-width: 1025px) { .filter__check-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; } } .filter__check { display: block; } .filter_state_open .filter__body { display: block; } @media only screen and (min-width: 1025px) { .filter_size_small .filter__header { width: 63px; } } .filter_style_parent .filter__header { position: relative; padding: 13px 57px 14px 16px; } @media only screen and (min-width: 1025px) { .filter_style_parent .filter__header { width: 100%; padding: 13px 20px 14px 0; } } .filter_style_parent .filter__header:after { content: ''; position: absolute; top: 50%; right: 28px; display: block; width: 0; height: 0; padding: 0; border-color: currentColor transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } @media only screen and (min-width: 1025px) { .filter_style_parent .filter__header:after { right: 0; } } .footer { display: block; color: #fff; background: #3c3c3c; } .footer__main { display: block; padding: 20px; } @media only screen and (min-width: 1025px) { .footer__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; max-width: 1340px; margin: 0 auto; padding: 10px 20px; } } .footer__logo { display: none; } @media only screen and (min-width: 1025px) { .footer__logo { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; max-width: 100px; margin: 0 auto 0 0; padding: 0 28px 0 0; } } @media only screen and (min-width: 1025px) { .footer__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; max-width: 1108px; padding: 5px 0; } } .footer__copyright { display: block; font-size: 14px; line-height: 28px; } @media only screen and (min-width: 1025px) { .footer__copyright { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: auto; line-height: 18px; } } .footer__nav { display: block; } @media only screen and (min-width: 1025px) { .footer__nav { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; padding: 0 50px; } } .footer__link-group { display: block; } @media only screen and (min-width: 1025px) { .footer__link-group { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; margin: 0 0 0 auto; } } .footer__links { display: block; font-size: 0; } .footer__links_type_compact .footer__link-item { position: relative; display: inline-block; vertical-align: middle; margin: 0 4px 0 0; padding: 0 5px 0 0; } .footer__links_type_compact .footer__link-item:last-child { margin-right: 0; padding-right: 0; } .footer__links_type_compact .footer__link-item:last-child:after { display: none; } .footer__links_type_compact .footer__link-item:after { content: ''; position: absolute; top: 50%; right: 0; z-index: 1; display: block; width: 1px; height: 14px; background: currentColor; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .footer__link-item { display: block; } @media only screen and (min-width: 1025px) { .footer__link-item { display: inline-block; vertical-align: middle; margin: 0 50px 0 0; } } @media only screen and (min-width: 1025px) { .footer__link-item:last-child { margin-right: 0; } } .footer__link { color: inherit; font-size: 14px; line-height: 28px; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media only screen and (min-width: 1025px) { .footer__link { line-height: 18px; } } .footer__link:hover, .footer__link:active, .footer__link:focus { color: #d91546; text-decoration: none; } .footer__mobile-menu { display: block; margin: 0 0 13px; } @media only screen and (min-width: 1025px) { .footer__mobile-menu { display: none; } } .footer__mobile-menu:last-child { margin-bottom: 0; } .footer__info { display: none; width: 100%; max-width: 1240px; margin: 0 auto; padding: 14px 20px; color: #7d7d7d; font-size: 14px; line-height: 18px; } @media only screen and (min-width: 1025px) { .footer__info-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media only screen and (min-width: 1025px) { .footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .footer__social-label { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; margin: 0 15px 0 0; } .footer__social-label:last-child { margin-right: 0; } .footer__social-nav { display: block; width: auto; padding: 15px 0 0; } @media only screen and (min-width: 1025px) { .footer__social-nav { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 6px 8px; } } .footer__address-group { display: block; width: auto; padding: 20px 0 0; } @media only screen and (min-width: 1025px) { .footer__address-group { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 0 0 0 20px; } } .footer__address-group:first-child { padding: 0; } .footer__address-item { display: block; margin: 0 0 10px; } @media only screen and (min-width: 1025px) { .footer__address-item { display: inline-block; vertical-align: top; width: auto; max-width: 173px; margin: 0 36px 0 0; } } .footer__address-item:last-child { margin: 0; } .form { display: block; } .form__main { display: block; } .form__message { display: none; font-family: Lora, serif; font-size: 22px; line-height: 1.2; } .form__inputs { display: block; margin: 0 0 10px; } .form__inputs:last-child { margin-bottom: 0; } .form__line { position: relative; display: block; padding: 0 0 22px; -webkit-transition: padding 0.3s ease; transition: padding 0.3s ease; } .form__line_type_required .form__label:after { content: '*'; display: inline; margin: 0 0 0 4px; color: inherit; font-size: 15px; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .form__line_type_labeled { padding: 0 0 17px; } .form__line_type_labeled .form__input, .form__line_type_labeled .form__select, .form__line_type_labeled .form__textarea { color: #b7b7b7; border: 1px solid #979797; } .form__line_type_labeled .form__input::-webkit-input-placeholder, .form__line_type_labeled .form__select::-webkit-input-placeholder, .form__line_type_labeled .form__textarea::-webkit-input-placeholder { color: transparent; font-size: 18px; } .form__line_type_labeled .form__input:-ms-input-placeholder, .form__line_type_labeled .form__select:-ms-input-placeholder, .form__line_type_labeled .form__textarea:-ms-input-placeholder { color: transparent; font-size: 18px; } .form__line_type_labeled .form__input::-moz-placeholder, .form__line_type_labeled .form__select::-moz-placeholder, .form__line_type_labeled .form__textarea::-moz-placeholder { color: transparent; font-size: 18px; opacity: 1; } .form__line_type_labeled .form__input::-ms-input-placeholder, .form__line_type_labeled .form__select::-ms-input-placeholder, .form__line_type_labeled .form__textarea::-ms-input-placeholder { color: transparent; font-size: 18px; opacity: 1; } .form__line_type_labeled .form__input::placeholder, .form__line_type_labeled .form__select::placeholder, .form__line_type_labeled .form__textarea::placeholder { color: transparent; font-size: 18px; opacity: 1; } .form__line_state_error .form__input, .form__line_state_error .form__select, .form__line_state_error .form__textarea { border-color: #d91546; } .form__line_state_error .check-elem__label:before { border: 1px solid #d91546; } .form__line_offset_small { padding: 0 0 12px; } .form__label { display: block; width: 100%; padding: 0 0 3px; color: #000; font-size: 14px; line-height: 20px; pointer-events: none; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: padding, font-size, line-height; transition-property: padding, font-size, line-height; } .form__field-wrapper { position: relative; display: block; } .form__input, .form__select, .form__textarea { display: block; width: 100%; height: 50px; margin: 0; padding: 14px 16px; color: #000; font-size: 18px; line-height: 20px; cursor: pointer; background: transparent; border: 1px solid #979797; border-radius: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, border-color; transition-property: color, border-color; } .form__input::-webkit-input-placeholder, .form__select::-webkit-input-placeholder, .form__textarea::-webkit-input-placeholder { color: #000; font-size: 18px; } .form__input:-ms-input-placeholder, .form__select:-ms-input-placeholder, .form__textarea:-ms-input-placeholder { color: #000; font-size: 18px; } .form__input::-moz-placeholder, .form__select::-moz-placeholder, .form__textarea::-moz-placeholder { color: #000; font-size: 18px; opacity: 1; } .form__input::-ms-input-placeholder, .form__select::-ms-input-placeholder, .form__textarea::-ms-input-placeholder { color: #000; font-size: 18px; opacity: 1; } .form__input::placeholder, .form__select::placeholder, .form__textarea::placeholder { color: #000; font-size: 18px; opacity: 1; } .form__input:disabled, .form__select:disabled, .form__textarea:disabled { resize: none; cursor: not-allowed; opacity: 0.5; } .form__input:hover, .form__select:hover, .form__textarea:hover { border-color: #000; } .form__input:focus, .form__select:focus, .form__textarea:focus { color: #000; border-color: #000; } .form__input_type_complex-phone { padding-left: 71px; } .form__textarea { resize: vertical; height: 200px; min-height: 50px; } .form__check-group { display: block; } @media only screen and (min-width: 768px) { .form__check-group_style_inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form__check-group_style_inline .form__check-item { display: inline-block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 30px 0 0; } .form__check-group_style_inline .form__check-item:last-child { margin-right: 0; } } .form__check-group_height_normalize { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 50px; } .form__check-group_height_normalize .form__check-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .form__check-item { display: block; margin: 0 0 16px; font-size: 14px; line-height: 18px; } .form__check-item:last-child { margin-bottom: 0; } .form__select2_state_error + .select2-container .select2-selection { border-color: #d00101 !important; } .form__select2_state_valid + .select2-container .select2-selection { border-color: #3cd9ff !important; } .form__select { padding: 0 11px; } .form__select:invalid { color: #999; } .form__option { color: #000; font-size: 18px; } .form__phone-code { position: absolute; top: 0; left: 17px; z-index: 10; display: block; width: 50px; } .form__submit { padding: 3px 0 0; } .form__link { display: block; padding: 8px 0 0; font-size: 14px; line-height: 20px; } .form__notes { margin: 0 0 25px; line-height: 18px; } .form__notes:last-child { margin-bottom: 0; } .form__note { display: block; padding: 10px 0 0; font-size: 14px; } .form__note_align_left { text-align: left; } .form__note_align_center { text-align: center; } .form__note_align_right { text-align: right; } .form__note_style_dimmed { color: #979797; } .form_state_success .form__main { display: none; } .form_state_success .form__message { display: block; } .gallery-carousel { display: block; } .gallery-carousel__container { padding: 0 0 19px; } @media only screen and (min-width: 1025px) { .gallery-carousel__container { padding: 0 0 25px; } } .gallery-carousel__slide { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; height: 166px; } @media only screen and (min-width: 768px) { .gallery-carousel__slide { height: 300px; } } @media only screen and (min-width: 1025px) { .gallery-carousel__slide { height: 599px; } } .gallery-carousel__illustration { display: block; height: 100%; max-height: 100%; color: inherit; text-decoration: none; } .gallery-carousel__image { display: block; height: 100%; max-height: 100%; } .gallery-carousel__navigation { position: absolute; left: 0; bottom: 0; z-index: 10; display: block; width: 100%; } .gallery-carousel__navigation .gallery-carousel__scrollbar { position: static; width: 100%; height: 4px; background: #f7f7f7; border-radius: 2px; } .gallery-carousel__navigation .gallery-carousel__dragger { position: relative; height: 100%; cursor: pointer; background: #3c3c3c; border-radius: inherit; } .header { position: relative; display: block; } .header__main { display: none; } @media only screen and (min-width: 1025px) { .header__main { display: block; width: 100%; max-width: 1306px; margin: 0 auto; padding: 16px 20px 9px; } } .header__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header__triggers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: auto; margin: 0 -17px; } .header__trigger { position: relative; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; padding: 0 17px; } .header__trigger:after { content: ''; position: absolute; top: 50%; right: 0; z-index: 1; display: block; width: 1px; height: 30px; background: currentColor; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .header__trigger:last-child:after { display: none; } .header__search { display: block; fill: currentColor; color: inherit; font-size: 0; text-decoration: none; background: transparent; border: none; outline: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .header__search:hover, .header__search:active, .header__search:focus { color: #d91546; text-decoration: none; } .header__search-icon { display: block; width: 21px; height: 21px; fill: inherit; } .header__logo { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; margin: 0 0 0 auto; padding: 0 45px; } .header__contacts { display: block; -ms-flex-item-align: end; align-self: flex-end; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; margin: 0 0 -9px; padding: 0 30px; } .header__lang-nav { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; padding: 0 60px; } .header__icon-group { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .header__nav { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 1188px; margin: 18px auto 0; border-top: 1px solid #5f5f5f; } .header__mobile-menu { display: block; } @media only screen and (min-width: 1025px) { .header__mobile-menu { display: none; } } .header_style_fade:before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; display: block; width: 100%; height: 120px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0.933)), color-stop(90%, rgba(255,255,255,0.133)), to(transparent)); background-image: linear-gradient(rgba(255,255,255,0.933) 0, rgba(255,255,255,0.133) 90%, transparent 100%); } @media only screen and (min-width: 1025px) { .header_style_fade:before { height: 240px; } } .header_style_fade-l:before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; display: block; width: 100%; height: 120px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(50%, rgba(255,255,255,0.667)), to(transparent)); background-image: linear-gradient(#fff 0, rgba(255,255,255,0.667) 50%, transparent 100%); } @media only screen and (min-width: 1025px) { .header_style_fade-l:before { height: 240px; } } .highlight-map-list { display: block; padding: 20px; font-family: Lora, serif; } @media only screen and (min-width: 768px) { .highlight-map-list { padding: 25px; } } .highlight-map-list__wrapper { display: block; max-width: 462px; margin: 0 auto; } .highlight-map-list__title { display: block; margin: 0 0 19px; } @media only screen and (min-width: 768px) { .highlight-map-list__title { margin: 0 0 26px; } } .highlight-map-list__title:last-child { margin-bottom: 0; } .highlight-map-list__main { display: block; margin: 0; padding: 0 0 0 51px; list-style: none; } .highlight-map-list__countries { display: none; margin: 0; padding: 0 0 0 51px; list-style: none; } .highlight-map-list__sub { display: block; margin: 0; padding: 7px 0; list-style: none; } .highlight-map-list__sub .highlight-map-list__item { font-size: 20px; font-weight: 400; } .highlight-map-list__sub .highlight-map-list__item:before { height: 1px; } .highlight-map-list__sub .highlight-map-list__sub { padding: 10px 0; } .highlight-map-list__sub .highlight-map-list__sub .highlight-map-list__item { font-family: 'Source Sans Pro', sans-serif; font-size: 18px; } .highlight-map-list__sub .highlight-map-list__sub .highlight-map-list__item:before { display: none; } .highlight-map-list__item { position: relative; display: block; margin: 0; padding: 0; font-size: 22px; font-weight: 700; } .highlight-map-list__item:before { content: ''; position: absolute; top: 0.8em; left: -51px; z-index: 1; display: block; width: 40px; height: 2px; background: currentColor; -webkit-transform: translate(0, -1px); transform: translate(0, -1px); } .highlight-map-list__label { display: block; } .highlight-map-list__label:last-child { margin-bottom: 0; } .highlight-map-list__link { color: #000; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .highlight-map-list__link:hover { color: #d91546; text-decoration: none; } .highlight-map-list__link_state_active { color: #d91546; } .highlight-map-list_state_country-selection .highlight-map-list__main { display: none; } .highlight-map-list_state_country-selection .highlight-map-list__countries { display: block; } .highlight-map { display: block; min-height: 100%; padding: 35px 20px 0; } @media only screen and (min-width: 768px) { .highlight-map { padding: 38px 20px 27px 83px; background: #f7f7f7; } } .highlight-map__wrapper { display: block; max-width: 506px; margin: 0 auto; } .highlight-map__world-wrapper { display: none; } .highlight-map__world-wrapper .highlight-map__illustration { max-width: 100%; } .highlight-map__world-wrapper .highlight-map__info { max-width: 506px; margin: 0 auto; } .highlight-map__illustration { display: none; } @media only screen and (min-width: 768px) { .highlight-map__illustration { display: block; max-width: 457px; margin: 0 auto; } } .highlight-map__illustration svg { max-width: 100%; } .highlight-map__area { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: stroke, fill; transition-property: stroke, fill; } .highlight-map__area.highlight-map__area_state_active { stroke: #d91546; fill: #d91546; cursor: pointer; } .highlight-map__info { font-family: Lora, serif; font-size: 38px; line-height: 42px; } @media only screen and (min-width: 768px) { .highlight-map__info { font-size: 56px; line-height: 65px; } } .highlight-map__title { display: block; margin: 0 0 13px; color: #000; } @media only screen and (min-width: 768px) { .highlight-map__title { margin: 0 0 16px; } } .highlight-map__title:last-child { margin-bottom: 0; } .highlight-map__label { display: block; color: #000; padding: 14px 0 0; border-top: 1px solid #000; } @media only screen and (min-width: 768px) { .highlight-map__label { display: inline-block; vertical-align: baseline; padding: 10px 0 0; } } .highlight-map__link { color: rgba(60,60,60,0.2); text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .highlight-map__link:hover { color: #d91546; } .highlight-map__link:first-child { padding-top: 0; border-top: none; } .highlight-map_state_country-selection .highlight-map__wrapper { display: none; } .highlight-map_state_country-selection .highlight-map__world-wrapper { display: block; } .highlight { color: #d91546; } .icon-group { display: block; overflow: hidden; } .icon-group__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px -9px; padding: 0; list-style: none; } .icon-group__item { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; padding: 5px 9px; } .icon-group__link { display: block; fill: currentColor; color: inherit; font-size: 0; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .icon-group__link:hover, .icon-group__link:active, .icon-group__link:focus { color: #d91546; text-decoration: none; } .icon-group__link_size_small .icon-group__icon { width: 15px; height: 19px; } .icon-group__icon-wrapper { display: block; } .icon-group__icon { display: block; width: 28px; height: 28px; fill: inherit; } .image-panel { position: relative; z-index: 1; display: block; color: #fff; background-color: #999; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .image-panel:before { content: ''; display: block; width: 100%; height: auto; padding: 100% 0 0; } @media only screen and (min-width: 768px) { .image-panel:before { padding: 710px 0 0; } } .image-panel__wrapper { position: absolute; left: 0; bottom: 0; z-index: 1; display: block; width: 100%; padding: 16px 12px; } @media only screen and (min-width: 768px) { .image-panel__wrapper { padding: 29px 42px; } } .image-panel__title { display: block; margin: 0 0 8px; padding: 0 0 17px; font-family: Lora, serif; font-size: 38px; line-height: 49px; } @media only screen and (min-width: 1025px) { .image-panel__title { margin: 0 0 5px; font-size: 56px; line-height: 65px; } } .image-panel__title:last-child { margin-bottom: 0; } .image-panel__controls { display: block; font-size: 0; } .image-panel__control { display: inline-block; vertical-align: middle; min-width: 140px; margin: 0 20px 0 0; } .image-panel__control:last-child { margin-right: 0; } .image-panel__social-nav { position: absolute; right: 0; bottom: 13px; z-index: 5; } @media only screen and (min-width: 768px) { .image-panel__social-nav { right: 13px; bottom: 15px; } } .image-panel_size_m:before { padding-top: 88.4375%; } @media only screen and (min-width: 768px) { .image-panel_size_m:before { padding-top: 630px; } } .image-panel_size_l:before { padding-top: 107%; } @media only screen and (min-width: 768px) { .image-panel_size_l:before { padding-top: 775px; } } .image-panel_style_dark { color: #000; background-color: #fff; } .image-panel_type_shifted .image-panel__wrapper { top: -41px; bottom: auto; } @media only screen and (min-width: 1025px) { .image-panel_type_shifted .image-panel__wrapper { top: auto; bottom: 0; margin: 0 0 0 -115px; } } @media only screen and (max-width: 1024px) { .image-panel_type_shifted .image-panel__wrapper { padding-bottom: 50px; background-image: linear-gradient(transparent 0, transparent 41px, #effaff 41px, transparent 100%); } } .image-panel_type_shifted .image-panel__title { font-weight: 500; } @media only screen and (max-width: 1024px) { .image-panel_style_no-fade .image-panel__wrapper { background-image: none; } } .info-block { display: block; position: relative; padding: 41px 0 0; } @media only screen and (min-width: 1025px) { .info-block { padding: 55px 0 0; } } .info-block__illustration { display: block; width: 100%; } .info-block__image { display: block; width: 100%; height: auto; margin: 0; padding: 0; } @media only screen and (min-width: 1025px) { .info-block__image { width: auto; max-width: 720px; } } .info-block__title { position: absolute; top: 0; left: 0; z-index: 5; display: block; width: 100%; padding: 0 0 82px 15px; color: #000; background-image: linear-gradient(transparent 0, transparent 41px, #effaff 41px, transparent 100%); } @media only screen and (min-width: 1025px) { .info-block__title { padding: 0 0 92px 15px; background-image: linear-gradient(transparent 0, transparent 55px, #effaff 55px, transparent 100%); } } .info-block__subtitle { display: block; margin: 0 0 5px; font-weight: 700; } .info-block__subtitle:last-child { margin-bottom: 0; } .info-block__content { display: block; padding: 35px 20px 42px; background: #f7f7f7; } @media only screen and (min-width: 1025px) { .info-block__content { padding: 31px 30px 56px 40px; } } .info-block__control { position: absolute; right: 21px; bottom: 29px; z-index: 5; display: block; } .info-block__button { position: relative; display: inline-block; vertical-align: middle; width: 44px; height: 44px; color: #3c3c3c; font-size: 0; text-decoration: none; background: #f7f7f7; border: none; border-radius: 50%; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, background, opacity; transition-property: color, background, opacity; } .info-block__button:last-child { margin-right: 0; } .info-block__button:hover { color: #3c3c3c; background: #f7f7f7; opacity: 0.8; } .info-block__button:before, .info-block__button:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; border-top: 2px solid currentColor; } .info-block__button:before { width: 20px; height: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .info-block__button:after { width: 8px; height: 8px; border-right: 2px solid currentColor; -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); } .info-block_type_panel { overflow: hidden; position: relative; width: 100%; } @media only screen and (min-width: 1025px) { .info-block_type_panel { width: 335px; } } .info-block_type_panel .info-block__illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 100% 0 0; } .info-block_type_panel .info-block__illustration:after { content: ''; position: absolute; top: 41px; right: 0; left: 0; bottom: 0; z-index: 1; display: block; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.4))); background: linear-gradient(transparent, rgba(0,0,0,0.4)); } @media only screen and (min-width: 1025px) { .info-block_type_panel .info-block__illustration:after { top: 55px; } } .info-block_type_panel .info-block__image { position: absolute; top: 41px; left: 0; z-index: 1; width: 100%; max-width: none; } @media only screen and (min-width: 1025px) { .info-block_type_panel .info-block__image { top: 55px; } } .info-block_type_panel .info-block__content { position: absolute; left: 0; bottom: 0; z-index: 1; padding: 30px 86px 8px 19px; color: #fff; background: transparent; } @media only screen and (max-width: 1024px) { .info-block_image_as-background .info-block__illustration { background-image: none !important; } } @media only screen and (min-width: 1025px) { .info-block_image_as-background .info-block__illustration { width: 720px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } } @media only screen and (min-width: 1025px) { .info-block_image_as-background .info-block__illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 57.6389% 0 0; } } @media only screen and (min-width: 1025px) { .info-block_image_as-background .info-block__image { display: none; } } @media only screen and (min-width: 1025px) { .info-block_size_s.info-block_image_as-background .info-block__illustration { width: 335px; } } @media only screen and (min-width: 1025px) { .info-block_size_s.info-block_image_as-background .info-block__illustration:before { padding: 100% 0 0; } } .info-block_size_s.info-block_image_as-background .info-block__content { display: none; } .info-carousel { display: block; } .info-carousel__inner { margin: 0 -20px; } @media only screen and (min-width: 768px) { .info-carousel__inner { margin: 0; } } .info-carousel__container { overflow: visible; padding: 0 0 25px; } @media only screen and (max-width: 1024px) { .info-carousel__container { padding: 0; } } .info-carousel__wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media only screen and (max-width: 1024px) { .info-carousel__wrapper { display: block; } } .info-carousel__slide { -ms-flex-negative: 1; flex-shrink: 1; width: auto; max-width: 100%; } @media only screen and (max-width: 1024px) { .info-carousel__slide { width: 100%; margin: 0 0 20px; } .info-carousel__slide:last-child { margin-bottom: 0; } } .info-carousel__navigation { position: absolute; left: 0; bottom: 0; z-index: 10; display: block; width: 100%; } .info-carousel__navigation .info-carousel__scrollbar { position: static; width: 100%; height: 4px; background: #f7f7f7; border-radius: 2px; } .info-carousel__navigation .info-carousel__dragger { position: relative; height: 100%; cursor: pointer; background: #3c3c3c; border-radius: inherit; } @media only screen and (max-width: 1024px) { .info-carousel__navigation { display: none; } } .interactive-nav { display: block; overflow: hidden; } .interactive-nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -8px; padding: 0; } .interactive-nav__item { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; margin: 0; padding: 0 8px; } @media only screen and (min-width: 768px) { .interactive-nav__item { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; width: 33.33333%; max-width: 33.33333%; } } @media only screen and (min-width: 1025px) { .interactive-nav__item { -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: none; } } .interactive-nav__trigger { display: block; padding: 21px 0; fill: currentColor; color: #3c3c3c; text-align: left; text-decoration: none; background: transparent; border: none; outline: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media only screen and (min-width: 1025px) { .interactive-nav__trigger { padding: 0; } } .interactive-nav__trigger:hover { color: #d91546; text-decoration: none; } .interactive-nav__trigger_state_active { color: #d91546; } .interactive-nav__icon { display: inline-block; vertical-align: middle; width: 23px; height: 20px; fill: inherit; } @media only screen and (min-width: 1025px) { .interactive-nav__icon { display: block; width: 28px; height: 24px; } } .interactive-nav__label { display: inline-block; vertical-align: middle; padding: 0 0 0 10px; font-size: 16px; } @media only screen and (min-width: 1025px) { .interactive-nav__label { display: none; } } .intro { position: relative; display: block; } .intro__carousel { display: block; } .intro__main { display: block; padding: 10px 0 0; } @media only screen and (min-width: 1025px) { .intro__main { position: absolute; top: 50%; left: 0; z-index: 10; width: 100%; padding: 0 0 51px; color: #fff; pointer-events: none; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } .intro__header { display: none; } @media only screen and (min-width: 1025px) { .intro__header { display: block; margin: 0 0 51px; pointer-events: auto; } } @media only screen and (min-width: 1025px) { .intro__header:last-child { margin-bottom: 0; } } .intro__title { display: block; font-family: Lora, serif; font-size: 59px; line-height: 1.18; text-shadow: 2px 2px 20px rgba(0,0,0,0.35); } .intro__content { display: block; max-width: 1290px; margin: 0 auto; padding: 0 20px; pointer-events: auto; } @media only screen and (min-width: 1025px) { .intro_type_simple .intro__main { position: static; top: auto; padding: 24px 0 0; -webkit-transform: none; transform: none; } } .lang-nav { position: relative; display: block; font-size: 12px; line-height: 15px; } .lang-nav__header { display: block; overflow: hidden; color: inherit; text-align: left; text-decoration: none; background: transparent; border: none; outline: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .lang-nav__header:hover { color: #d91546; } .lang-nav__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -10px; } .lang-nav__label { position: relative; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; padding: 0 10px; } .lang-nav__label:after { content: ''; position: absolute; top: 50%; right: 0; z-index: 1; display: block; width: 1px; height: 15px; background: currentColor; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .lang-nav__label:last-child:after { display: none; } .lang-nav__body { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; width: 200px; padding: 25px 0 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .lang-nav__inputs { display: block; padding: 15px; background: #fff; -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.2); box-shadow: 0 0 12px rgba(0,0,0,0.2); } .lang-nav__input { display: block; margin: 0 0 15px; } .lang-nav__input:last-child { margin-bottom: 0; } .lang-nav_state_open .lang-nav__body { display: block; } .link { display: inline; padding: 0; color: inherit; font-weight: 400; text-align: inherit; text-decoration: none; background: transparent; border: none; border-bottom: 1px solid currentColor; outline: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .link:hover, .link:active, .link:focus { color: #d91546; text-decoration: none; } .link_style_highlighted { color: #d91546; font-weight: 700; -webkit-transition-property: border-color; transition-property: border-color; } .link_style_highlighted:hover, .link_style_highlighted:active, .link_style_highlighted:focus { color: #d91546; border-bottom-color: transparent; } .logo-group { display: block; } @media only screen and (min-width: 768px) { .logo-group { overflow: hidden; } } .logo-group__list { display: block; margin: 0; padding: 0; list-style: none; } @media only screen and (min-width: 768px) { .logo-group__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; } } .logo-group__item { display: block; margin: 0 0 78px; text-align: center; } @media only screen and (min-width: 768px) { .logo-group__item { -ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%; max-width: 25%; margin: 0; padding: 30px 15px; } } .logo-group__item:last-child { margin-bottom: 0; } .logo-group__link { display: inline-block; vertical-align: middle; color: #000; text-decoration: none; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .logo-group__link:hover { color: #000; text-decoration: none; opacity: 0.7; } .logo-group__image { display: block; max-width: 157px; margin: 0 auto; padding: 0; } .logo { display: inline-block; vertical-align: middle; max-width: 108px; } @media only screen and (min-width: 768px) { .logo { max-width: 274px; } } .logo__image { display: block; width: auto; max-width: 100%; height: auto; } .magazine-group { display: block; } .magazine-group__list { display: block; margin: 0; padding: 0; list-style: none; } @media only screen and (min-width: 768px) { .magazine-group__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; } } .magazine-group__item { display: block; margin: 0 0 20px; padding: 0; } @media only screen and (min-width: 768px) { .magazine-group__item { -webkit-box-flex: 0; -ms-flex: 0 0 355px; flex: 0 0 355px; width: 355px; max-width: 355px; padding: 10px; } } .magazine-group__item:last-child { margin-bottom: 0; } .magazine-snippet { display: block; background: #f7f7f7; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } .magazine-snippet:hover { -webkit-box-shadow: 0 0 0 5px #f7f7f7, 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 0 0 5px #f7f7f7, 0 4px 20px rgba(0,0,0,0.1); } .magazine-snippet__illustration { display: block; width: 100%; text-decoration: none; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .magazine-snippet__illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 129.85% 0 0; } .magazine-snippet__image { display: none; } .magazine-snippet__main { display: block; padding: 17px 20px 36px 22px; } .magazine-snippet__title { display: block; margin: 0 0 25px; color: inherit; font-family: Lora, serif; font-size: 22px; line-height: 28px; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .magazine-snippet__title:hover { color: #d91546; text-decoration: none; } .magazine-snippet__title:last-child { margin-bottom: 0; } .magazine-snippet__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px; } .magazine-snippet__control { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; padding: 5px; } .map-info { display: block; color: #000; background: #fff; } .map-info__content { display: block; padding: 10px 8px 13px 13px; } .map-info__illustration { display: block; } .map-info__illustration:last-child { margin-bottom: 0; } .map-info__image { display: block; width: 100%; max-width: 100%; margin: 0; padding: 0; } .map-info__title { display: block; margin: 0 0 9px; font-family: Lora, serif; font-size: 18px; line-height: 23px; } .map-info__title:last-child { margin-bottom: 0; } .map-info__label { display: block; font-size: 16px; line-height: 1.25; } .map-info__label:last-child { margin-bottom: 0; } .gm-style .gm-style-iw-c { padding: 0 !important; width: 260px !important; min-width: 260px !important; max-height: none !important; height: auto; background: #fff; border-radius: 0; } .gm-style .gm-style-iw-c > button { top: 12px !important; right: 12px !important; width: 24px !important; height: 24px !important; background: rgba(255,255,255,0.6) !important; border-radius: 50%; opacity: 1; } .gm-style .gm-style-iw-c > button:hover { opacity: 0.8; } .gm-style .gm-style-iw-c > button:before, .gm-style .gm-style-iw-c > button:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; width: 16px; height: 1px; background: #000; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .gm-style .gm-style-iw-c > button:after { width: 1px; height: 16px; } .gm-style .gm-style-iw-c > button img { display: none !important; } .gm-style .gm-style-iw-d { overflow: visible !important; min-width: 100% !important; max-height: 100% !important; padding: 0; } .gm-style .gm-style-iw-t:after { display: none; } .map-form { position: relative; display: block; } .map-form__map { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; display: block; width: 100%; height: 100%; } .map-form__wrapper { position: relative; z-index: 5; padding: 380px 0 0; pointer-events: none; } @media only screen and (min-width: 768px) { .map-form__wrapper { padding: 35px 0 122px; } } .map-form__content { position: relative; margin: 0 -20px; padding: 25px 12px 52px 19px; color: #000; pointer-events: auto; background: #fff; } @media only screen and (min-width: 768px) { .map-form__content { max-width: 454px; margin: 0; padding: 25px 31px 52px; } } .map-form__title { display: block; margin: 0 0 22px; } .map-form__title:last-child { margin-bottom: 0; } .map-form__methods { display: block; margin: 0 0 13px; padding: 0 0 0 22px; font-size: 0; } @media only screen and (min-width: 768px) { .map-form__methods { padding: 0 0 0 27px; } } .map-form__methods:last-child { margin-bottom: 0; } .map-form__method-item { display: inline-block; vertical-align: middle; } .map-form__method { position: relative; display: block; cursor: pointer; } .map-form__method:hover .map-form__method-content { opacity: 1; } .map-form__method-input { position: absolute; top: 50%; left: 50%; display: block; opacity: 0.0001; -webkit-transform: scale(0.0001); transform: scale(0.0001); } .map-form__method-input:checked + .map-form__method-content { color: #fff; background: #3c3c3c; opacity: 1; } .map-form__method-content { display: block; width: 30px; height: 30px; fill: currentColor; color: #3c3c3c; font-size: 0; background: transparent; border-radius: 50%; opacity: 0.2; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .map-form__method-icon { position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 18px; height: 21px; fill: inherit; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .map-form__lines { position: relative; display: block; margin: 0 0 20px; padding: 0 29px 0 0; } @media only screen and (min-width: 768px) { .map-form__lines { padding: 0 39px 0 0; } } .map-form__lines:last-child { margin-bottom: 0; } .map-form__line { position: relative; margin: 0 0 21px; padding: 0 0 0 31px; } @media only screen and (min-width: 768px) { .map-form__line { padding: 0 0 0 37px; } } .map-form__line:last-child { margin-bottom: 0; } .map-form__line:last-child .map-form__input-icon:after { display: none; } .map-form__input { display: block; width: 100%; height: 45px; padding: 8px 45px 9px 0; color: #000; font-size: 18px; line-height: 28px; background: transparent; border: none; border-bottom: 1px solid #000; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; } .map-form__input::-webkit-input-placeholder { color: #3c3c3c; font-size: 18px; } .map-form__input:-ms-input-placeholder { color: #3c3c3c; font-size: 18px; } .map-form__input::-moz-placeholder { color: #3c3c3c; font-size: 18px; opacity: 1; } .map-form__input::-ms-input-placeholder { color: #3c3c3c; font-size: 18px; opacity: 1; } .map-form__input::placeholder { color: #3c3c3c; font-size: 18px; opacity: 1; } .map-form__control { position: absolute; top: 0; right: 0; z-index: 1; display: block; width: 45px; height: 100%; fill: currentColor; color: #3c3c3c; font-size: 0; text-decoration: none; background: transparent; border: none; outline: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .map-form__control:hover { color: #000; text-decoration: none; } .map-form__search-icon { position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 20px; height: 20px; fill: inherit; opacity: 0.6; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .map-form__input-icon { position: absolute; top: 50%; left: 0; z-index: 1; display: block; fill: currentColor; color: #3c3c3c; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .map-form__input-icon:after { content: ''; position: absolute; top: 100%; left: 50%; z-index: 1; display: block; width: 0; height: 50px; border-right: 1px dashed currentColor; } .map-form__icon { display: block; width: 12px; height: 18px; fill: inherit; } .map-form__toggler-wrapper { position: absolute; top: 50%; right: -7px; z-index: 1; display: block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .map-form__toggler { display: block; padding: 5px; fill: currentColor; color: #3c3c3c; font-size: 0; text-decoration: none; background: transparent; border: none; outline: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .map-form__toggler:hover { color: #000; text-decoration: none; } .map-form__toggler-icon { display: block; width: 20px; height: 39px; fill: inherit; } .map { position: relative; display: block; width: 100%; height: auto; } .map:before { content: ''; display: block; width: 100%; height: auto; padding: 100% 0 0; } @media only screen and (min-width: 1025px) { .map:before { padding: 49.58% 0 0; } } .map__panel { position: absolute; top: 0; left: 0; z-index: 10; display: block; width: 100%; height: 100%; background: transparent; } .map_height_full { height: 100%; } .map_height_full:before { padding: 0; } .masonry { display: block; } .masonry__sizer { width: 50%; } @media only screen and (min-width: 1025px) { .masonry__sizer { width: 25%; } } .masonry__cell { position: relative; z-index: 1; width: 50%; height: auto; } @media only screen and (min-width: 1025px) { .masonry__cell { width: 25%; } } .masonry__cell:before { content: ''; display: block; width: 100%; height: auto; padding: 100% 0 0; } .masonry__cell_shape_rect, .masonry__cell_shape_rect-horizontal, .masonry__cell_shape_large-square { width: 100%; } @media only screen and (min-width: 1025px) { .masonry__cell_shape_rect, .masonry__cell_shape_rect-horizontal, .masonry__cell_shape_large-square { width: 50%; } } .masonry__cell_shape_rect-horizontal:before { padding-top: 50%; } .masonry__cell_shape_rect-vertical:before { padding-top: 200%; } .masonry__cell-wrapper { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } @media only screen and (max-width: 767px) { .masonry_type_column .masonry__sizer { width: 100%; } } @media only screen and (max-width: 767px) { .masonry_type_column .masonry__cell { width: 100%; } } @media only screen and (max-width: 767px) and (max-width: 767px) { .masonry_type_column .masonry__cell:before { display: none; } } @media only screen and (max-width: 767px) { .masonry_type_column .masonry__cell-wrapper { position: static; } } .mobile-menu { display: block; padding: 15px 10px; } .mobile-menu__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mobile-menu__burger { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 65px; flex: 0 0 65px; width: 65px; max-width: 65px; } .mobile-menu__logo { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; padding: 0 15px; } .mobile-menu__icon-group { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .mobile-menu_style_light { color: #fff; } .mobile-nav { display: block; } .mobile-nav__head { width: 100%; background: #ececec; } .mobile-nav__logo { display: inline-block; vertical-align: middle; padding: 5px 5px 5px 20px; text-align: left; } .mobile-nav__control { display: inline-block; vertical-align: middle; width: 100%; max-width: 280px; } .modal { display: none; width: 100%; padding: 65px 13px 40px 20px; background: #fff; } @media only screen and (min-width: 768px) { .modal { max-width: 532px; padding: 77px 99px; } } .modal__close { position: absolute; top: 17px; right: 15px; z-index: 1; display: block; width: 20px; height: 20px; color: #202020; font-size: 0; text-decoration: none; background: none; border: none; outline: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media only screen and (min-width: 1025px) { .modal__close { top: 19px; right: 27px; } } .modal__close:hover { color: #d91546; } .modal__close:before, .modal__close:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 27px; height: 2px; background: currentColor; border-radius: 0; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .modal__close:after { width: 2px; height: 27px; } .modal__header { margin: 0 0 22px; } .modal__header:last-child { margin-bottom: 0; } .modal__title { margin: 0 0 8px; } .modal__title:last-child { margin-bottom: 0; } .modal__subtitle { margin: 0 0 8px; font-family: Lora, serif; font-size: 18px; line-height: 23px; } .modal__subtitle:last-child { margin-bottom: 0; } .modal__social-nav { padding: 10px 0; } @media only screen and (min-width: 768px) { .modal__social-nav { padding: 13px 0 25px; } } .nav { display: block; font-size: 16px; line-height: 20px; } .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0 14px; list-style: none; } .nav__item { position: relative; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; margin: 0; padding: 0; list-style: none; } .nav__item_state_open .nav__submenu { display: block; } .nav__link { display: block; padding: 12px 11px; color: inherit; text-decoration: none; background: transparent; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .nav__link:hover, .nav__link:active, .nav__link:focus { color: #d91546; text-decoration: none; } .nav__link_state_active { color: #d91546; } .nav__submenu { position: absolute; top: 100%; left: 50%; z-index: 100; display: none; padding: 10px 0 0; white-space: nowrap; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .nav__submenu:before { content: ''; position: absolute; top: 0; left: 50%; z-index: 1; display: block; width: 20px; height: 20px; background: #fff; -webkit-box-shadow: -2px -2px 2px 1px rgba(0,0,0,0.05); box-shadow: -2px -2px 2px 1px rgba(0,0,0,0.05); -webkit-transform: translate(-50%, 0) rotate(45deg); transform: translate(-50%, 0) rotate(45deg); } .nav__sub-list { display: block; margin: 0; padding: 13px 0; font-size: 18px; list-style: none; background: #fff; -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.15); box-shadow: 0 1px 5px 0 rgba(0,0,0,0.15); } .nav__sub-item { display: block; margin: 0 0 5px; padding: 0; } .nav__sub-item:last-child { margin-bottom: 0; } .nav__sub-link { display: block; padding: 7px 30px; color: inherit; text-decoration: none; background: transparent; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .nav__sub-link:hover { color: inherit; text-decoration: none; background: #f7f7f7; } .page-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; padding: 30px 20px; background: #fff; } @media only screen and (min-width: 1025px) { .page-slide { padding: 50px 33px 50px 25px; } } .page-slide__close { position: absolute; top: 20px; right: 10px; z-index: 1; display: block; width: 20px; height: 20px; color: #202020; font-size: 0; text-decoration: none; background: none; border: none; outline: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media only screen and (min-width: 1025px) { .page-slide__close { top: 34px; right: 95px; } } .page-slide__close:hover { color: #d91546; } .page-slide__close:before, .page-slide__close:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 27px; height: 2px; background: currentColor; border-radius: 5px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .page-slide__close:after { width: 2px; height: 27px; } .page-slide__wrapper { max-width: 456px; } .page-slide__header { margin: 0 0 17px; } .page-slide__header:last-child { margin-bottom: 0; } .page-slide__form { max-width: 335px; } .page { position: relative; display: block; height: 100%; } .page__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #fff; } .page__body_slide_open { overflow: hidden; max-height: 100%; } .page__body_search_open .page__search { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .page__body_menu_open { overflow-y: scroll; height: 100% !important; } @media only screen and (min-width: 1025px) { .page__body_menu_open { color: #fff; background: #1e1e1e; } } .page__body_menu_open .page__header { position: relative; } @media only screen and (min-width: 1025px) { .page__body_menu_open .page__header .header__logo, .page__body_menu_open .page__header .mobile-menu__logo { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } } .page__body_menu_open .page__header .header_style_fade, .page__body_menu_open .page__header .header_style_fade-l { background-image: none; } .page__body_menu_open .page__header .breadcrumbs { color: #000; } @media only screen and (min-width: 1025px) { .page__body_menu_open .page__header .breadcrumbs { color: #a9a9a9; } } .page__body_menu_open .page__header .breadcrumbs__link { -webkit-transition-duration: 0s; transition-duration: 0s; } .page__body_menu_open .page__content, .page__body_menu_open .page__sub-panel { display: none; } .page__body_menu_open .page__menu { display: block; } @media only screen and (min-width: 1025px) { .page__body_menu_open .page__footer { background: #1e1e1e; } } .page__body_menu_open .page__footer .footer { background: transparent; } @media only screen and (min-width: 1025px) { .page__body_menu_open .page__search { color: #fff; background: #1e1e1e; -webkit-box-shadow: 0 4px 20px rgba(255,255,255,0.1); box-shadow: 0 4px 20px rgba(255,255,255,0.1); } } .page__body_menu_open .header:before, .page__body_menu_open .header__nav { display: none; } @media only screen and (min-width: 1025px) { .page__body_menu_open .footer__main { display: none; } } .page__body_menu_open .footer__info { display: block; } .page__header { position: relative; z-index: 100; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .page__header_type_absolute { position: absolute; top: 0; left: 0; z-index: 400; } .page__content, .page__menu { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; } .page__menu { display: none; } .page__sub-panel { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .page__footer { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; background: #3a3a3a; } .page__burger { display: inline-block; vertical-align: middle; font-size: 0; } @media only screen and (min-width: 1025px) { .page__burger { display: none; } } .page__slides { position: relative; z-index: 400; } .page__slide { position: fixed; top: 0; right: 0; z-index: 1; overflow: hidden; width: 0; height: 100%; cursor: pointer; background: transparent; -webkit-transition: width 0.3s ease 0.3s, background 0.3s ease; transition: width 0.3s ease 0.3s, background 0.3s ease; } .page__slide_state_open { z-index: 10; width: 100%; background: rgba(0,0,0,0.3); -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .page__slide_state_open .page__slide-inner { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .page__slide-inner { position: absolute; top: 0; right: 0; z-index: 1; display: block; overflow: auto; min-width: 50%; max-width: 100%; height: 100%; cursor: default; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .page__scroller { position: relative; display: block; width: 50px; height: 50px; color: #000; font-size: 0; text-decoration: none; background: #fff; border: none; border-radius: 50%; outline: none; -webkit-box-shadow: 0 4px 20px rgba(92,92,92,0.15); box-shadow: 0 4px 20px rgba(92,92,92,0.15); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: background, -webkit-transform; transition-property: background, -webkit-transform; transition-property: background, transform; transition-property: background, transform, -webkit-transform; } .page__scroller:hover { color: #000; text-decoration: none; background: #f6f6f6; } .page__scroller:before, .page__scroller:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; border-right: 2px solid currentColor; } .page__scroller:before { width: 0; height: 26px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .page__scroller:after { width: 8px; height: 8px; border-top: 2px solid currentColor; -webkit-transform: translate(-50%, -13px) rotate(-45deg); transform: translate(-50%, -13px) rotate(-45deg); } .page__scroller_state_hidden { -webkit-transform: scale(0); transform: scale(0); } .page__scroller-wrapper { position: fixed; right: 21px; bottom: 65px; z-index: 50; display: block; } @media only screen and (min-width: 1025px) { .page__scroller-wrapper { right: 43px; bottom: 76px; } } .page__catalog { padding: 67px 0 0; } @media only screen and (min-width: 1025px) { .page__catalog { padding: 38px 0 0; } } .page__map-form { padding: 79px 0 58px; } @media only screen and (min-width: 1025px) { .page__map-form { padding: 213px 0 0; } } .page__about { margin: 0 0 118px; } @media only screen and (min-width: 1025px) { .page__about { margin: 0; } } .page__about:last-child { margin-bottom: 0; } .page__attention-panel { padding: 0 0 66px; } @media only screen and (min-width: 768px) { .page__attention-panel { padding: 0; } } .page__search { position: absolute; top: 0; left: 50%; z-index: 500; display: block; width: 100%; max-width: 1400px; color: #000; background: #fff; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); -webkit-transform: translate(-50%, -120%); transform: translate(-50%, -120%); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .pagination { display: block; line-height: 1.3; text-align: left; } .pagination__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media only screen and (min-width: 1025px) { .pagination__wrapper { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .pagination__list { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; margin: 0; padding: 0; list-style: none; font-size: 0; } .pagination__item { display: inline-block; vertical-align: middle; width: auto; margin: 0 11px 0 0; font-size: 18px; } .pagination__item:last-child { margin-right: 0; } .pagination__current { font-weight: 700; } .pagination__link { color: inherit; text-decoration: none; } .pagination__link:hover { color: #d91546; text-decoration: none; } .pagination__arrows { display: block; width: auto; padding: 0 0 0 13px; font-size: 0; } .pagination__arrows:first-child { padding-left: 0; } .pagination__arrow { position: relative; display: inline-block; vertical-align: middle; width: 46px; height: 46px; margin: 0 8px 0 0; color: #fff; text-decoration: none; cursor: not-allowed; background: #3c3c3c; border: none; border-radius: 50%; outline: none; opacity: 0.2; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, background, opacity; transition-property: color, background, opacity; } .pagination__arrow:last-child { margin-right: 0; } .pagination__arrow[href] { cursor: pointer; opacity: 0.6; } .pagination__arrow:hover[href] { color: #fff; background: #3c3c3c; opacity: 0.8; } .pagination__arrow:before, .pagination__arrow:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; border-top: 2px solid currentColor; } .pagination__arrow:before { width: 28px; height: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pagination__arrow:after { width: 8px; height: 8px; border-right: 2px solid currentColor; } .pagination__arrow_type_prev:after { -webkit-transform: translate(-13px, -50%) rotate(-135deg); transform: translate(-13px, -50%) rotate(-135deg); } .pagination__arrow_type_next:after { -webkit-transform: translate(3px, -50%) rotate(45deg); transform: translate(3px, -50%) rotate(45deg); } .pagination_style_light { color: #fff; } .pagination_style_light .pagination__arrow { color: #fff; background: rgba(247,247,247,0.5); opacity: 1; } .pagination_style_light .pagination__arrow[href] { color: #3c3c3c; background: #f7f7f7; opacity: 1; } .pagination_style_light .pagination__arrow:hover[href] { color: #3c3c3c; background: #f7f7f7; opacity: 0.8; } .phone-contact { display: block; text-align: right; } .phone-contact__main { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 0 2px; } .phone-contact__main:last-child { margin-bottom: 0; } .phone-contact__icon-wrapper { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 26px; flex: 0 0 26px; width: 26px; max-width: 26px; padding: 5px 11px 0 0; } .phone-contact__icon { display: block; width: 15px; height: 19px; fill: currentColor; } .phone-contact__wrapper { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; } .phone-contact__list { display: block; margin: 0; padding: 0; list-style: none; } .phone-contact__item { display: block; margin: 0; padding: 0; } .phone-contact__link { color: inherit; font-weight: 600; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .phone-contact__link:hover, .phone-contact__link:active, .phone-contact__link:focus { color: #d91546; text-decoration: none; } .phone-contact__link_type_simple { font-weight: 400; border-bottom: 1px solid currentColor; } .phone-contact__footer { font-size: 14px; } .product-banner { position: relative; display: block; } .product-banner__container { display: block; width: 100%; height: 100%; color: #fff; background-color: #999; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .product-banner__container:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.63))); background: linear-gradient(transparent, rgba(0,0,0,0.63)); } .product-banner__container:after { content: ''; display: block; width: 100%; height: auto; padding: 86.875% 0 0; } @media only screen and (min-width: 480px) { .product-banner__container:after { padding: 56% 0 0; } } @media only screen and (min-width: 1025px) { .product-banner__container:after { padding: 803px 0 0; } } .product-banner__info { display: none; } @media only screen and (min-width: 1025px) { .product-banner__info { position: absolute; left: 0; bottom: 0; z-index: 1; display: block; width: 100%; padding: 0 0 64px; } } .product-banner__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -20px; } .product-banner__description, .product-banner__details, .product-banner__price-group, .product-banner__controls { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; max-width: 100%; padding: 0 20px; } .product-banner__description { -ms-flex-preferred-size: 29%; flex-basis: 29%; } .product-banner__details { -ms-flex-preferred-size: 23%; flex-basis: 23%; font-size: 16px; line-height: 1.25; } .product-banner__price-group { -ms-flex-preferred-size: 31%; flex-basis: 31%; font-family: Lora, serif; font-size: 18px; line-height: 1.3; } .product-banner__controls { -ms-flex-preferred-size: 17%; flex-basis: 17%; text-align: right; } .product-banner__title { display: block; margin: 0 0 8px; font-family: Lora, serif; font-size: 22px; line-height: 28px; } .product-banner__title:last-child { margin-bottom: 0; } .product-banner__label { display: block; margin: 0 0 8px; font-size: 18px; line-height: 1.3; } .product-banner__label:last-child { margin-bottom: 0; } .product-banner__detail { display: block; } .product-banner__detail_type_complex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-banner__subdetail { position: relative; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; margin: 0 12px 0 0; padding: 0 12px 0 0; } .product-banner__subdetail:last-child { margin-right: 0; padding-right: 0; } .product-banner__subdetail:last-child:after { display: none; } .product-banner__subdetail:after { content: ''; position: absolute; top: 50%; right: 0; z-index: 1; display: block; width: 1px; height: 16px; background: currentColor; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .product-banner__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .product-banner__icon-wrapper { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; margin: 0 10px 0 0; } .product-banner__icon-wrapper:last-child { margin-right: 0; } .product-banner__icon { display: block; width: 22px; height: 20px; fill: currentColor; } .product-banner__control { display: inline-block; vertical-align: middle; min-width: 170px; max-width: 240px; } @media only screen and (min-width: 1025px) { .product-banner_size_m .product-banner__container:after { padding: 620px 0 0; } } .product-banner_size_m .product-banner__info { padding: 0 0 30px; } .product-banner_size_m .product-banner__group { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .product-banner_size_m .product-banner__description { -ms-flex-preferred-size: 20%; flex-basis: 20%; } .product-banner_size_m .product-banner__controls { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .product-banner_size_m .product-banner__control { min-width: 240px; } .product-card { display: block; } .product-card__header { display: block; margin: 0 0 25px; } .product-card__header:last-child { margin-bottom: 0; } .product-card__title { display: block; margin: 0 0 15px; } @media only screen and (min-width: 1025px) { .product-card__title { margin: 0 0 7px; } } .product-card__title:last-child { margin-bottom: 0; } .product-card__subtitle { display: block; margin: 0 0 37px; } .product-card__subtitle:last-child { margin-bottom: 0; } .product-card__note { display: block; margin: 0 0 20px; font-family: Lora; font-size: 20px; font-weight: 500; line-height: 24px; } @media only screen and (min-width: 1025px) { .product-card__note { font-size: 24px; line-height: 31px; } } .product-card__note:last-child { margin-bottom: 0; } .product-card__label { display: block; margin: 0 0 7px; font-family: Lora, serif; font-size: 18px; line-height: 23px; } .product-card__label:last-child { margin-bottom: 0; } .product-card__price-group { display: block; margin: 0 0 33px; } @media only screen and (min-width: 1025px) { .product-card__price-group { margin: 0 0 33px; } } .product-card__price-group:last-child { margin-bottom: 0; } .product-card__price { display: block; margin: 0 0 7px; font-family: Lora, serif; font-size: 24px; font-weight: 500; line-height: 31px; } .product-card__price:last-child { margin-bottom: 0; } .product-card__prop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .product-card__prop-icon { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; margin: 0 15px 0 0; } .product-card__prop-icon:last-child { margin-right: 0; } .product-card__icon { display: block; width: 18px; height: 18px; } .product-card__prop-label { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; max-width: 100%; } .product-card__description { display: block; margin: 0 0 24px; } @media only screen and (min-width: 1025px) { .product-card__description { margin: 0 0 38px; } } .product-card__description:last-child { margin-bottom: 0; } .product-card__description-field { display: block; margin: 0 0 20px; } .product-card__description-field:last-child { margin-bottom: 0; } .product-card__description-controls { display: block; margin: 0 0 20px; padding: 43px 0 0; } @media only screen and (min-width: 1025px) { .product-card__description-controls { padding: 18px 0 0; } } .product-card__description-controls:last-child { margin-bottom: 0; } .product-card__control { display: block; margin: 0 0 25px; } @media only screen and (min-width: 768px) { .product-card__control { display: inline-block; vertical-align: top; min-width: 240px; margin: 0 20px 20px 0; } } .product-card__control:last-child { margin: 0; } .product-card__interactive-nav { display: block; margin: 0 0 39px; } @media only screen and (min-width: 1025px) { .product-card__interactive-nav { margin: 0 0 78px; } } .product-card__interactive-nav:last-child { margin-bottom: 0; } .product-card__section { display: block; margin: 0 0 34px; } @media only screen and (min-width: 1025px) { .product-card__section { margin: 0 0 47px; } } .product-card__section:last-child { margin-bottom: 0; } .product-card__map { margin: 0 -20px 37px; } @media only screen and (min-width: 1025px) { .product-card__map { margin: 0 -25% 54px -23.2%; } } .product-card__controls { display: block; margin: 0 0 80px; } @media only screen and (min-width: 1025px) { .product-card__controls { margin: 0 0 88px; } } .product-card__controls:last-child { margin-bottom: 0; } @media only screen and (min-width: 1025px) { .product-card__filter-form { padding: 0 0 56px; } } .product-carousel { display: block; } .product-carousel__slide { width: 280px; max-width: 280px; height: auto; } @media only screen and (min-width: 768px) { .product-carousel__slide { width: 335px; max-width: 335px; } } .product-carousel__slide-inner { height: 376px; margin: 0 0 12px; } @media only screen and (min-width: 768px) { .product-carousel__slide-inner { height: 450px; margin: 0 0 24px; } } .product-carousel__slide-inner:last-child { margin-bottom: 0; } .product-carousel_type_overflowing .product-carousel__container { overflow: visible; } .product-deal { position: relative; display: block; overflow: hidden; } .product-deal__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; color: #fff; background-color: #999; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .product-deal__container:after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background: #000; opacity: 0.5; } .product-deal__content { position: relative; z-index: 5; padding: 25px 10px; text-align: center; } .product-deal__title { display: block; margin: 0 0 2px; color: inherit; font-family: Lora, serif; font-size: 34px; line-height: 44px; text-decoration: none; } @media only screen and (min-width: 768px) { .product-deal__title { margin: 0 0 39px; } } .product-deal__title:last-child { margin-bottom: 0; } .product-deal__title:hover, .product-deal__title:active, .product-deal__title:focus { color: inherit; text-decoration: none; } .product-deal__controls { display: block; font-size: 0; } .product-deal__control { display: inline-block; vertical-align: middle; min-width: 200px; } .product-deal__control:last-child { margin-right: 0; } .product-grid { display: block; overflow: hidden; } .product-grid__list { display: block; margin: 0; padding: 0; list-style: none; } @media only screen and (min-width: 768px) { .product-grid__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } } .product-grid__item { display: block; padding: 0 0 12px; } @media only screen and (min-width: 768px) { .product-grid__item { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; width: 50%; max-width: 50%; padding: 0 10px 12px; } } @media only screen and (min-width: 1025px) { .product-grid__item { -ms-flex-preferred-size: 33.3333333%; flex-basis: 33.3333333%; width: 33.3333333%; max-width: 33.3333333%; padding: 0 10px 17px; } } @media only screen and (min-width: 768px) { .product-grid__item_type_rect { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; } } @media only screen and (min-width: 1025px) { .product-grid__item_type_rect { -ms-flex-preferred-size: 66.6666667%; flex-basis: 66.6666667%; width: 66.6666667%; max-width: 66.6666667%; } } .product-grid__item-inner { height: 376px; } @media only screen and (min-width: 768px) { .product-grid__item-inner { height: 450px; } } .product-info { display: block; } .product-info__header { display: block; margin: 0 0 26px; } .product-info__header:last-child { margin-bottom: 0; } .product-info__label { display: block; max-width: 330px; margin: 0 0 10px; font-size: 16px; font-weight: 300; line-height: 1.25; } .product-info__label:last-child { margin-bottom: 0; } .product-info__title { display: block; margin: 0 0 10px; } .product-info__title:last-child { margin-bottom: 0; } .product-info__props { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 19px; } .product-info__props:last-child { margin-bottom: 0; } .product-info__prop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 40%; max-width: 40%; padding: 0 20px 16px 0; } .product-info__prop:nth-child(2n) { -webkit-box-flex: 1; -ms-flex: 1 1 60%; flex: 1 1 60%; width: 60%; max-width: 60%; } .product-info__prop-icon { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; margin: 0 15px 0 0; } .product-info__prop-icon:last-child { margin-right: 0; } .product-info__icon { display: block; width: 18px; height: 18px; } .product-info__prop-label { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; max-width: 100%; } .product-info__price-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 0 50px; } .product-info__price-group:last-child { margin-bottom: 0; } .product-info__price-wrapper { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; padding: 8px 0 0; font-family: Lora, serif; line-height: 1.25; } .product-info__price { display: block; margin: 0 0 6px; font-size: 20px; } .product-info__price:last-child { margin-bottom: 0; } .product-info__value { display: block; margin: 0 0 6px; font-size: 16px; } .product-info__value:last-child { margin-bottom: 0; } .product-info__price-controls { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; margin: 0 0 0 19px; font-size: 0; } .product-info__price-control { display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin: 0 0 0 10px; color: #3c3c3c; font-family: Lora, serif; font-size: 20px; font-weight: 500; line-height: 38px; text-align: center; background: transparent; border: 1px solid #7e7272; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, border-color; transition-property: color, border-color; } .product-info__price-control:hover { color: #000; border-color: #000; } .product-info__price-control_state_hidden { display: none; } .product-info__control { margin: 0 0 20px; } @media only screen and (min-width: 768px) { .product-info__control { display: inline-block; vertical-align: middle; min-width: 219px; } } .product-info__control:last-child { margin-bottom: 0; } .product-inline-snippet { display: block; color: #000; background: #f7f7f7; } .product-inline-snippet__wrapper { display: block; } @media only screen and (min-width: 1025px) { .product-inline-snippet__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .product-inline-snippet__illustration { position: relative; display: block; overflow: hidden; } @media only screen and (min-width: 1025px) { .product-inline-snippet__illustration { -webkit-box-flex: 0; -ms-flex: 0 0 31.272%; flex: 0 0 31.272%; width: 31.272%; max-width: 31.272%; } } .product-inline-snippet__illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 86.5% 0 0; } @media only screen and (min-width: 1025px) { .product-inline-snippet__illustration:before { display: none; } } .product-inline-snippet__image { position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 100%; height: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (min-width: 1025px) { .product-inline-snippet__image { width: auto; height: 100%; } } .product-inline-snippet__main { position: relative; display: block; padding: 19px 15px 43px; } @media only screen and (min-width: 1025px) { .product-inline-snippet__main { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; max-width: 100%; padding: 14px 18px 18px 35px; } } .product-inline-snippet__header { display: block; margin: 0 0 15px; } @media only screen and (min-width: 768px) { .product-inline-snippet__header { margin: 0 0 62px; padding: 0 50px 0 0; } } .product-inline-snippet__header:last-child { margin-bottom: 0; } .product-inline-snippet__title { display: block; margin: 0 0 5px; font-family: Lora, serif; font-size: 22px; font-weight: 700; line-height: 28px; } @media only screen and (min-width: 768px) { .product-inline-snippet__title { margin: 0 0 9px; } } .product-inline-snippet__title:last-child { margin-bottom: 0; } @media only screen and (min-width: 768px) { .product-inline-snippet__details { line-height: 1.3; } } .product-inline-snippet__detail { display: inline-block; vertical-align: middle; min-width: 180px; margin: 0 18px 0 0; } .product-inline-snippet__detail:last-child { margin-right: 0; } .product-inline-snippet__favorite { position: absolute; top: 23px; right: 12px; z-index: 1; display: block; } @media only screen and (min-width: 768px) { .product-inline-snippet__favorite { top: 14px; right: 17px; } } .product-inline-snippet__favorite-trigger { display: block; stroke: #999; stroke-width: 2px; fill: transparent; color: #999; font-size: 0; text-decoration: none; background: transparent; border: none; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: stroke, stroke-width, fill, color; transition-property: stroke, stroke-width, fill, color; } .product-inline-snippet__favorite-trigger:hover, .product-inline-snippet__favorite-trigger:focus, .product-inline-snippet__favorite-trigger:active { stroke: #d91546; color: #d91546; } .product-inline-snippet__favorite-trigger_state_active { stroke-width: 0; fill: #d91546; } .product-inline-snippet__favorite-icon { display: block; width: 28px; height: 24px; stroke: inherit; fill: inherit; } .product-inline-snippet__content { display: block; } @media only screen and (min-width: 768px) { .product-inline-snippet__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } } .product-inline-snippet__price-group, .product-inline-snippet__address-wrapper, .product-inline-snippet__props { position: relative; padding: 0 0 0 28px; } .product-inline-snippet__icon-wrapper { position: absolute; top: 0; left: 0; z-index: 1; display: block; } .product-inline-snippet__icon { display: block; width: 22px; height: 20px; fill: currentColor; } .product-inline-snippet__price-group { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: 100%; margin: 0 0 35px; font-family: Lora, serif; font-size: 0; line-height: 1.3; } @media only screen and (min-width: 768px) { .product-inline-snippet__price-group { margin: 0 0 16px; } } .product-inline-snippet__price-group:last-child { margin-bottom: 0; } .product-inline-snippet__price { display: block; margin: 0 0 10px; font-size: 18px; } @media only screen and (min-width: 768px) { .product-inline-snippet__price { display: inline-block; vertical-align: middle; margin: 0 20px 0 0; } } @media only screen and (min-width: 1281px) { .product-inline-snippet__price { min-width: 290px; margin: 0 44px 0 0; } } .product-inline-snippet__price:last-child { margin: 0; } .product-inline-snippet__price_type_alt { font-size: 16px; } .product-inline-snippet__info { display: block; margin: 0 0 20px; font-size: 16px; line-height: 1.25; } @media only screen and (min-width: 768px) { .product-inline-snippet__info { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; margin: 0; } } .product-inline-snippet__info:last-child { margin-bottom: 0; } .product-inline-snippet__address-wrapper { display: block; margin: 0 0 21px; } @media only screen and (min-width: 768px) { .product-inline-snippet__address-wrapper { margin: 0 0 20px; } } .product-inline-snippet__address-wrapper:last-child { margin-bottom: 0; } .product-inline-snippet__controls { display: block; margin: 0 auto; padding: 13px 0 0; } @media only screen and (min-width: 768px) { .product-inline-snippet__controls { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; max-width: none; margin: 0; padding: 0; } } .product-inline-snippet__control { display: block; margin: 0 0 24px; } @media only screen and (min-width: 768px) { .product-inline-snippet__control { min-width: 163px; margin: 0 0 16px; } } .product-inline-snippet__control:last-child { margin-bottom: 0; } .product-snippet { position: relative; display: block; overflow: hidden; } .product-snippet__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; color: #fff; cursor: pointer; background-color: #999; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .product-snippet__container:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.4))); background: linear-gradient(transparent, rgba(0,0,0,0.4)); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .product-snippet__container:after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .product-snippet__container:hover:before { opacity: 0; } .product-snippet__container:hover:after { opacity: 0.5; } .product-snippet__container:hover .product-snippet__header { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .product-snippet__container:hover .product-snippet__info { position: static; -webkit-transform: translate(0, 0); transform: translate(0, 0); cursor: auto; } .product-snippet__container:hover .product-snippet__favorite { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .product-snippet__container:hover .product-snippet__title { pointer-events: auto; } .product-snippet__container:hover .product-snippet__title:before { width: 100%; height: 100%; } .product-snippet__header { z-index: 5; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding: 7px 22px; -webkit-transition: flex-grow 0.3s ease, -webkit-box-flex 0.3s ease; transition: flex-grow 0.3s ease, -webkit-box-flex 0.3s ease; transition: flex-grow 0.3s ease; transition: flex-grow 0.3s ease, -webkit-box-flex 0.3s ease, -ms-flex-positive 0.3s ease; } @media only screen and (min-width: 768px) { .product-snippet__header { padding: 14px 26px; } } .product-snippet__info { position: absolute; bottom: 0; z-index: 10; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding: 11px 17px; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: flex-grow, -webkit-box-flex, -webkit-transform; transition-property: flex-grow, -webkit-box-flex, -webkit-transform; transition-property: flex-grow, transform; transition-property: flex-grow, transform, -webkit-box-flex, -ms-flex-positive, -webkit-transform; } .product-snippet__title { display: block; margin: 0 0 2px; color: inherit; font-family: Lora, serif; font-size: 22px; line-height: 28px; text-decoration: none; pointer-events: none; } @media only screen and (min-width: 768px) { .product-snippet__title { margin: 0 0 8px; } } .product-snippet__title:last-child { margin-bottom: 0; } .product-snippet__title:hover, .product-snippet__title:active, .product-snippet__title:focus { color: inherit; text-decoration: none; } .product-snippet__title:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 0; height: 0; font-size: 0; cursor: pointer; opacity: 0; -webkit-transition-property: width, height; transition-property: width, height; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .product-snippet__label { display: block; margin: 0 0 10px; font-size: 18px; line-height: 1.3; } .product-snippet__label:last-child { margin-bottom: 0; } .product-snippet__badges { display: block; margin: 0 -6px 6px; font-size: 0; line-height: 1.3; } .product-snippet__badges:last-child { margin-bottom: 0; } .product-snippet__badge { display: inline-block; vertical-align: middle; margin: 0 10px 0 0; padding: 2px 16px 0; color: #000; font-size: 18px; background: #fff; border-radius: 25px; } @media only screen and (min-width: 768px) { .product-snippet__badge { padding: 3px 18px 4px; } } .product-snippet__badge:last-child { margin-right: 0; } .product-snippet__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .product-snippet__icon-wrapper { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; margin: 0 6px 0 0; } @media only screen and (min-width: 768px) { .product-snippet__icon-wrapper { margin: 0 10px 0 0; } } .product-snippet__icon-wrapper:last-child { margin-right: 0; } .product-snippet__icon { display: block; width: 18px; height: 17px; fill: currentColor; } @media only screen and (min-width: 768px) { .product-snippet__icon { width: 22px; height: 20px; } } .product-snippet__price-group { margin: 0 0 14px; font-family: Lora, serif; font-size: 16px; line-height: 1.3; } @media only screen and (min-width: 768px) { .product-snippet__price-group { margin: 0 0 17px; font-size: 18px; } } .product-snippet__price-group:last-child { margin-bottom: 0; } .product-snippet__details { margin: 0 0 16px; font-size: 15px; line-height: 1.2; } @media only screen and (min-width: 768px) { .product-snippet__details { margin: 0 0 19px; font-size: 16px; line-height: 1.25; } } .product-snippet__details:last-child { margin-bottom: 0; } .product-snippet__detail { display: block; } .product-snippet__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -10px; } .product-snippet__control { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; width: 50%; max-width: 50%; padding: 0 10px; } .product-snippet__control:last-child { margin-right: 0; } .product-snippet__favorite { position: absolute; top: 13px; right: 13px; z-index: 1; display: block; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .product-snippet__favorite-trigger { display: block; stroke: #fff; stroke-width: 2px; fill: transparent; color: #fff; font-size: 0; text-decoration: none; background: transparent; border: none; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: stroke, stroke-width, fill, color; transition-property: stroke, stroke-width, fill, color; } .product-snippet__favorite-trigger:hover, .product-snippet__favorite-trigger:focus, .product-snippet__favorite-trigger:active { stroke: #d91546; color: #d91546; } .product-snippet__favorite-trigger_state_active { stroke-width: 0; fill: #d91546; } .product-snippet__favorite-icon { display: block; width: 28px; height: 24px; stroke: inherit; fill: inherit; } .property-group { display: block; overflow: hidden; } .property-group__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px -51px; padding: 0; list-style: none; } @media only screen and (min-width: 1025px) { .property-group__list { margin: 0 -20px -53px; } } .property-group__item { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; width: 50%; max-width: 50%; padding: 0 10px 51px; } @media only screen and (min-width: 1025px) { .property-group__item { padding: 0 20px 53px; } } .property { display: block; word-break: break-word; } .property__icon-wrapper { display: block; margin: 0 0 12px; } .property__icon-wrapper:last-child { margin-bottom: 0; } .property__icon { display: block; width: 30px; height: 30px; fill: currentColor; } .property__label { display: block; font-size: 16px; font-weight: 300; line-height: 24px; } .property__value { display: block; font-size: 18px; font-weight: 600; line-height: 24px; } .pseudo-map { display: block; } .pseudo-map__illustration { position: relative; display: block; overflow: hidden; background: #f7f7f7; } .pseudo-map__image { display: block; width: 100%; height: auto; } .pseudo-map__highlight { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 8%; height: auto; background: #3c3c3c; border-radius: 50%; opacity: 0.2; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pseudo-map__highlight:before { content: ''; display: block; width: 100%; height: auto; padding: 100% 0 0; } .quantity-input { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; font-size: 16px; line-height: 24px; } .quantity-input__control { position: relative; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .quantity-input__button { position: relative; display: block; width: 26px; height: 26px; color: #000; font-size: 0; text-decoration: none; background: transparent; border: 1px solid #ccc; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, border-color; transition-property: color, border-color; } .quantity-input__button:before, .quantity-input__button:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 8px; height: 0; border-bottom: 2px solid; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .quantity-input__button:after { width: 0; height: 8px; border-right: 2px solid; border-bottom: none; } .quantity-input__button:hover:not(:disabled), .quantity-input__button:focus:not(:disabled), .quantity-input__button:active:not(:disabled) { color: #2196f3; text-decoration: none; background: transparent; border-color: #2196f3; } .quantity-input__button:disabled { cursor: not-allowed; opacity: 0.5; } .quantity-input__button_type_decrease:after { display: none; } .quantity-input__field { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .quantity-input__input { width: 42px; height: 26px; margin: 0 -1px; padding: 0 5px; color: #000; line-height: 35px; text-align: center; background: #fff; border: 1px solid #ccc; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .quantity-input__input:hover, .quantity-input__input:focus, .quantity-input__input:active { position: relative; z-index: 1; border-color: #2196f3; } .quantity-input_align_left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .quantity-input_align_center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .quantity-input_align_right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (min-width: 1px) { .quantity-input_align_xs-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (min-width: 1px) { .quantity-input_align_xs-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (min-width: 1px) { .quantity-input_align_xs-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media only screen and (min-width: 480px) { .quantity-input_align_s-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (min-width: 480px) { .quantity-input_align_s-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (min-width: 480px) { .quantity-input_align_s-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media only screen and (min-width: 768px) { .quantity-input_align_m-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (min-width: 768px) { .quantity-input_align_m-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (min-width: 768px) { .quantity-input_align_m-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media only screen and (min-width: 1025px) { .quantity-input_align_l-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (min-width: 1025px) { .quantity-input_align_l-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (min-width: 1025px) { .quantity-input_align_l-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media only screen and (min-width: 1281px) { .quantity-input_align_xl-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (min-width: 1281px) { .quantity-input_align_xl-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (min-width: 1281px) { .quantity-input_align_xl-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media only screen and (min-width: 1440px) { .quantity-input_align_xxl-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (min-width: 1440px) { .quantity-input_align_xxl-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (min-width: 1440px) { .quantity-input_align_xxl-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .range { display: block; overflow: hidden; } .range__wrapper { display: block; margin: 0 -13px; font-size: 0; } .range__line { display: inline-block; vertical-align: middle; margin: 0 0 13px; padding: 0 13px; } .range__input { display: block; width: 70px; height: 50px; padding: 13px 7px 14px; color: #000; font-size: 18px; line-height: 1.3; background: #fff; border: 1px solid #7e7272; outline: none; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .range__input::-webkit-input-placeholder { color: #979797; font-size: 18px; } .range__input:-ms-input-placeholder { color: #979797; font-size: 18px; } .range__input::-moz-placeholder { color: #979797; font-size: 18px; opacity: 1; } .range__input::-ms-input-placeholder { color: #979797; font-size: 18px; opacity: 1; } .range__input::placeholder { color: #979797; font-size: 18px; opacity: 1; } .range__input::-webkit-outer-spin-button, .range__input::-webkit-inner-spin-button { -webkit-appearance: none; } .range__input[type=number] { -moz-appearance: textfield; } .range__input:hover, .range__input:focus { border-color: #000; } .rating { display: inline-block; } .rating__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .rating__item { position: relative; display: block; width: 15px; height: 15px; margin: 0 0 0 3px; background: transparent; border: none; outline: none; } @media only screen and (min-width: 768px) { .rating__item { width: 18px; height: 18px; margin: 0 0 0 5px; } } .rating__item:nth-child(1) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .rating__item:nth-child(2) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .rating__item:nth-child(3) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .rating__item:nth-child(4) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .rating__item:nth-child(5) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .rating__item:last-child { margin-left: 0; } .rating__mark { display: block; width: 15px; height: 15px; margin: 0; padding: 0; fill: #c9c9c9; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } @media only screen and (min-width: 768px) { .rating__mark { width: 18px; height: 18px; } } .rating__mark_state_active { fill: #ffd23b; } .rating_size_stable .rating__item { width: 18px; height: 18px; margin: 0 0 0 5px; } .rating_size_stable .rating__item:last-child { margin-left: 0; } .rating_size_stable .rating__mark { width: 18px; height: 18px; } .rating_size_large .rating__label { margin: 0 0 17px; font-size: 17px; } .rating_size_large .rating__item { width: 24px; height: 24px; margin: 0 0 0 7px; } .rating_size_large .rating__item:last-child { margin-left: 0; } .rating_size_large .rating__mark { width: 24px; height: 24px; } .rating_marks_5 .rating__mark { fill: #ffd23b; } .rating_marks_4 .rating__item:nth-child(n + 2) .rating__mark { fill: #ffd23b; } .rating_marks_3 .rating__item:nth-child(n + 3) .rating__mark { fill: #ffd23b; } .rating_marks_2 .rating__item:nth-child(n + 4) .rating__mark { fill: #ffd23b; } .rating_marks_1 .rating__item:nth-child(n + 5) .rating__mark { fill: #ffd23b; } .rating_type_interactable:hover .rating__item:nth-child(n) .rating__mark { fill: #c9c9c9; } .rating_type_interactable:hover .rating__item:nth-child(1):hover .rating__mark, .rating_type_interactable:hover .rating__item:nth-child(1):hover + .rating__item .rating__mark, .rating_type_interactable:hover .rating__item:nth-child(1):hover + .rating__item + .rating__item .rating__mark, .rating_type_interactable:hover .rating__item:nth-child(1):hover + .rating__item + .rating__item + .rating__item .rating__mark, .rating_type_interactable:hover .rating__item:nth-child(1):hover + .rating__item + .rating__item + .rating__item + .rating__item .rating__mark { fill: #ffd23b; } .rating_type_interactable:hover .rating__item:nth-child(2):hover .rating__mark, .rating_type_interactable:hover .rating__item:nth-child(2):hover + .rating__item .rating__mark, .rating_type_interactable:hover .rating__item:nth-child(2):hover + .rating__item + .rating__item .rating__mark, .rating_type_interactable:hover .rating__item:nth-child(2):hover + .rating__item + .rating__item + .rating__item .rating__mark { fill: #ffd23b; } .rating_type_interactable:hover .rating__item:nth-child(3):hover .rating__mark, .rating_type_interactable:hover .rating__item:nth-child(3):hover + .rating__item .rating__mark, .rating_type_interactable:hover .rating__item:nth-child(3):hover + .rating__item + .rating__item .rating__mark { fill: #ffd23b; } .rating_type_interactable:hover .rating__item:nth-child(4):hover .rating__mark, .rating_type_interactable:hover .rating__item:nth-child(4):hover + .rating__item .rating__mark { fill: #ffd23b; } .rating_type_interactable:hover .rating__item:nth-child(5):hover .rating__mark { fill: #ffd23b; } .search-form { position: relative; display: block; } .search-form__input { display: block; width: 100%; height: 50px; padding: 12px 100px 13px 10px; color: #fff; font-size: 18px; line-height: 1.3; background: transparent; border: 1px solid #7d7d7d; border-radius: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .search-form__input::-webkit-input-placeholder { color: #fff; font-size: 18px; } .search-form__input:-ms-input-placeholder { color: #fff; font-size: 18px; } .search-form__input::-moz-placeholder { color: #fff; font-size: 18px; opacity: 1; } .search-form__input::-ms-input-placeholder { color: #fff; font-size: 18px; opacity: 1; } .search-form__input::placeholder { color: #fff; font-size: 18px; opacity: 1; } .search-form__input:focus { border-color: #fff; } .search-form__control { position: absolute; top: 0; right: 0; display: block; } .search-form__button { display: block; width: 50px; height: 50px; font-size: 0; background: transparent; border: none; outline: none; } .search-form__button:focus .search-form__icon { fill: #fff; } .search-form__button_type_clear { position: relative; } .search-form__button_type_clear:before, .search-form__button_type_clear:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 25px; height: 2px; background: currentColor; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .search-form__button_type_clear:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .search-form__icon { width: 20px; height: 20px; fill: #979797; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .search-form__hints { position: absolute; top: 100%; right: 4px; left: 4px; z-index: 1; display: none; overflow-y: auto; max-height: 400px; background: #fff; -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.25); box-shadow: 0 4px 10px rgba(0,0,0,0.25); } @media only screen and (min-width: 1025px) { .search-form__hints { max-height: 450px; } } .search-form__hints_state_open { display: block; } @media only screen and (max-width: 1024px) { .search-form_type_search-panel .search-form__input { padding: 12px 100px 13px 18px; color: #000; border-color: #dedede; } .search-form_type_search-panel .search-form__input::-webkit-input-placeholder { color: #000; font-size: 18px; } .search-form_type_search-panel .search-form__input:-ms-input-placeholder { color: #000; font-size: 18px; } .search-form_type_search-panel .search-form__input::-moz-placeholder { color: #000; font-size: 18px; opacity: 1; } .search-form_type_search-panel .search-form__input::-ms-input-placeholder { color: #000; font-size: 18px; opacity: 1; } .search-form_type_search-panel .search-form__input::placeholder { color: #000; font-size: 18px; opacity: 1; } } @media only screen and (max-width: 1024px) { .search-form_type_search-panel .search-form__control_type_button:before { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; border: 1px solid #dedede; } } .search-form_type_simple .search-form__input { padding: 12px 50px 13px 10px; } .search-form_type_slide .search-form { color: inherit; } .search-form_type_slide .search-form__input { color: inherit; height: 55px; padding: 15px 30px 10px; background: transparent; border: none; border-bottom: 1px solid #dadada; } .search-form_type_slide .search-form__input::-webkit-input-placeholder { color: #979797; font-size: 18px; } .search-form_type_slide .search-form__input:-ms-input-placeholder { color: #979797; font-size: 18px; } .search-form_type_slide .search-form__input::-moz-placeholder { color: #979797; font-size: 18px; opacity: 1; } .search-form_type_slide .search-form__input::-ms-input-placeholder { color: #979797; font-size: 18px; opacity: 1; } .search-form_type_slide .search-form__input::placeholder { color: #979797; font-size: 18px; opacity: 1; } .search-form_type_slide .search-form__button { width: 24px; height: 55px; color: inherit; } .search-form_type_slide .search-form__icon { width: 24px; height: 24px; fill: currentColor; } .search-form_type_slide .search-form__control { right: auto; left: 0; } .search-form_type_slide .search-form__control_type_clear { right: 0; left: auto; } .search-panel { display: block; } .search-panel__tabs { display: block; margin: 0 -20px 25px; } @media only screen and (min-width: 1025px) { .search-panel__tabs { margin: 0; } } .search-panel__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; } @media only screen and (min-width: 1025px) { .search-panel__form { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; padding: 9px 0 11px; background: #000; } } .search-panel__input-wrapper { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: 100%; padding: 0 5px 12px; } @media only screen and (min-width: 1025px) { .search-panel__input-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 25%; padding: 0 25px; } } @media only screen and (min-width: 1281px) { .search-panel__input-wrapper { padding: 0 47px 0 44px; } } @media only screen and (min-width: 1025px) { .search-panel__input-wrapper_type_greedy { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: 100%; padding: 0 25px 0 20px; } } @media only screen and (min-width: 1281px) { .search-panel__input-wrapper_type_greedy { padding: 0 39px 0 23px; } } @media only screen and (max-width: 1024px) { .search-panel__input-wrapper_type_text { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; width: 50%; } } .search-panel__input { display: block; width: 100%; height: 50px; padding: 13px 18px 14px; color: #000; font-size: 18px; line-height: 1.3; background: transparent; border: 1px solid #dedede; border-radius: 0; outline: none; -moz-appearance: textfield; } .search-panel__input::-webkit-input-placeholder { color: #000; font-size: 18px; } .search-panel__input:-ms-input-placeholder { color: #000; font-size: 18px; } .search-panel__input::-moz-placeholder { color: #000; font-size: 18px; opacity: 1; } .search-panel__input::-ms-input-placeholder { color: #000; font-size: 18px; opacity: 1; } .search-panel__input::placeholder { color: #000; font-size: 18px; opacity: 1; } .search-panel__input::-webkit-outer-spin-button, .search-panel__input::-webkit-inner-spin-button { -webkit-appearance: none; } .search-panel__input[type=number] { -moz-appearance: textfield; } @media only screen and (min-width: 1025px) { .search-panel__input { width: 92px; padding: 13px 0 14px; color: #fff; border: none; } .search-panel__input::-webkit-input-placeholder { color: #fff; font-size: 18px; } .search-panel__input:-ms-input-placeholder { color: #fff; font-size: 18px; } .search-panel__input::-moz-placeholder { color: #fff; font-size: 18px; opacity: 1; } .search-panel__input::-ms-input-placeholder { color: #fff; font-size: 18px; opacity: 1; } .search-panel__input::placeholder { color: #fff; font-size: 18px; opacity: 1; } } @media only screen and (min-width: 1025px) { .search-panel__input_size_small { width: 63px; } } .search-panel__extra { position: relative; display: block; -webkit-box-ordinal-group: 100; -ms-flex-order: 99; order: 99; width: 100%; } @media only screen and (min-width: 1025px) { .search-panel__extra { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: auto; margin: 0 0 0 -32px; padding: 0 10px 0 0; } } .search-panel__extra_state_open .search-panel__extra-dropdown { display: block; } .search-panel__extra-button { position: relative; display: block; padding: 12px 0 12px 43px; color: #000; text-decoration: none; background: transparent; border: none; outline: none; } @media only screen and (min-width: 1025px) { .search-panel__extra-button { width: 20px; height: 20px; padding: 0; color: #fff; } } .search-panel__extra-button:before { content: ''; position: absolute; top: 50%; left: 15px; z-index: 1; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20px; height: 20px; background: transparent; border: 1px solid currentColor; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (min-width: 1025px) { .search-panel__extra-button:before { left: 50%; } } .search-panel__extra-button:after { content: ''; position: absolute; top: 50%; left: 15px; z-index: 1; display: block; width: 10px; height: 10px; background: linear-gradient(transparent 0, transparent 4px, currentColor 4px, currentColor 6px, transparent 6px, transparent 10px), linear-gradient(90deg, transparent 0, transparent 4px, currentColor 4px, currentColor 6px, transparent 6px, transparent 10px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (min-width: 1025px) { .search-panel__extra-button:after { left: 50%; } } @media only screen and (min-width: 1025px) { .search-panel__extra-label { display: none; } } .search-panel__extra-dropdown { position: absolute; top: 100%; right: 0; z-index: 150; display: none; width: 100%; background: #fff; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); } @media only screen and (min-width: 1025px) { .search-panel__extra-dropdown { width: auto; -webkit-transform: translate(0, 26px); transform: translate(0, 26px); } } .search-panel__controls { display: block; padding: 10px 0 0; } @media only screen and (min-width: 1025px) { .search-panel__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; max-width: 1164px; margin: 0 auto; } } .search-panel__controls_type_mobile { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-ordinal-group: 101; -ms-flex-order: 100; order: 100; width: 100%; max-width: 100%; padding: 13px 5px 0; } @media only screen and (min-width: 1025px) { .search-panel__controls_type_mobile { display: none; } } .search-panel__control { display: block; } @media only screen and (min-width: 1025px) { .search-panel__control { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; min-width: 240px; max-width: 100%; margin: 0 35px 0 0; } } @media only screen and (min-width: 1025px) { .search-panel__control:first-child { margin-right: 0; } } @media only screen and (min-width: 1025px) { .search-panel__control_type_link { min-width: auto; } } .section { position: relative; display: block; padding: 50px 0; } @media only screen and (min-width: 1025px) { .section { padding: 120px 0; } } .section__header { margin: 0 0 30px; } .section__header:last-child { margin-bottom: 0; } .section__title { margin: 0 0 21px; } @media only screen and (min-width: 1025px) { .section__title { margin: 0 0 27px; } } .section__title:last-child { margin-bottom: 0; } .section__subtitle { margin: 0 0 31px; font-family: Lora, serif; font-size: 24px; font-weight: 500; line-height: 31px; } @media only screen and (min-width: 1025px) { .section__subtitle { margin: 0 0 43px; } } .section__subtitle:last-child { margin-bottom: 0; } @media only screen and (min-width: 1025px) { .section__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media only screen and (min-width: 1025px) { .section__wrapper_overflow_visible { overflow: visible; } } .section__description { display: block; padding: 30px 0; } @media only screen and (min-width: 1025px) { .section__description { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 584px; padding: 0 65px; } } .section__description:first-child { padding-top: 0; } @media only screen and (min-width: 1025px) { .section__description:first-child { padding-left: 0; } } .section__description:last-child { padding-bottom: 0; } @media only screen and (min-width: 1025px) { .section__description:last-child { padding-right: 0; } } .section__fields { margin: 0 0 25px; } @media only screen and (min-width: 1025px) { .section__fields { margin: 0 0 47px; padding: 0 60px 0 0; } } .section__fields:last-child { margin-bottom: 0; } .section__col { display: block; margin: 0 0 30px; } @media only screen and (min-width: 1025px) { .section__col { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; width: 50%; max-width: 100%; margin: 0; } } .section__col:last-child { margin-bottom: 0; } .section__carousel-nav { padding: 5px 0 0; } @media only screen and (min-width: 1025px) { .section__carousel-nav { padding: 71px 0 0; } } .section__carousel, .section__product-carousel { margin: 0 -20px; } @media only screen and (min-width: 1025px) { .section__carousel, .section__product-carousel { margin: 0; } } .section__carousel_type_close, .section__product-carousel_type_close { margin: 0; width: 100%; } .section__footer { position: relative; padding: 19px 0 0; text-align: center; } @media only screen and (min-width: 1025px) { .section__footer { padding: 80px 0 0; } } .section__footer .section__carousel-nav { padding: 0 0 35px; text-align: right; } @media only screen and (min-width: 1025px) { .section__footer .section__carousel-nav { position: absolute; top: 26px; right: 0; z-index: 1; } } .section__footer .section__controls { margin-bottom: 0; } .section__controls { font-size: 0; margin: 0 0 40px; } @media only screen and (min-width: 1025px) { .section__controls { margin: 0; } } .section__control { margin: 0 0 20px; } @media only screen and (min-width: 768px) { .section__control { display: inline-block; vertical-align: middle; min-width: 290px; margin: 0 20px 0 0; } } .section__control:last-child { margin: 0; } @media only screen and (min-width: 480px) { .section__control_size_m { min-width: 240px; } } .section__video { display: block; margin: 0 -20px; } @media only screen and (min-width: 768px) { .section__video { max-width: 670px; margin: 0 auto; } } @media only screen and (min-width: 1025px) { .section__video { margin: 0 0 0 -44px; } } .section__product-info { padding: 0 20px; } @media only screen and (min-width: 1025px) { .section__product-info { max-width: 494px; margin: 0 auto; padding: 198px 100px 50px 25px; } } .section__product-card { padding: 14px 20px 71px; } @media only screen and (min-width: 1025px) { .section__product-card { padding: 0 17% 33px 15.7%; } } .section__product-preview { padding: 0 20px; } @media only screen and (min-width: 1025px) { .section__product-preview { padding: 61px 17% 25px 15.7%; } } .section__highlight-map { height: 100%; } .section__info-carousel { overflow: hidden; } .section__plain-text { margin: 0 0 40px; } @media only screen and (min-width: 1025px) { .section__plain-text { margin: 0 0 75px; } } .section__plain-text:last-child { margin-bottom: 0; } .section__carousel-pagination { width: 214px; margin: 0 0 15px; padding: 8px 0 0; border-top: 1px solid currentColor; } @media only screen and (min-width: 1025px) { .section__carousel-pagination { margin: 0 0 27px; } } .section__carousel-pagination:last-child { margin-bottom: 0; } .section__illustration { display: block; margin: 0 -20px; } @media only screen and (min-width: 768px) { .section__illustration { margin: 0; padding: 0 14.2% 0 0; text-align: center; } } .section__image { display: block; width: 100%; } @media only screen and (min-width: 768px) { .section__image { display: inline-block; vertical-align: middle; width: auto; max-width: 100%; } } .section__logo-group { padding: 8px 0 6px; } @media only screen and (min-width: 768px) { .section__logo-group { padding: 13px 0 6px; } } .section__simple-content { padding: 0 20px; } @media only screen and (min-width: 1025px) { .section__simple-content { padding: 0 8% 0 15%; } } .section__magazine-group { margin: 0 -10px; padding: 34px 0 0; } @media only screen and (min-width: 768px) { .section__magazine-group { margin: 0; padding: 89px 0 0; } } .section__tabs { padding: 15px 0; } @media only screen and (min-width: 1025px) { .section__tabs { padding: 27px 0; } } .section_spacing_close { padding: 0; } .section_spacing_s { padding: 30px 0; } @media only screen and (min-width: 1025px) { .section_spacing_s { padding: 60px 0; } } .section_spacing_l { padding: 65px 0; } @media only screen and (min-width: 1025px) { .section_spacing_l { padding: 150px 0; } } .section_spacing_top-close { padding-top: 0; } .section_spacing_top-s { padding-top: 30px; } @media only screen and (min-width: 1025px) { .section_spacing_top-s { padding-top: 60px; } } .section_spacing_top-l { padding-top: 65px; } @media only screen and (min-width: 1025px) { .section_spacing_top-l { padding-top: 150px; } } .section_spacing_bottom-close { padding-bottom: 0; } @media only screen and (max-width: 767px) { .section_spacing_bottom-close-mobile { padding-bottom: 0; } } .section_spacing_bottom-s { padding-bottom: 30px; } @media only screen and (min-width: 1025px) { .section_spacing_bottom-s { padding-bottom: 60px; } } .section_spacing_bottom-l { padding-bottom: 65px; } @media only screen and (min-width: 1025px) { .section_spacing_bottom-l { padding-bottom: 150px; } } @media only screen and (min-width: 1025px) { .section_header_distant .section__header { margin: 0 0 75px; } } .section_header_distant .section__header:last-child { margin-bottom: 0; } .section_type_staff .section__footer { padding: 30px 0 0; } @media only screen and (min-width: 768px) { .section_type_staff .section__footer { padding: 60px 0 0; } } .section_decoration_left { background: #f7f7f7; } @media only screen and (min-width: 1025px) { .section_decoration_left { background: -webkit-gradient(linear, left top, right top, color-stop(0, #f7f7f7), color-stop(50%, #f7f7f7), color-stop(50%, transparent), to(transparent)); background: linear-gradient(90deg, #f7f7f7 0, #f7f7f7 50%, transparent 50%, transparent 100%); } } .section_decoration_right { background: #f7f7f7; } @media only screen and (min-width: 1025px) { .section_decoration_right { background: -webkit-gradient(linear, right top, left top, color-stop(0, #f7f7f7), color-stop(50%, #f7f7f7), color-stop(50%, transparent), to(transparent)); background: linear-gradient(-90deg, #f7f7f7 0, #f7f7f7 50%, transparent 50%, transparent 100%); } } @media only screen and (min-width: 1025px) { .section_description_slim .section__description { -ms-flex-preferred-size: 36%; flex-basis: 36%; width: 36%; max-width: 355px; padding: 0 40px; } } @media only screen and (min-width: 1281px) { .section_description_slim .section__description { -ms-flex-preferred-size: 28%; flex-basis: 28%; width: 28%; } } @media only screen and (min-width: 1025px) { .section_description_slim .section__description:first-child { padding-left: 0; } } @media only screen and (min-width: 1025px) { .section_description_slim .section__description:last-child { padding-right: 0; } } @media only screen and (min-width: 1025px) { .section_description_slim .section__fields { padding: 0 25px 0 0; } } .section_description_broad .section__description { padding-right: 20px; padding-left: 20px; } @media only screen and (min-width: 1025px) { .section_description_broad .section__description { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: none; padding: 79px 8.85% 30px 6.4%; } } @media only screen and (min-width: 1025px) { .section_description_broad .section__description:last-child { padding: 79px 6.4% 30px 8.85%; } } @media only screen and (min-width: 1025px) { .section_description_broad .section__fields { padding: 0 20px 0 0; } } .section_description_wide .section__description { padding-right: 0; padding-left: 0; } @media only screen and (min-width: 1025px) { .section_description_wide .section__description { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: none; padding: 0 7.5% 0 4.2%; } } @media only screen and (min-width: 1025px) { .section_description_wide .section__description:last-child { padding: 0 4.2% 0 7.5%; } } @media only screen and (min-width: 1025px) { .section_description_wide .section__fields { padding: 0 20px 0 0; } } .section_description_wider .section__description { padding-right: 20px; padding-left: 20px; } @media only screen and (min-width: 1025px) { .section_description_wider .section__description { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: none; padding: 0 7.5% 0 4.2%; } } @media only screen and (min-width: 1025px) { .section_description_wider .section__description:last-child { padding: 0 4.2% 0 7.5%; } } @media only screen and (min-width: 1025px) { .section_description_wider .section__fields { padding: 0 20px 0 0; } } .section_style_gray { background: #f7f7f7; } .section_content_slim .section__content { max-width: 690px; margin: 0 auto; } .section_content_slim .section__fields { padding: 0; } .section_overflow_hidden { overflow: hidden; } @media only screen and (min-width: 1025px) { .section_columns_reversed .section__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .select2 { display: inline-block; } .select2-container--open { z-index: 100000; } .select2__original-input_style_form + .select2-container .select2-selection { height: 50px; background: #fff; border: 1px solid #979797; border-radius: 0; outline: none; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .select2__original-input_style_form + .select2-container .select2-selection:hover, .select2__original-input_style_form + .select2-container .select2-selection:active, .select2__original-input_style_form + .select2-container .select2-selection:focus { border-color: #000; } .select2__original-input_style_form + .select2-container .select2-selection__rendered { padding: 14px 40px 14px 16px; color: #000; font-size: 18px; line-height: 20px; } .select2__original-input_style_form + .select2-container .select2-selection__placeholder { color: #000; } .select2__original-input_style_form + .select2-container .select2-selection__arrow { position: absolute; top: 0; right: 0; z-index: 1; width: 20px; height: 100%; } .select2__original-input_style_form + .select2-container .select2-selection__arrow b { position: absolute; top: 50%; right: 15px; left: auto; z-index: 1; display: block; width: 9px; height: 9px; color: inherit; border-width: 5px 4px 0 4px; border-color: currentColor transparent transparent transparent; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .select2__original-input_style_form + .select2-container--open.select2-container--default .select2-selection__arrow b { border-width: 5px 4px 0 4px; border-color: currentColor transparent transparent transparent; -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } .select2__original-input_style_form.select2-dropdown { color: #000; border: none; border-radius: 0; -webkit-box-shadow: 0 5px 5px -2px rgba(0,0,0,0.5); box-shadow: 0 5px 5px -2px rgba(0,0,0,0.5); } .select2__original-input_style_search-panel + .select2-container .select2-selection { height: 50px; color: #000; font-size: 18px; background: transparent; border: 1px solid #dedede; border-radius: 0; outline: none; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } @media only screen and (min-width: 1025px) { .select2__original-input_style_search-panel + .select2-container .select2-selection { color: #fff; border: none; } } @media only screen and (min-width: 1025px) { .select2__original-input_style_search-panel + .select2-container .select2-selection:hover, .select2__original-input_style_search-panel + .select2-container .select2-selection:active { border: none; } } .select2__original-input_style_search-panel + .select2-container .select2-selection__rendered { padding: 13px 57px 14px 16px; color: currentColor; line-height: 1.3; } @media only screen and (min-width: 1025px) { .select2__original-input_style_search-panel + .select2-container .select2-selection__rendered { padding: 13px 20px 14px 0; } } .select2__original-input_style_search-panel + .select2-container .select2-selection__placeholder { color: currentColor; } .select2__original-input_style_search-panel + .select2-container .select2-selection__arrow { position: absolute; top: 0; right: 0; z-index: 1; width: 57px; height: 100%; } @media only screen and (min-width: 1025px) { .select2__original-input_style_search-panel + .select2-container .select2-selection__arrow { width: 20px; } } .select2__original-input_style_search-panel + .select2-container .select2-selection__arrow b { position: absolute; top: 50%; right: 50%; left: auto; z-index: 1; display: block; width: 9px; height: 9px; color: inherit; border-width: 5px 4px 0 4px; border-color: currentColor transparent transparent transparent; -webkit-transform: translate(50%, 0); transform: translate(50%, 0); } @media only screen and (min-width: 1025px) { .select2__original-input_style_search-panel + .select2-container .select2-selection__arrow b { right: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .select2__original-input_style_search-panel + .select2-container--open.select2-container--default .select2-selection__arrow b { border-width: 5px 4px 0 4px; border-color: currentColor transparent transparent transparent; -webkit-transform: translate(50%, -50%) rotate(180deg); transform: translate(50%, -50%) rotate(180deg); } @media only screen and (min-width: 1025px) { .select2__original-input_style_search-panel + .select2-container--open.select2-container--default .select2-selection__arrow b { -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } } .select2__original-input_style_search-panel.select2-dropdown { color: #000; background: #fff; border: none; border-radius: 0; -webkit-box-shadow: 0 5px 5px -2px rgba(0,0,0,0.5); box-shadow: 0 5px 5px -2px rgba(0,0,0,0.5); } @media only screen and (min-width: 1025px) { .select2__original-input_style_search-panel.select2-dropdown { color: #fff; background: #000; -webkit-box-shadow: 0 5px 5px -2px rgba(255,255,255,0.5); box-shadow: 0 5px 5px -2px rgba(255,255,255,0.5); } } .select2__original-input_style_search-panel.select2-dropdown .select2-results__option { padding: 6px 16px; color: currentColor; } .select2__original-input_style_search-panel.select2-dropdown .select2-results__option[aria-selected='true'] { background-color: #6c6f72; } .select2__original-input_style_search-panel.select2-dropdown .select2-results__option--highlighted[aria-selected] { background-color: #d91546; } .select2__original-input_style_simple + .select2-container .select2-selection { height: 50px; color: #000; font-size: 18px; background: transparent; border: none; border-radius: 0; outline: none; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .select2__original-input_style_simple + .select2-container .select2-selection:hover, .select2__original-input_style_simple + .select2-container .select2-selection:active { border: none; } .select2__original-input_style_simple + .select2-container .select2-selection__rendered { padding: 13px 20px 14px 0; color: #000; line-height: 1.3; } .select2__original-input_style_simple + .select2-container .select2-selection__placeholder { color: #000; } .select2__original-input_style_simple + .select2-container .select2-selection__arrow { position: absolute; top: 0; right: 0; z-index: 1; width: 20px; height: 100%; } .select2__original-input_style_simple + .select2-container .select2-selection__arrow b { position: absolute; top: 50%; right: 0; left: auto; z-index: 1; display: block; width: 9px; height: 9px; color: inherit; border-width: 5px 4px 0 4px; border-color: currentColor transparent transparent transparent; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .select2__original-input_style_simple + .select2-container--open.select2-container--default .select2-selection__arrow b { border-width: 5px 4px 0 4px; border-color: currentColor transparent transparent transparent; -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } .select2__original-input_style_simple.select2-dropdown { color: #000; border: none; border-radius: 0; -webkit-box-shadow: 0 5px 5px -2px rgba(0,0,0,0.5); box-shadow: 0 5px 5px -2px rgba(0,0,0,0.5); } .simple-content { display: block; } .simple-content__header { display: block; margin: 0 0 31px; } @media only screen and (min-width: 1025px) { .simple-content__header { margin: 0 0 38px; } } .simple-content__header:last-child { margin-bottom: 0; } .simple-content__title { display: block; margin: 0 0 29px; } @media only screen and (min-width: 1025px) { .simple-content__title { margin: 0 0 15px; } } .simple-content__title:last-child { margin-bottom: 0; } .simple-content__subtitle { display: block; margin: 0 0 37px; } .simple-content__subtitle:last-child { margin-bottom: 0; } .simple-content__note { display: block; margin: 0 0 15px; font-family: Lora, serif; font-size: 24px; font-weight: 500; line-height: 31px; } .simple-content__note:last-child { margin-bottom: 0; } .simple-content__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; max-width: 500px; margin: 0 0 14px; font-size: 16px; font-weight: 300; } .simple-content__top:last-child { margin-bottom: 0; } .simple-content__label { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .simple-content__date { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; margin: 0 0 0 auto; padding: 0 0 0 20px; } .simple-content__fields { margin: 0 0 61px; } @media only screen and (min-width: 1025px) { .simple-content__fields { margin: 0 0 67px; } } .simple-content__fields:last-child { margin-bottom: 0; } .simple-content__section { margin: 0 0 40px; } @media only screen and (min-width: 1025px) { .simple-content__section { margin: 0 0 67px; } } .simple-content__section:last-child { margin-bottom: 0; } .slide-nav { display: block; padding: 14px 0 30px; text-align: center; } @media only screen and (min-width: 1025px) { .slide-nav { color: #7d7d7d; padding: 31px 0; text-align: left; } } .slide-nav__wrapper { display: block; padding: 0 11px; border-top: 1px solid #d3d3d3; } @media only screen and (min-width: 1025px) { .slide-nav__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1306px; margin: 0 auto; padding: 0 20px; border: none; } } .slide-nav__col { display: block; } @media only screen and (min-width: 1025px) { .slide-nav__col { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; min-width: 220px; max-width: 100%; border-left: 1px solid #696969; } } @media only screen and (min-width: 1281px) { .slide-nav__col { min-width: 278px; } } @media only screen and (min-width: 1025px) { .slide-nav__col:first-child { border-left: none; } } .slide-nav__list { display: block; margin: 0; padding: 26px 0 12px; font-size: 18px; line-height: 1.1; list-style: none; } @media only screen and (min-width: 1025px) { .slide-nav__list { padding: 17px 0; } } @media only screen and (min-width: 1281px) { .slide-nav__list { font-size: 20px; } } .slide-nav__list_size_l { font-size: 32px; } @media only screen and (min-width: 1281px) { .slide-nav__list_size_l { min-width: 400px; padding: 6px 0; font-size: 56px; line-height: 76px; } } .slide-nav__list_size_l .slide-nav__link { font-family: Lora, serif; } @media only screen and (min-width: 1025px) { .slide-nav__list_style_important > .slide-nav__item > .slide-nav__link { font-size: 22px; font-weight: 600; } } .slide-nav__item { position: relative; display: block; margin: 0 0 20px; } @media only screen and (min-width: 1025px) { .slide-nav__item { margin: 0 0 8px; padding: 0 20px; } } @media only screen and (min-width: 1281px) { .slide-nav__item { padding: 0 34px; margin: 0 0 11px; } } .slide-nav__item:last-child { margin-bottom: 0; } @media only screen and (min-width: 1025px) { .slide-nav__item:hover > .slide-nav__sub { display: block; } } @media only screen and (max-width: 1024px) { .slide-nav__item_state_open > .slide-nav__sub { display: block; } } @media only screen and (max-width: 1024px) { .slide-nav__item_state_open > .slide-nav__link { color: #d91546; font-weight: 700; } } .slide-nav__link { display: block; color: inherit; text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, border-color; transition-property: color, border-color; } @media only screen and (min-width: 1025px) { .slide-nav__link:hover { color: #fff; text-decoration: none; } } @media only screen and (min-width: 1025px) { .slide-nav__link:focus, .slide-nav__link:active { color: #fff; text-decoration: none; border-bottom-color: currentColor; } } .slide-nav__sub { display: none; padding: 16px 0 5px; } @media only screen and (min-width: 1025px) { .slide-nav__sub { position: absolute; top: 0; left: 100%; width: 284px; padding: 8px 0 0 30px; } } .slide-nav__sub .slide-nav__list { padding: 0; font-size: 14px; } @media only screen and (min-width: 1025px) { .slide-nav__sub .slide-nav__list { font-size: inherit; } } .slide-nav__sub .slide-nav__item { padding: 0; margin: 0 0 13px; } @media only screen and (min-width: 1025px) { .slide-nav__sub .slide-nav__item { margin: 0 0 8px; } } @media only screen and (min-width: 1281px) { .slide-nav__sub .slide-nav__item { margin: 0 0 12px; } } .slide-nav__sub .slide-nav__item:last-child { margin-bottom: 0; } .slide-nav__sub .slide-nav__link { border: none; } @media only screen and (min-width: 1025px) { .slide-nav__mobile-search { display: none; } } .slide-nav_type_static { padding: 0 0 50px; color: #000; } @media only screen and (min-width: 1025px) { .slide-nav_type_static { padding: 0 0 125px; } } .slide-nav_type_static .slide-nav__wrapper { max-width: 1276px; } @media only screen and (min-width: 1025px) { .slide-nav_type_static .slide-nav__wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media only screen and (min-width: 1025px) { .slide-nav_type_static .slide-nav__col { border: none; } } @media only screen and (min-width: 1281px) { .slide-nav_type_static .slide-nav__col { min-width: 238px; } } @media only screen and (min-width: 1025px) { .slide-nav_type_static .slide-nav__col:not(:first-child) > .slide-nav__list { border-left: 1px solid #696969; } } @media only screen and (min-width: 1025px) { .slide-nav_type_static .slide-nav__list { padding: 11px 0; } } .slide-nav_type_static .slide-nav__list_size_l { padding: 0; } .slide-nav_type_static .slide-nav__link { border: none; } .slide-nav_type_static .slide-nav__link:hover, .slide-nav_type_static .slide-nav__link:focus, .slide-nav_type_static .slide-nav__link:active { color: #d91546; } @media only screen and (min-width: 1025px) { .slide-nav_type_static .slide-nav__sub { position: static; display: block; width: auto; padding: 10px 0 16px 40px; } } .slide-nav_type_static .slide-nav__sub .slide-nav__list { padding: 0; } @media only screen and (min-width: 1281px) { .slide-nav_type_static .slide-nav__sub .slide-nav__sub { padding-left: 88px; padding-bottom: 0; } } @media only screen and (min-width: 1025px) and (min-width: 1281px) { .slide-nav_type_static .slide-nav__sub { padding: 12px 0 20px 53px; } } .slide-search { display: block; padding: 15px 20px 23px; } @media only screen and (min-width: 1025px) { .slide-search { padding: 15px 75px 23px 61px; } } .slide-search__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .slide-search__burger { position: relative; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; width: 40px; max-width: 40px; margin: 0 14px 0 0; padding: 0 16px 0 0; } .slide-search__burger:after { content: ''; position: absolute; top: 50%; right: 0; z-index: 1; display: block; width: 1px; height: 100%; background: currentColor; -webkit-transform: translate(0, -40%); transform: translate(0, -40%); } .slide-search__burger:last-child { margin-right: 0; padding-right: 0; } .slide-search__burger:last-child:after { display: none; } .slide-search__form { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: 100%; } .social-nav { display: block; } .social-nav__list { display: block; margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0; } @media only screen and (min-width: 1025px) { .social-nav__list { white-space: nowrap; } } .social-nav__item { display: inline-block; vertical-align: middle; margin: 0 9px 27px 0; padding: 0; } @media only screen and (min-width: 1025px) { .social-nav__item { margin: 0 8px 0 0; } } .social-nav__item:last-child { margin-right: 0; } .social-nav__link { display: block; width: auto; height: auto; padding: 14px; fill: currentColor; color: #fff; text-decoration: none; background: #3c3c3c; border-radius: 50%; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, background; transition-property: color, background; } @media only screen and (min-width: 1025px) { .social-nav__link { padding: 10px; } } .social-nav__link:hover, .social-nav__link:active, .social-nav__link:focus { color: #fff; text-decoration: none; background: #d91546; } .social-nav__text { font-size: 1rem; font-weight: 700; line-height: 1.2; } .social-nav__icon { display: block; width: 100%; max-width: 32px; height: 100%; max-height: 32px; fill: inherit; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } @media only screen and (min-width: 1025px) { .social-nav__icon { max-width: 22px; max-height: 22px; } } .social-nav_align_left { text-align: left; } .social-nav_align_center { text-align: center; } .social-nav_align_right { text-align: right; } @media only screen and (min-width: 1px) { .social-nav_align_xs-left { text-align: left; } } @media only screen and (min-width: 1px) { .social-nav_align_xs-center { text-align: center; } } @media only screen and (min-width: 1px) { .social-nav_align_xs-right { text-align: right; } } @media only screen and (min-width: 480px) { .social-nav_align_s-left { text-align: left; } } @media only screen and (min-width: 480px) { .social-nav_align_s-center { text-align: center; } } @media only screen and (min-width: 480px) { .social-nav_align_s-right { text-align: right; } } @media only screen and (min-width: 768px) { .social-nav_align_m-left { text-align: left; } } @media only screen and (min-width: 768px) { .social-nav_align_m-center { text-align: center; } } @media only screen and (min-width: 768px) { .social-nav_align_m-right { text-align: right; } } @media only screen and (min-width: 1025px) { .social-nav_align_l-left { text-align: left; } } @media only screen and (min-width: 1025px) { .social-nav_align_l-center { text-align: center; } } @media only screen and (min-width: 1025px) { .social-nav_align_l-right { text-align: right; } } @media only screen and (min-width: 1281px) { .social-nav_align_xl-left { text-align: left; } } @media only screen and (min-width: 1281px) { .social-nav_align_xl-center { text-align: center; } } @media only screen and (min-width: 1281px) { .social-nav_align_xl-right { text-align: right; } } @media only screen and (min-width: 1440px) { .social-nav_align_xxl-left { text-align: left; } } @media only screen and (min-width: 1440px) { .social-nav_align_xxl-center { text-align: center; } } @media only screen and (min-width: 1440px) { .social-nav_align_xxl-right { text-align: right; } } .social-nav_size_s .social-nav__item { margin: 0 11px 0 0; } @media only screen and (min-width: 1025px) { .social-nav_size_s .social-nav__item { margin: 0 7px 0 0; } } .social-nav_size_s .social-nav__item:last-child { margin-bottom: 0; } .social-nav_size_s .social-nav__link { padding: 11px 9px 11px 10px; } @media only screen and (min-width: 1025px) { .social-nav_size_s .social-nav__link { padding: 6px; } } .social-nav_size_s .social-nav__icon { max-width: 28px; max-height: 25px; } @media only screen and (min-width: 1025px) { .social-nav_size_s .social-nav__icon { max-width: 18px; max-height: 18px; } } .social-nav_size_s .social-nav__text { font-size: 0.75rem; } .social-nav_style_light .social-nav__link { color: #3f3f3f; background: #f7f7f7; } .social-nav_style_light .social-nav__link:hover, .social-nav_style_light .social-nav__link:active, .social-nav_style_light .social-nav__link:focus { color: #d91546; background: #f7f7f7; } .social-nav_style_simple .social-nav__item { margin: 0 19px 0 0; } .social-nav_style_simple .social-nav__item:last-child { margin-right: 0; } .social-nav_style_simple .social-nav__link { color: #fff; padding: 0; background: transparent; } .social-nav_style_simple .social-nav__icon { width: 28px; max-width: none; height: 20px; max-height: none; } .sorting-filters { position: relative; display: block; font-size: 16px; line-height: 20px; } @media only screen and (min-width: 1025px) { .sorting-filters { font-size: 18px; line-height: 28px; } } .sorting-filters__header { position: relative; z-index: 100; display: block; } .sorting-filters__body { position: absolute; top: 100%; left: 0; z-index: 50; display: none; padding: 16px 5px; background: #fff; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); -webkit-transform: translate(11px, 7px); transform: translate(11px, 7px); } .sorting-filters__triggers { display: block; } .sorting-filters__trigger { display: block; padding: 3px 0 4px; white-space: nowrap; } .sorting-filters__trigger:last-child { margin: 0; } .sorting-filters__link { display: block; width: 100%; padding: 0 5px; fill: #3c3c3c; color: #000; text-align: left; text-decoration: none; background: transparent; border: none; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: fill, color; transition-property: fill, color; } @media only screen and (min-width: 768px) { .sorting-filters__link { padding: 0 11px; } } .sorting-filters__link:hover { fill: #d91546; color: #d91546; text-decoration: none; background: transparent; } .sorting-filters__link-label { display: inline-block; vertical-align: middle; } .sorting-filters__icon-wrapper { display: inline-block; vertical-align: middle; margin: 0 19px 0 0; } @media only screen and (min-width: 768px) { .sorting-filters__icon-wrapper { margin: 0 8px 0 0; } } .sorting-filters__icon-wrapper:last-child { margin-right: 0; } .sorting-filters__icon { display: block; width: 12px; height: 16px; fill: inherit; } .sorting-filters_state_open .sorting-filters__body { display: block; } .staff { display: block; } .staff__list { display: block; margin: 0; padding: 0; list-style: none; } @media only screen and (min-width: 768px) { .staff__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -14px -25px; } } @media only screen and (min-width: 1025px) { .staff__list { margin: 0 -14px -56px; } } .staff__item { display: block; margin: 0 0 40px; padding: 0 5px; } @media only screen and (min-width: 768px) { .staff__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; margin: 0; padding: 0 14px 40px; } } @media only screen and (min-width: 1025px) { .staff__item { -ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%; max-width: 25%; padding: 0 14px 56px; } } .staff__item:last-child { margin-bottom: 0; } .staff__item:hover .staff__controls { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.0001s ease 0.0001s; transition: opacity 0.3s ease, -webkit-transform 0.0001s ease 0.0001s; transition: opacity 0.3s ease, transform 0.0001s ease 0.0001s; transition: opacity 0.3s ease, transform 0.0001s ease 0.0001s, -webkit-transform 0.0001s ease 0.0001s; } .staff__wrapper { display: block; } .staff__illustration { display: block; width: 100%; margin: 0 0 24px; text-decoration: none; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .staff__illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 111.11111% 0 0; } .staff__illustration:last-child { margin-bottom: 0; } .staff__image { display: none; } .staff__info { display: block; } .staff__title { display: block; margin: 0 0 11px; } .staff__title:last-child { margin-bottom: 0; } .staff__label { display: block; margin: 0 0 29px; color: #686868; font-family: Lora, serif; font-size: 14px; line-height: 18px; } .staff__label:last-child { margin-bottom: 0; } .staff__controls { display: block; margin: 0 0 20px; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.0001s ease 0.3s; transition: opacity 0.3s ease, -webkit-transform 0.0001s ease 0.3s; transition: opacity 0.3s ease, transform 0.0001s ease 0.3s; transition: opacity 0.3s ease, transform 0.0001s ease 0.3s, -webkit-transform 0.0001s ease 0.3s; } .staff__controls:last-child { margin-bottom: 0; } .staff__control { display: block; width: 200px; margin: 0 0 10px; } .staff__control:last-child { margin-bottom: 0; } .stickybits { display: block; } .sub-panel { display: block; padding: 33px 0 66px; text-align: center; background: #f7f7f7; } @media only screen and (min-width: 1025px) { .sub-panel { padding: 125px 0 146px; } } .sub-panel__title { display: block; margin: 0 0 25px; padding: 0; font-family: Lora, serif; font-size: 36px; font-weight: 500; line-height: 46px; } @media only screen and (min-width: 1025px) { .sub-panel__title { margin: 0 0 39px; font-size: 42px; line-height: 54px; } } .sub-panel__title:last-child { margin-bottom: 0; } .sub-panel__description { display: block; max-width: 454px; margin: 0 auto 43px; } @media only screen and (min-width: 1025px) { .sub-panel__description { margin: 0 auto 50px; } } .sub-panel__description:last-child { margin-bottom: 0; } .sub-panel__line { position: relative; font-size: 0; } .sub-panel__input { position: relative; z-index: 1; display: block; width: 100%; height: 50px; margin: 0 0 28px; padding: 12px 24px 13px; color: #000; font-size: 18px; line-height: 1.3; background: #fff; border: 1px solid #000; border-radius: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .sub-panel__input::-webkit-input-placeholder { color: #888; font-size: 18px; } .sub-panel__input:-ms-input-placeholder { color: #888; font-size: 18px; } .sub-panel__input::-moz-placeholder { color: #888; font-size: 18px; opacity: 1; } .sub-panel__input::-ms-input-placeholder { color: #888; font-size: 18px; opacity: 1; } .sub-panel__input::placeholder { color: #888; font-size: 18px; opacity: 1; } @media only screen and (min-width: 768px) { .sub-panel__input { display: inline-block; vertical-align: middle; width: 290px; margin: 0; } } .sub-panel__input:last-child { margin-bottom: 0; } .sub-panel__input_state_error { border-color: #d91546; } .sub-panel__submit { display: block; } @media only screen and (min-width: 768px) { .sub-panel__submit { display: inline-block; vertical-align: middle; width: 220px; margin: 0 0 0 -1px; } } .sub-panel__form_state_success .sub-panel__main { display: none; } .sub-panel__form_state_success .sub-panel__message { display: block; } .sub-panel__main { display: block; } .sub-panel__message { display: none; font-family: Lora, serif; font-size: 22px; line-height: 1.2; } .tabs { display: block; } .tabs__nav { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none; line-height: 1.6; } .tabs__item { margin: 0; padding: 0; list-style: none; } .tabs__label { display: block; min-width: 130px; height: 100%; padding: 7px 10px 8px; color: #fff; font-size: 18px; line-height: 1.3; text-align: center; text-decoration: none; background: #6c6f72; border: none; border-radius: 0; outline: none; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .tabs__label:hover { color: #fff; text-decoration: none; background: #535557; } .tabs__label_state_active { color: #fff; background: #424446; } .tabs__label_state_disabled { cursor: not-allowed; opacity: 0.5; } .tabs__content { display: block; } .tabs__panel_state_hidden { display: none; } .tabs__panel_state_active { display: block; } .tabs_nav-align_left .tabs__nav { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .tabs_nav-align_center .tabs__nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tabs_nav-align_right .tabs__nav { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .tabs_nav-align_around .tabs__nav { -ms-flex-pack: distribute; justify-content: space-around; } .tabs_nav-align_between .tabs__nav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 1024px) { .tabs_type_search-panel .tabs__item { -webkit-box-flex: 1; -ms-flex: 1 1 10%; flex: 1 1 10%; width: 10%; max-width: 100%; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .tabs_type_search-panel .tabs__item:last-child { border-right: none; } } @media only screen and (max-width: 1024px) { .tabs_type_search-panel .tabs__label { min-width: 100%; padding: 18px 15px 19px; color: #000; background: #fff; } } @media only screen and (max-width: 1024px) { .tabs_type_search-panel .tabs__label:hover { color: #000; text-decoration: none; background: #f6f6f6; } } @media only screen and (max-width: 1024px) { .tabs_type_search-panel .tabs__label_state_active { color: #000; background: #f1f1f1; } } .tabs_style_light .tabs__label { color: #000; background: #f7f7f7; } .tabs_style_light .tabs__label:hover { color: #fff; text-decoration: none; background: #535557; } .tabs_style_light .tabs__label_state_active { color: #fff; background: #3c3c3c; } .tabs_size_l .tabs__label { width: 140px; padding: 4px 6px 6px; font-size: 16px; } @media only screen and (min-width: 768px) { .tabs_size_l .tabs__label { font-size: 18px; } } @media only screen and (min-width: 1025px) { .tabs_size_l .tabs__label { width: 345px; padding: 18px 20px 19px; font-size: 22px; line-height: 23px; } } .tag-list { display: block; } .tag-list__items { display: block; margin: 0; padding: 0; list-style: none; font-size: 0; } .tag-list__item { display: inline-block; vertical-align: middle; margin: 0 10px 10px 0; } .tag-list__item:last-child { margin-right: 0; } .tag-list__link { position: relative; display: block; padding: 0 28px 0 11px; color: #686868; font-size: 16px; line-height: 30px; text-decoration: none; background: #f7f7f7; border: none; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, background; transition-property: color, background; } .tag-list__link:hover { color: #000; text-decoration: none; background: #f1f1f1; } .tag-list__link:focus, .tag-list__link:active { color: #686868; text-decoration: none; background: #f1f1f1; } .tag-list__remove { position: absolute; top: 0; right: 0; bottom: 0; z-index: 10; width: 25px; height: 100%; color: inherit; font-size: 0; text-decoration: none; background: transparent; border: none; outline: none; } .tag-list__remove:before, .tag-list__remove:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; width: 10px; height: 1px; background: currentColor; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .tag-list__remove:after { width: 1px; height: 10px; } .title { display: block; margin: 0; padding: 0; font-family: Lora, serif; font-weight: 500; line-height: 1.3; text-align: left; word-break: break-word; } .title_size_h1 { font-size: 36px; line-height: 46px; } @media only screen and (min-width: 1025px) { .title_size_h1 { font-size: 42px; line-height: 54px; } } .title_size_h2 { font-size: 32px; line-height: 38px; } @media only screen and (min-width: 1025px) { .title_size_h2 { font-size: 40px; line-height: 51px; } } .title_size_h3 { font-size: 24px; line-height: 31px; } @media only screen and (min-width: 1025px) { .title_size_h3 { font-size: 36px; line-height: 46px; } } .title_size_h4 { font-size: 24px; line-height: 31px; } .title_size_h5 { font-size: 22px; line-height: 28px; } .title_size_h6 { font-size: 20px; line-height: 26px; } .title_align_left { text-align: left; } .title_align_center { text-align: center; } .title_align_right { text-align: right; } @media only screen and (min-width: 1px) { .title_align_xs-left { text-align: left; } } @media only screen and (min-width: 1px) { .title_align_xs-center { text-align: center; } } @media only screen and (min-width: 1px) { .title_align_xs-right { text-align: right; } } @media only screen and (min-width: 480px) { .title_align_s-left { text-align: left; } } @media only screen and (min-width: 480px) { .title_align_s-center { text-align: center; } } @media only screen and (min-width: 480px) { .title_align_s-right { text-align: right; } } @media only screen and (min-width: 768px) { .title_align_m-left { text-align: left; } } @media only screen and (min-width: 768px) { .title_align_m-center { text-align: center; } } @media only screen and (min-width: 768px) { .title_align_m-right { text-align: right; } } @media only screen and (min-width: 1025px) { .title_align_l-left { text-align: left; } } @media only screen and (min-width: 1025px) { .title_align_l-center { text-align: center; } } @media only screen and (min-width: 1025px) { .title_align_l-right { text-align: right; } } @media only screen and (min-width: 1281px) { .title_align_xl-left { text-align: left; } } @media only screen and (min-width: 1281px) { .title_align_xl-center { text-align: center; } } @media only screen and (min-width: 1281px) { .title_align_xl-right { text-align: right; } } @media only screen and (min-width: 1440px) { .title_align_xxl-left { text-align: left; } } @media only screen and (min-width: 1440px) { .title_align_xxl-center { text-align: center; } } @media only screen and (min-width: 1440px) { .title_align_xxl-right { text-align: right; } } .video { position: relative; display: block; overflow: hidden; width: 100%; height: auto; background: #c4c4c4; } .video:before { content: ''; display: block; width: 100%; height: auto; padding: 56.7% 0 0; } .video__panel, .video__content { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .video__content { z-index: 20; display: none; } .video__trigger { position: absolute; top: 50%; left: 50%; z-index: 10; display: block; width: 60px; height: 60px; color: #f4f4f4; font-size: 0; line-height: 0; cursor: pointer; background: transparent; border: 2px solid currentColor; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .video__trigger:hover { color: #d91546; } .video__icon { position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 24px; height: 32px; fill: currentColor; -webkit-transform: translate(-33%, -50%); transform: translate(-33%, -50%); } .video_state_active .video__content { display: block; } .video_control_small .video__trigger { width: 30px; height: 30px; } .video_control_small .video__trigger:before { width: 0; height: 0; padding: 0 !important; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #fff; } .work-list { display: block; color: main-color; } .work-list__title { display: block; font-size: 40px; font-weight: 600; } .work-list__list { counter-reset: workList; } .work-list__item:before { content: counter(workList) '.'; counter-increment: workList; display: inline-block; vertical-align: middle; min-width: 20px; padding: 0 5px 0 0; font-size: 20px; text-align: left; } .work-list__link { display: inline-block; vertical-align: middle; color: inherit; font-size: 20px; text-decoration: none; } .work-list__link[href='#'] { cursor: default; pointer-events: none; opacity: 0.2; } @media only screen and (max-width: 0px) { .hide-xs { display: none; } } @media only screen and (min-width: 1px) { .hide-rev-xs { display: none; } } @media only screen and (max-width: 479px) { .hide-s { display: none; } } @media only screen and (min-width: 480px) { .hide-rev-s { display: none; } } @media only screen and (max-width: 767px) { .hide-m { display: none; } } @media only screen and (min-width: 768px) { .hide-rev-m { display: none; } } @media only screen and (max-width: 1024px) { .hide-l { display: none; } } @media only screen and (min-width: 1025px) { .hide-rev-l { display: none; } } @media only screen and (max-width: 1280px) { .hide-xl { display: none; } } @media only screen and (min-width: 1281px) { .hide-rev-xl { display: none; } } @media only screen and (max-width: 1439px) { .hide-xxl { display: none; } } @media only screen and (min-width: 1440px) { .hide-rev-xxl { display: none; } } /* End */ /* Start:/static/assets/styles/custom.css?164022447933*/ /* Write your custom code here */ /* End */ /* Start:/local/templates/barnes/components/bitrix/menu/top.menu/style.css?1640224443289*/ .nav_hover:hover .nav__submenu{ display: block; } .nav_hover{ position: relative; } .nav__link{ font-family: Lora, serif; text-transform: uppercase; } .slide-nav_hover:hover .slide-nav__sub{ display: block; } .slide-nav_hover{ position: relative; } /* End */ /* Start:/local/templates/barnes/components/bitrix/search.form/header_mobile/style.css?164022444334*/ .search-form{ width: 100%; } /* End */ /* Start:/local/templates/barnes/components/bitrix/search.form/header/style.css?164022444334*/ .search-form{ width: 100%; } /* End */ /* Start:/local/templates/barnes/components/bitrix/system.auth.form/auth/style.css?1640224443443*/ div.bx-system-auth-form span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:bottom; margin-top:-1px;} div.bx-system-auth-form div.bx-auth-secure-icon {background-image:url(/local/templates/barnes/components/bitrix/system.auth.form/auth/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;} div.bx-system-auth-form div.bx-auth-secure-unlock {background-image:url(/local/templates/barnes/components/bitrix/system.auth.form/auth/images/sec-unlocked.png);} /* End */ /* Start:/local/templates/barnes/components/bitrix/system.auth.forgotpasswd/password/style.css?1640224443416*/ .wrap_center{ max-width: 390px; margin: 0 auto; } .wrap_center .modal__form{ margin: 0 auto; padding: 30px 0 0; } .wrap_center .modal__controls{ padding: 0; } .wrap_center .modal__line{ margin: 0; } body .modal__title { font-size: 30px; } .email_pas .form__icon-panel{ right: 0; } @media only screen and (max-width: 768px) { body .modal__loader { top: 42px; } } /* End */ /* Start:/local/templates/barnes/components/bitrix/main.register/register/style.css?1640224443700*/ div.bx-auth-reg input.bx-auth-input {vertical-align:middle;} div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;} div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(/local/templates/barnes/components/bitrix/main.register/register/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;} div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(/local/templates/barnes/components/bitrix/main.register/register/images/sec-unlocked.png);} .notetext{ display: none; } .form__error-text{ display: none; } .form__element_state_error .form__error-text{ display: block; } #modalSignUp .form__error-text p{ text-align: left; font-size: 18px; } /* End */ /* Start:/local/templates/barnes/components/bitrix/main.userconsent.request/.default/style.css?1640224443226*/ body .main-user-consent-request-popup{ z-index: 900000; } #bx-soa-orderSave{ position: relative; padding: 0 10px; } #bx-soa-orderSave .check-elem__input{ box-sizing: border-box; top: 50%; left: 8px; } /* End */ /* Start:/local/templates/barnes/components/bitrix/main.userconsent.request/.default/user_consent.css?16402244433831*/ .main-user-consent-request a { cursor: pointer; } .main-user-consent-request-popup { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.5); overflow: hidden; z-index: 9000; } .main-user-consent-request-popup-cont { min-height: 290px; /* loader magic */ position: absolute; top: 50%; left: 50%; margin: 0 auto; padding: 20px; min-width: 320px; background: #fff; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; } .main-user-consent-request-popup-header { margin: 0 0 30px 0; font: normal 18px "Helvetica Neue", Arial, Helvetica, sans-serif; color: #000; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 260px; } .main-user-consent-request-popup-textarea-block { margin: 0 0 20px 0; } .main-user-consent-request-popup-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main-user-consent-request-popup-button { display: inline-block; height: 39px; margin: 0 10px 5px 0; padding: 0 18px; border: none; border-radius: 2px; font: normal 12px/39px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #535c69; outline: none; vertical-align: middle; text-decoration: none; text-transform: uppercase; text-shadow: none; white-space: nowrap; -webkit-font-smoothing: antialiased; -webkit-transition: background-color 0.2s linear, color 0.2s linear; transition: background-color 0.2s linear, color 0.2s linear; cursor: pointer; } .main-user-consent-request-popup-button-acc { background: #bbed21; } .main-user-consent-request-popup-button-acc:hover { background: #d2f95f; } .main-user-consent-request-popup-button-rej { -webkit-box-shadow: inset 0 0 0 1px #a1a6ac; box-shadow: inset 0 0 0 1px #a1a6ac; background: none; } .main-user-consent-request-popup-button-rej:hover { background: #cfd4d8; } .main-user-consent-request-popup-text { padding: 5px 10px; width: 100%; height: 130px; border: 1px solid #999; background: #fff; box-sizing: border-box; outline: none; -moz-appearance: none; } /** LOADER **/ .main-user-consent-request-loader { position: relative; height: 100px; width: 100px; margin: 0 auto; -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .main-user-consent-request-path { stroke: #80868e; stroke-dasharray: 100, 200; } .main-user-consent-request-loader:before { content: ''; display: block; padding-top: 100%; } .main-user-consent-request-circular { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: inherit; width: inherit; -webkit-animation: rotate 1s linear infinite; animation: rotate 1s linear infinite; -webkit-transform-origin: center center; transform-origin: center center; } .main-user-consent-request-path { stroke: #ccc; stroke-dasharray: 60, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; } .main-user-consent-request-announce{ cursor: pointer; color: #333; font-size:13px; line-height: 15px; } @keyframes rotate { 100% { transform: rotate(360deg); } } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); } } @media (min-width: 1000px) { .main-user-consent-request-popup-cont { min-height: 400px; min-width: 640px; } .main-user-consent-request-popup-header { max-width: 590px; } .main-user-consent-request-popup-text { height: 240px; } } /* End */ /* Start:/local/templates/barnes/components/bitrix/main.share/barnes_share/style.css?16402244431196*/ .main-share { display: inline-flex; margin: 0; padding: 0; list-style: none; align-items: center; } .main-share-icon { display: block; margin-left: 4px; width: 22px; height: 22px; } .main-share-icon a, .main-share-icon a:link, .main-share-icon a:visited, .main-share-icon a:active { display: block; padding-top: 4px; width: 22px; height: 22px; border-radius: 3px; color: #fff; vertical-align: middle; text-align: center; font-size: 14px; } .main-share-icon > a { background-size: cover; } .main-share-icon .main-share-vk { background: #446690 no-repeat center url(/local/templates/barnes/components/bitrix/main.share/barnes_share/images/icon-vk.svg); } .main-share-icon .main-share-twitter { background: #50abf1 no-repeat center url(/local/templates/barnes/components/bitrix/main.share/barnes_share/images/icon-twitter.svg); } .main-share-icon .main-share-google-plus { background: #fff no-repeat center url(/local/templates/barnes/components/bitrix/main.share/barnes_share/images/icon-google-plus.svg); } .main-share-icon .main-share-pinterest { background: #cb2027 no-repeat center url(/local/templates/barnes/components/bitrix/main.share/barnes_share/images/icon-pinterest.svg); background-size: 16px; } .main-share-icon .main-share-facebook { background: #39579a no-repeat center url(/local/templates/barnes/components/bitrix/main.share/barnes_share/images/icon-facebook.svg); } .main-share-icon .main-share-telegram { background: #50abf1 no-repeat center url(/local/templates/barnes/components/bitrix/main.share/barnes_share/images/icon-telegram.svg); } /* End */ /* Start:/local/templates/barnes/template_styles.css?164022444312495*/ body .page__slide_state_open{ z-index: 1000; } .search-panel__form form{ display: -webkit-box; display: -ms-flexbox; display: contents; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; } .modal .title_size_h3{ color: #000; text-align: center; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .popup-window{ padding: 0; } .search-panel__form{ min-height: 70px; } .page__breadcrumbs .breadcrumbs { } .page__breadcrumbs.breadcrumbs_style_light .breadcrumbs { color: #f1f1f1; } .mapboxgl-marker svg g{ fill: rgb(217, 21, 70); } .element_img{ position: absolute; } .map-form__map.contact_wrap svg{ display: none; } .js-map .mapboxgl-marker svg{ /* background: url(/images/pin_barnes.svg) no-repeat;*/ width: 16px; height: 38px; } .pseudo-map .mapboxgl-marker svg{ width: 16px; height: 38px; } .product-card__map .mapboxgl-marker svg{ width: 16px; height: 38px; } .js-map .mapboxgl-popup{ top: -15px; } .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{ margin-top: -1px; } .infoWindow { z-index: 1000; background: #fff; border-radius: 3px; padding: 0 0 15px; text-align: center; font-size: 12px; } .infoWindow .title { font-weight: bold; margin-bottom: 5px; text-align: center; padding: 0 15px; } .infoWindow .infoPhoto { position: relative; top: -5px; } .tabs__content .search-panel__form{ min-height: auto; padding: 0; } .tabs__content .search-panel__input-wrapper{ padding: 0; } .tabs__content .search-panel__input-wrapper_type_greedy{ padding-right: 39px; } .tabs__content .search-panel__input-wrapper .filter{ padding: 10px 47px 10px 44px; } .tabs__content .search-panel__input-wrapper .filter_state_open{ background-color: #fff; } .tabs__content .search-panel__input-wrapper .filter_state_open .filter__header{ color: #000; } .product-inline-snippet__info{ max-width: 70%; } body .filter__body{ transform: translate(0, 0px); } body .filter_size_small .filter__body{ transform: translate(-140px, 0px); } @media only screen and (max-width: 1025px){ body .filter_size_small .filter__body{ transform: translate(0, 0px); } } body .page__search{ position: fixed; z-index: 1000; } .detail_text{ padding: 20px; display: none; } .wrap_404{ margin-top: 40px; } .wrap_404 h2{ font-size: 56px; line-height: 158%; font-family: Lora; font-style: normal; font-weight: normal; text-align: center; margin-bottom: 0; } .wrap_404 h1{ font-family: Lora; font-style: normal; font-weight: normal; font-size: 256px; line-height: 88%; align-items: center; text-align: center; } .wrap_404 p{ font-family: Lora; font-style: normal; font-weight: normal; font-size: 30px; line-height: 88%; align-items: center; text-align: center; } .infoWindow a { color: black; text-decoration: none; line-height: 1.4; } .section__masonry .entry-panel__content{ padding: 25px 10px 15px; } .infoWindow img { width: 100%; margin: 5px 0; } body .mapboxgl-popup-content{ padding: 0px 0px 10px; } .infoWindow .font-light { font-weight: 600; } .grid__container .catalog__controls{ min-height: 50px; } .page__body_menu_open .page__menu{ z-index: 500; margin-top: 50px; } .grid__container .swiper-wrapper{ height: auto; } .tablebodytext{ display: none; } .page__body_menu_open .header_style_fade-l{ background-image: none; } .page__body_menu_open .breadcrumbs{ color: #f1f1f1; } #modalCallBack .form__message, #modalJoin .form__message, #formCallBackJK .form__message, #modalSubscribeObject .form__message, #formSendPresentation .sub-panel__message{ display: block; } .header_fixed{ height: 182px; z-index: 999; } .header_fixed .header{ position: fixed; width: 100%; top:0; background-color: #fff; height: auto; background-image: none; } .contact-address__illustration{ overflow: hidden; max-height: 300px; } body .header_fixed .header:before{ content:none; } .city-filter__link-wrapper{ padding-bottom: 20px; } .city-filter__link-icon svg{ width: 20px; height: 20px; } body .header_style_fade:before, body .header_style_fade-l:before{ /* background: linear-gradient(#fffffff5, #ffffff00); */ background-color: #fff; background-image: none; } @media only screen and (max-width: 1025px){ body .header_style_fade:before, body .header_style_fade-l:before{ background: linear-gradient(#fffffff5, #ffffff00); } body .banner-carousel__trigger{ position: relative; } } @media only screen and (min-width: 1025px){ body .header_style_fade:before, body .header_style_fade-l:before{ height: 140px; } } #modalSubscribeObject .title_size_h3 { font-size: 24px; line-height: 31px; } .header_style_fade-l { content: ''; position: absolute; top: 0; left: 0; z-index: -1; display: block; width: 100%; height: 120px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(50%, rgba(255,255,255,0.667)), to(transparent)); background-image: linear-gradient(#fff 0, rgba(255,255,255,0.667) 50%, transparent 100%); } .highlight-map-list__sub{ display: none; } .highlight-map-list__sub.active{ display: block; } #formContact .form__message{ display: block; } .page__header_type_absolute .breadcrumbs_style_gray { color: #f1f1f1; } .city-filter__link-label.link{ text-decoration: none; background: transparent; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; color: #000; border: 0; padding: 0 0 0 32px; } .city-filter__link-label.link:hover{ color: #d91546; } .search_box { position: relative; } .city-filter__input-wrapper{ position: relative; } .city-filter__input-wrapper input{ text-transform: capitalize; } .range.currency{ display: flex; } .range.currency .range__input{ width: 160px; } .service .section_description_wider .section__description{ padding: 0 7.5% 0 7.5%; } body .page__content .section__description a{ text-decoration: underline; } .loader{ display: none; position: fixed; height: 100%; width: 100%; top:0; left: 0; background-color: #999; opacity:0.5; z-index: 999; } .range.currency .select2-selection__rendered{ display: block; float: left; padding: 14px 0px 14px 14px; color: #000; font-size: 18px; line-height: 20px; height: 50px; } /* Стили для плашки с результатами */ .search_result { position: absolute; border: 1px solid #ddd; background: #fff; z-index: 9999; width: 100%; box-shadow: 0 14px 23px rgb(0 0 0 / 10%), 0 1px 5px rgb(0 0 0 / 7%); } /* Стили для плашки с результатами */ .search_result ul li:before { content: none!important; } /* Стили для плашки с результатами */ .search_result ul li { padding: 10px; } .search_result ul li p { cursor: pointer; } .search_result ul li p:first-letter { text-transform: capitalize; } .tabs__label_link:hover { color: #fff; text-decoration: none; background: #535557; } .tabs__label_link { display: block; min-width: 130px; height: 100%; padding: 7px 10px 8px; color: #fff; font-size: 18px; line-height: 1.3; text-align: center; text-decoration: none; background: #6c6f72; border: none; border-radius: 0; outline: none; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .tabs__label_state_active_link { color: #fff; background: #424446; } .infoWindow a:focus{ outline: none; } canvas:focus{ outline: none; } .form__input_popup{ display: block; width: 100%; height: 50px; margin: 0; padding: 14px 16px; color: #000; font-size: 18px; line-height: 20px; cursor: pointer; background: transparent; border: 1px solid #979797; border-radius: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, border-color; transition-property: color, border-color; border: 1px solid #979797; } .form__line_type_labeled .form__input_popup::placeholder { color: #b7b7b7; } body .page__slides{ z-index:500; } .slide-nav_hover { position: relative; display: block; margin: 0 0 20px; } .search-panel__input-wrapper_type_greedy .search-form__button{ display: table-cell; text-align: center; vertical-align: middle; } .js_wrap_city .filter__header{ text-transform: capitalize; } @media only screen and (min-width: 1281px) { body .slide-nav_hover { padding: 0 34px; margin: 0 0 11px; } } .social-nav{ text-align: center; } .disabled_button .button:disabled{ opacity:1; } .button_style_colorful_desctop{ color: #000; background: #fff; border-color: #fff; padding: 12px; width: 40%; float: right; } .progress{ cursor: progress; } .green{ border: 1px solid #979797!important; } .sub-panel__input_state_error { border-color: #d91546!important; } .search-form__control_type_button .button_style_colorful_desctop:hover{ color: #000; background: #f7f7f7; border-color: #f7f7f7; } .slide-nav_type_static .slide-nav__list{ padding-bottom: 0; } .page__menu .slide-nav__link:hover{ border-bottom: 1px solid #fff; } #modalContact .title{ text-align: center; } #modalContact .modal__subtitle{ text-align: center; } .politics{ font-size: 13px; line-height: 1.5; color: #000; margin-bottom: 10px; display: block; } @media only screen and (max-width: 1024px) { .tabs_type_search-panel .tabs__label_link { min-width: 100%; padding: 18px 15px 19px; color: #000; background: #fff; } } @media only screen and (min-width: 1025px){ .header_style_fade-l { height: 140px; } body .search-panel__input-wrapper { max-width: 45%; } .tabs__item .tabs__label_link { height: auto; } .slide-nav_hover { padding: 0 20px; } } @media only screen and (min-width: 768px) { body .product-card__control { min-width: 250px; } body .filter-form__control{ min-width: 250px; } body .contact-form__control { max-width: 280px; } } @media only screen and (max-width: 768px) { body .city-filter__link{ line-height: 25px; } .js__map #map{ width: 100%; height: 400px!important; } .catalog__map #map{ height: 400px!important; } .tabs__content .search-panel__input-wrapper .filter{ padding: 0; } .tabs__content .search-panel__input-wrapper{ padding: 0 5px 12px; } .range.currency .select2-selection__rendered{ display: none; } .filter.filter_size_small .range__line{ width: 100%; display: inline-block; } .range.currency .range__input { width: 100%; } .tabs__content .search-panel__input-wrapper_type_greedy { padding-right: 0; } .page__footer .mobile-menu__burger button{ display: none; } .wrap_404 h2{ font-size: 46px; } .wrap_404 h1{ font-size: 146px; } .wrap_404 p{ font-size: 25px; } } /* End */ /* /static/assets/components/select2/dist/css/select2.min.css?164022447715181 */ /* /static/assets/components/fancybox-3.5.7/jquery.fancybox.min.css?164022447712795 */ /* /static/assets/components/swiper-5.3.1/css/swiper.min.css?164022447713678 */ /* /static/assets/styles/grid.css?1640224479164855 */ /* /static/assets/styles/app.css?1640224479252057 */ /* /static/assets/styles/custom.css?164022447933 */ /* /local/templates/barnes/components/bitrix/menu/top.menu/style.css?1640224443289 */ /* /local/templates/barnes/components/bitrix/search.form/header_mobile/style.css?164022444334 */ /* /local/templates/barnes/components/bitrix/search.form/header/style.css?164022444334 */ /* /local/templates/barnes/components/bitrix/system.auth.form/auth/style.css?1640224443443 */ /* /local/templates/barnes/components/bitrix/system.auth.forgotpasswd/password/style.css?1640224443416 */ /* /local/templates/barnes/components/bitrix/main.register/register/style.css?1640224443700 */ /* /local/templates/barnes/components/bitrix/main.userconsent.request/.default/style.css?1640224443226 */ /* /local/templates/barnes/components/bitrix/main.userconsent.request/.default/user_consent.css?16402244433831 */ /* /local/templates/barnes/components/bitrix/main.share/barnes_share/style.css?16402244431196 */ /* /local/templates/barnes/template_styles.css?164022444312495 */