/* Start:/bitrix/templates/freshflo/css/owl.carousel.min.css?15929934783351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/bitrix/templates/freshflo/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/bitrix/templates/freshflo/css/jquery.fancybox.min.css?159299347810252*/ .fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;-ms-touch-action:none;touch-action:none}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:4px;right:4px;padding:0;margin:0;width:30px;height:30px;font:21px/1 Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;cursor:pointer;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}} /* End */ /* Start:/bitrix/templates/freshflo/components/bitrix/search.title/visual1/style.min.css?15929934783459*/ .bx-searchtitle{margin:10px 0 0}.bx-searchtitle .bx-block-title{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;color:#343434;text-transform:uppercase;font-size:12px;margin-bottom:9px;font-weight:600}.bx-searchtitle .bx-input-group{position:relative;display:table;border-collapse:separate;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-searchtitle .bx-input-group .bx-form-control{display:table-cell;position:relative;z-index:2;float:left;width:100%;margin-bottom:0;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#f8fafc;border:1px solid #d5dadc;border-right:0;border-radius:2px 0 0 2px;outline:0;box-shadow:none!important;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bx-ios .bx-searchtitle .bx-input-group .bx-form-control{background-image:-webkit-linear-gradient(#f8fafc 0,#f8fafc 100%);background-image:linear-gradient(#f8fafc 0,#f8fafc 100%)}.bx-searchtitle .bx-input-group-btn{position:relative;font-size:0;width:1%;white-space:nowrap;vertical-align:middle;display:table-cell}.bx-searchtitle .bx-input-group-btn button{position:relative;border:0;background:#95a1a8;display:inline-block;margin-bottom:0;cursor:pointer;padding:6px 12px;border-radius:0 2px 2px 0;color:#fff;font-size:16px;line-height:1.42857143;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.bx-searchtitle .bx-input-group-btn button:hover{background:#1484ce}div.title-search-result{border:1px solid #c6c6c6;display:none;overflow:hidden;z-index:999;min-width:280px;margin-top:-3px;background-color:#FFF}div.title-search-fader{display:none;background-image:url('/bitrix/templates/freshflo/components/bitrix/search.title/visual1/images/fader.png');background-position:right top;background-repeat:repeat-y;position:absolute}p.title-search-preview{font-size:12px}div.title-search-result td.title-search-price span{font-size:26px}.bx_searche .bx_img_element{display: none;background:#fafafa;float:left;width:67px;padding:5px 10px;position:absolute;top:0;bottom:0}.bx_searche .bx_item_block{min-height:65px;position:relative}.bx_searche .bx_image{width:45px;height:45px;background-size:contain;background-position:center;background-repeat:no-repeat;border:1px solid #e8e8e8}.bx_searche .bx_item_element{padding-left:10px;margin-left:20px}.bx_searche .bx_item_element hr{margin:0;border:0;border-bottom:1px solid #e5e5e5}.bx_searche .bx_item_element a{margin-top:10px;display:inline-block;color:#4788cb;font-size:13px;text-decoration:none}.bx_searche .bx_item_element a b{color:#000;font-weight:normal}.bx_searche .bx_item_element a:hover,.bx_searche .bx_item_element a:hover b{text-decoration:underline}.bx_searche .bx_price{font-weight:bold;font-size:13px}.bx_searche .bx_price .old{font-weight:normal;text-decoration:line-through;color:#636363}.bx_item_block.all_result{min-height:0}.bx_item_block.others_result{min-height:0;padding:0 0 12px;line-height:12px}.bx_item_block.all_result .all_result_title{display:block;font-size:12px;color:#a7a7a7;padding-top:15px;padding-bottom:10px}.bx_item_block.all_result .all_result_title a{color:#a7a7a7}.bx_item_block.all_result .all_result_title a:hover{color:#4788cb}.bx_item_block.all_result a{margin-top:0} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/menu/top_menu/style.min.css?159299347855*/ .top-menu li{list-style-type:none;display:inline-block} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/eshop.socnet.links/top_squares/style.css?1592993478497*/ .b-horisontal-social { display: inline-block; vertical-align: middle; margin-left: 35px; } .b-horisontal-social .link { margin-right: 0px; } .b-horisontal-social .link:hover{ text-decoration: none; } .icon-fb { background: no-repeat center url('/img/icon-fb.svg'); } .icon-vk { background: no-repeat center url('/img/icon-vk.svg'); } .icon-wt { background: no-repeat center url('/img/icon-whatsapp.svg'); } .icon-in { background: no-repeat center url('/img/icon-instagram.svg'); } /* End */ /* Start:/bitrix/templates/freshflo/components/bitrix/breadcrumb/template1/style.min.css?1592993478467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/catalog.section.list/bottom_menu_new/style.min.css?15929934786236*/ .bx_catalog_line{margin-bottom:30px}.bx_catalog_line .bx_catalog_line_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_line .bx_catalog_line_category_title a{color:#000;text-decoration:none}.bx_catalog_line .bx_catalog_line_ul{padding:0}.bx_catalog_line .bx_catalog_line_ul li{margin-bottom:20px;list-style:none}.bx_catalog_line .bx_catalog_line_ul li:before{content:''!important}.bx_catalog_line .bx_catalog_line_img{position:relative;display:block;float:left;overflow:hidden;margin-right:40px;width:125px;height:125px;border:1px solid #ccc;border-radius:2px;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_line .bx_catalog_line_title{margin-bottom:10px;padding:0;vertical-align:top;line-height:18px}.bx_catalog_line .bx_catalog_line_title a{color:#4c7da6;font-size:18px}.bx_catalog_line .bx_catalog_line_title a:hover{text-decoration:none}.bx_catalog_line .bx_catalog_line_title span{font-size:16px}.bx_catalog_line .bx_catalog_line_description{color:#3f3f3f;font-size:13px;line-height:16px}@media(max-width:639px){.bx-touch .bx_catalog_line .bx_catalog_line_img{margin-right:10px;width:50px;height:50px}.bx-touch .bx_catalog_line .bx_catalog_line_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size:14px}.bx-touch .bx_catalog_line .bx_catalog_line_description{font-size:11px}}.bx_catalog_line .bx_catalog_line_img,.bx_catalog_line .bx_catalog_line_title,.bx_catalog_line .bx_catalog_line_title a,.bx_catalog_line .bx_catalog_line_description{transition:all .3s ease}.bx_catalog_text{margin-bottom:30px}.bx_catalog_text .bx_catalog_text_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_text .bx_catalog_text_category_title a{color:#000;text-decoration:none}.bx_catalog_text .bx_catalog_text_ul{padding:0}.bx_catalog_text .bx_catalog_text_ul li{float:left;margin:0 10px 10px;list-style:none}.bx_catalog_text .bx_catalog_text_ul li:before{content:''!important}.bx_catalog_text .bx_catalog_text_title{margin:0;padding:0;vertical-align:top;font-size:14px;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{display:inline-block;overflow:hidden;max-width:100%;color:#4c7da6;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px}.bx_catalog_text .bx_catalog_text_title a:hover{text-decoration:none}.bx_catalog_text .bx_catalog_text_title span{font-size:12px}@media(max-width:639px){.bx-touch .bx_catalog_text .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size:12px}}.bx_catalog_text .bx_catalog_line_title,.bx_catalog_text .bx_catalog_line_title a{transition:all .3s ease}.bx_catalog_tile{margin-bottom:30px}.bx_catalog_tile .bx_catalog_tile_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_tile .bx_catalog_tile_category_title a{color:#000;text-decoration:none}.bx_catalog_tile .bx_catalog_tile_ul{padding:0}.bx_catalog_tile .bx_catalog_tile_ul li{float:left;box-sizing:border-box;margin-bottom:20px;padding:0 10px;width:12.5%;list-style:none;text-align:center}.bx_catalog_tile .bx_catalog_tile_ul li:before{content:''!important}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:both}.bx_catalog_tile .bx_catalog_tile_img{position:relative;display:block;overflow:hidden;margin:0 auto;width:78px;height:78px;border:1px solid #ccc;border-radius:2px;background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_tile .bx_catalog_tile_title{margin-top:5px;margin-bottom:10px;padding:0;vertical-align:top;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{color:#4c7da6;font-size:14px}.bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration:none}.bx_catalog_tile .bx_catalog_tile_title span{font-size:12px}@media(max-width:980px){.bx_catalog_tile .bx_catalog_tile_ul li{width:20%}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:both}}@media(max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title{line-height:10px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size:11px}}@media(min-width:480px) and (max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear:both}}@media(max-width:479px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%}.bx-touch .bx_catalog_tile .bx_catalog_tile_img{width:100%;height:80px}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear:both}}.bx_catalog_tile .bx_catalog_tile_title,.bx_catalog_tile .bx_catalog_tile_title a,.bx_catalog_tile .bx_catalog_tile_ul li,.bx_catalog_tile .bx_catalog_tile_img{transition:all .3s ease}.bx_sitemap{margin-bottom:30px}.bx_sitemap .bx_sitemap_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_sitemap .bx_sitemap_title a{color:#000;text-decoration:none}.bx_sitemap .bx_sitemap_ul li{padding:0;line-height:14px}.bx_sitemap .bx_sitemap_ul li:before{content:''!important}.bx_sitemap .bx_sitemap_li_title{display:inline-block;margin:0;margin-bottom:10px;padding:0;vertical-align:top;font-weight:normal;line-height:13px}.bx_sitemap .bx_sitemap_li_title a{color:#4c7da6;white-space:nowrap;font-size:13px}.bx_sitemap .bx_sitemap_li_title a:hover{text-decoration:none}.bx_sitemap .bx_sitemap_li_title span{font-size:11px}@media(max-width:639px){.bx-touch .bx_sitemap .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_sitemap .bx_catalog_line_title a{font-size:12px}}.bx_sitemap .bx_catalog_line_title,.bx_sitemap .bx_catalog_line_title a{transition:all .3s ease} /* End */ /* Start:/bitrix/templates/freshflo/components/bitrix/menu/bot_menu/style.css?1592993478542*/ .bx-inclinksfooter a{border-bottom: none;} .bx-inclinksfooter .bx-block-title{ margin: 0; padding: 0; font-size: 17px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #fff; font-weight: 600; } .bx-inclinksfooter-container { margin-top: 15px; padding: 0; color: #fff; border-radius: 2px; font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; } .bx-inclinksfooter-list{ list-style: none; margin: 0; padding: 0; } .bx-inclinksfooter-item{ padding: 0 0 5px 0; } /* End */ /* Start:/bitrix/templates/freshflo/components/bitrix/form/callback/bitrix/form.result.new/.default/style.css?1592993478623*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/bitrix/templates/freshflo/components/bitrix/form/callback/bitrix/form.result.new/.default/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/bitrix/templates/freshflo/components/bitrix/form/callback/bitrix/form.result.new/.default/images/icon_warn.gif); } /* End */ /* Start:/bitrix/templates/freshflo/components/bitrix/form/callback2/bitrix/form.result.new/.default/style.css?1703337277623*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/bitrix/templates/freshflo/components/bitrix/form/callback2/bitrix/form.result.new/.default/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/bitrix/templates/freshflo/components/bitrix/form/callback2/bitrix/form.result.new/.default/images/icon_warn.gif); } /* End */ /* Start:/bitrix/templates/freshflo/components/bitrix/form/feedback/bitrix/form.result.new/.default/style.css?1592993478623*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/bitrix/templates/freshflo/components/bitrix/form/feedback/bitrix/form.result.new/.default/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/bitrix/templates/freshflo/components/bitrix/form/feedback/bitrix/form.result.new/.default/images/icon_warn.gif); } /* End */ /* Start:/bitrix/templates/freshflo/styles.css?1750859212207743*/ /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ /* font-family: "Acrom Light"; */ @font-face { font-family: "AcromLight"; src: url("/bitrix/templates/freshflo/css/fonts/AcromLight/Acrom-Light.woff"); font-style: normal; font-weight: 400; } /* font-family: "Acrom Regular"; */ @font-face { font-family: "AcromRegular"; src: url("/bitrix/templates/freshflo/css/fonts/AcromRegular/Acrom-Regular.woff"); font-style: normal; font-weight: 400; } /* font-family: "Acrom Bold"; */ @font-face { font-family: "AcromBold"; src: url("/bitrix/templates/freshflo/css/fonts/AcromBold/Acrom-Bold.woff"); font-style: normal; font-weight: 400; } /* font-family: "Acrom Extra Bold"; */ @font-face { font-family: "AcromExtraBold"; src: url("/bitrix/templates/freshflo/css/fonts/AcromExtraBold/Acrom-ExtraBold.woff"); font-style: normal; font-weight: 400; } /* font-family: "AvanGardeGothicCC"; */ /*@font-face { font-family: "AvanGardeGothicC"; src: url("/bitrix/templates/freshflo/css/fonts/AvanGardeGothicC.ttf"); font-style: normal; font-weight: 400; }*/ /* font-family: "AvanGardeGothicCC"; */ @font-face { font-family: "AvanGardeGothicCBold"; src: url("/bitrix/templates/freshflo/css/fonts/AvanGardeGothicCBold.otf"); font-style: normal; font-weight: 400; } /* font-family: "Raleway Bold"; */ @font-face { font-family: "RalewayBold"; src: url("/bitrix/templates/freshflo/css/fonts/raleway-bold.ttf"); font-style: normal; font-weight: 400; } /* roboto */ @font-face { font-family: "RobotoRegular"; src: url("/bitrix/templates/freshflo/css/fonts/Roboto/RobotoRegular/RobotoRegular.eot"); src: url("/bitrix/templates/freshflo/css/fonts/Roboto/RobotoRegular/RobotoRegular.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/freshflo/css/fonts/Roboto/RobotoRegular/RobotoRegular.woff") format("woff"), url("/bitrix/templates/freshflo/css/fonts/Roboto/RobotoRegular/RobotoRegular.ttf") format("truetype"); font-style: normal; font-weight: 400; } @font-face { font-family: "RobotoLight"; src: url("/bitrix/templates/freshflo/css/fonts/Roboto/RobotoLight/RobotoLight.eot"); src: url("/bitrix/templates/freshflo/css/fonts/Roboto/RobotoLight/RobotoLight.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/freshflo/css/fonts/Roboto/RobotoLight/RobotoLight.woff") format("woff"), url("/bitrix/templates/freshflo/css/fonts/Roboto/RobotoLight/RobotoLight.ttf") format("truetype"); font-style: normal; font-weight: 400; } @font-face { font-family: "RobotoMedium"; src: url("/bitrix/templates/freshflo/css/fonts/Roboto/RobotoMedium/RobotoMedium.eot"); src: url("/bitrix/templates/freshflo/css/fonts/Roboto/RobotoMedium/RobotoMedium.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/freshflo/css/fonts/Roboto/RobotoMedium/RobotoMedium.woff") format("woff"), url("/bitrix/templates/freshflo/css/fonts/Roboto/RobotoMedium/RobotoMedium.ttf") format("truetype"); font-style: normal; font-weight: 400; } @font-face { font-family: "RobotoBold"; src: url("/bitrix/templates/freshflo/css/fonts/Roboto/RobotoBold/RobotoBold.eot"); src: url("/bitrix/templates/freshflo/css/fonts/Roboto/RobotoBold/RobotoBold.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/freshflo/css/fonts/Roboto/RobotoBold/RobotoBold.woff") format("woff"), url("/bitrix/templates/freshflo/css/fonts/Roboto/RobotoBold/RobotoBold.ttf") format("truetype"); font-style: normal; font-weight: 400; } html { overflow-x: hidden; } .b-container-404-bg { background-image: url('/img/404-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; } .b-container-404 { 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-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15rem 0 33rem; } #top { width: 39px; bottom: 20%; right: 5%; cursor: pointer; display: none; position: fixed; z-index: 100; background-image: url(/img/scroll.svg); background-repeat: no-repeat; background-size: 100%; height: 36px; } @media screen and (min-width: 1199px) { .b-container-404 { padding: 20rem 0 40rem } } @media screen and (min-width: 960px) { .b-part-container--fito.b-part-container--floristika .b-extra-list-wrap { max-height: 218px !important; } .b-part-container--floristika-col { margin-left: auto !important; } } @media screen and (max-width: 959px) { .b-container-404 { padding: 8rem 0 20rem } } @media screen and (max-width: 467px) { .b-container-404 { padding: 5rem 0 25rem } } .b-container-404 h1 { margin: 0 0 2.5rem; font-size: 3.3rem; font-family: "RobotoRegular"; text-transform: uppercase; text-align: center; } .b-container-404 .up { font-size: 2.4rem; font-family: "RobotoLight"; text-transform: uppercase; margin: 0; text-align: center; } .b-container-404 .down { font-size: 1.5rem; font-family: "RobotoLight"; text-transform: uppercase; margin: 0 0 5rem; text-align: center; } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ .b-article-block { display: block; cursor: pointer; -webkit-transition: 0.5s; transition: 0.5s; } @media screen and (max-width: 959px) { .b-article-block { margin-bottom: 4rem } } .b-article-block:hover { -webkit-box-shadow: -0.2rem 2.5rem 3rem 0 rgba(50, 50, 50, 0.5); box-shadow: -0.2rem 2.5rem 3rem 0 rgba(50, 50, 50, 0.5); -webkit-transition: 0.5s; transition: 0.5s; } .b-article-block:hover .descr-block { background-color: #eff0f5; } .b-article-block .image-block { width: 100%; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; } .b-article-block .image-block::after { content: ''; padding-top: 100%; float: left; } .b-article-block .descr-block { padding: 0.7rem 1rem 1.5rem; } .b-article-block .descr-block .title { font-size: 2rem; margin: 0 0 1rem; text-transform: uppercase; font-family: "RobotoRegular"; } .b-article-block .descr-block .descr { font-size: 1.6rem; font-family: "RobotoLight"; } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ .b-label { position: relative; display: inline-block; background-color: #95dcd4; font-size: 1.2rem; color: #000; min-height: 3.6rem; max-height: 3.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-label-small-card { position: absolute; background-color: #95dcd4; right: 0; bottom: 0; } .b-label-card { margin-bottom: 3rem; } .b-label-flag-right { padding: 1.1rem 1.5rem; padding-left: 2.5rem; font-family: "AcromBold"; } .b-label-flag-right::after { position: absolute; content: ''; top: 0; right: -2.5rem; border: 1.8rem solid #95dcd4; border-right: 1.8rem solid transparent; } .b-label-flag-left { padding: 1.1rem 1.5rem; padding-right: 2.5rem; font-family: "AcromBold"; } .b-label-flag-left::after { position: absolute; content: ''; top: 0; left: -2.5rem; border: 1.8rem solid #95dcd4; border-left: 1.8rem solid transparent; } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ .b-small-card { padding: 0.5rem; margin-bottom: 1.5rem; } .products-container--catalog-portfolio .b-small-card { padding: 0; margin: 0; } .products-container--catalog-portfolio .b-small-card .article { color: #000; } .b-small-card .image-block { position: relative; margin-bottom: 1.6rem; overflow: hidden; font-size: 0; -webkit-box-shadow: -0.2rem 2.5rem 3rem 0 rgba(50, 50, 50, 0.5); box-shadow: -0.2rem 2.5rem 3rem 0 rgba(50, 50, 50, 0.5); height: 336px; } .products-container--catalog-portfolio .b-small-card .image-block { -webkit-box-shadow: -0.2rem 2.5rem 3rem 0 rgba(50, 50, 50, 0.5); box-shadow: -0.2rem 1.5rem 2rem 0 rgba(50, 50, 50, 0.3); } .b-small-card .image-block img { display: block; width: 100%; /*height: unset!important;*/ } .b-small-card .image-block .mask { visibility: hidden; opacity: 0; 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-align: center; -ms-flex-align: center; align-items: center; position: absolute; padding: 4rem 2.7rem 2rem; width: 100%; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; background-color: rgba(255, 255, 255, 0.5); -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 467px) { .b-small-card .image-block .mask { padding: 1.5rem 1rem 2rem } } .b-small-card .image-block .mask .title { margin: 0 0 2rem; font-size: 2rem; max-height: 10rem; overflow: hidden; font-family: "AvanGardeGothicCC Bold"; } .b-small-card .image-block:hover .mask .title { color: #000; } @media screen and (max-width: 467px) { .b-small-card .image-block .mask .title { font-size: 2rem; margin: 0 0 1rem } } .b-small-card .image-block .mask .descr { font-size: 1.5rem; max-height: 15rem; overflow: hidden; font-family: "AvanGardeGothicCC"; margin-bottom: 1.6rem; } @media screen and (max-width: 467px) { .b-small-card .image-block .mask .descr { font-size: 1.5rem; margin-bottom: 1.5rem } } .b-small-card .image-block:hover .mask { visibility: visible; opacity: 1; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; } .b-small-card .article { font-size: 1.2rem; /* color: #fff; */ color: #000; margin-bottom: 0.2rem; position: relative; } .b-small-card .name { font-size: 1.4rem; font-family: &font-roboto_regular; color: #000; } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ .btn { display: inline-block; text-transform: uppercase; font-size: 1.2rem; font-family: "RobotoRegular"; background: none; outline: none; border: none; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; } .btn-round { border-radius: 8rem; } .btn.is-medium { padding: 1rem 3rem; } .btn.is-medium--smaller { padding: 1rem 2rem; } .btn.is-large { padding: 2rem 4rem; } .btn-green { background-color: #95dcd4; border: 0.2rem solid #95dcd4; -webkit-transition: 0.5s; transition: 0.5s; color: #000; } .btn-green:hover { /* stylelint-disable-next-line */ background-color: transparent; color: #95dcd4; -webkit-transition: 0.5s; transition: 0.5s; } .btn-black { color: #fff; background-color: #000; border: 0.2rem solid #000; -webkit-transition: 0.5s; transition: 0.5s; } .btn-black:hover { /* stylelint-disable-next-line */ background-color: transparent; color: #000; -webkit-transition: 0.5s; transition: 0.5s; } .btn-green-black { background-color: #95dcd4; border: 0.2rem solid #95dcd4; -webkit-transition: 0.5s; transition: 0.5s; } .btn-green-black:hover { border: 0.2rem solid #000; /* stylelint-disable-next-line */ background-color: transparent; color: #000; -webkit-transition: 0.5s; transition: 0.5s; } .btn-green-white { background-color: transparent; border: 0.2rem solid #95dcd4; -webkit-transition: 0.5s; transition: 0.5s; color: #000; } .btn-green-white:hover { border: 0.2rem solid #000; color: #000; /* stylelint-disable-next-line */ background-color: transparent; color: #000; -webkit-transition: 0.5s; transition: 0.5s; } .btn-green-white.is-active { background-color: #95dcd4; color: #fff; } .btn-white-green { background-color: #fff; border: 0.2rem solid #95dcd4; -webkit-transition: 0.5s; transition: 0.5s; } .btn-white-green:hover { border: 0.2rem solid #000; border-right: none; /* stylelint-disable-next-line */ background-color: #fff; color: #000; -webkit-transition: 0.5s; transition: 0.5s; } .btn-black-border { color: #000; border: 0.2rem solid #000; } .btn-ticket-header { padding: 1rem 1.5rem; margin: 0.8rem 1rem; } .btn-ticket { padding: 1rem 4rem; } .btn-part-more { padding: 1rem 3rem; } .btn-part-ticket { padding: 1rem 5rem; } .btn-map { padding: 0.9rem 1rem; } @media screen and (max-width: 959px) { .btn-map { font-size: 1rem } } .btn-nav { padding: 0.8rem 1rem; } .btn-card { display: block; width: 19rem; text-align: center; max-width: 19rem; overflow: hidden; padding: 1rem 0; margin-bottom: 2.5rem; } .btn-card-also { position: absolute; left: 0; bottom: 0; max-height: 3.6rem; max-width: 14rem; padding: 1rem 1.2rem; border-right: none; } .btn-card-also::before { position: absolute; -webkit-transition: 0.5s; transition: 0.5s; content: ''; right: -3.6rem; top: -0.2rem; border: 1.8rem solid transparent; border-left: 1.8rem solid #95dcd4; } .btn-card-also::after { position: absolute; content: ''; right: -3.2rem; top: 0; border: 1.6rem solid transparent; border-left: 1.6rem solid #fff; } .btn-card-also:hover::before { border-left: 1.8rem solid #000; } .btn-filter-all { background-color: #86ccb9; padding: 0.8rem 2.5rem; margin: 0.5rem; color: #fff; } .btn-small-card { padding: 0.7rem 3rem; } .btn-portfolio-more { padding: 1rem 4rem; } .btn-main-review { padding: 1rem 4rem; margin-bottom: 2.5rem; } .btn-scroll { /* stylelint-disable-next-line */ } @media screen and (max-width: maxWidth) { .btn-scroll { display: none; } } .btn-scroll { /* stylelint-disable-next-line */ /* @mixin displayNone $max-sm; */ } .btn-main-scroll { margin: 1rem auto; margin-top: -8rem; display: block; cursor: pointer; /* stylelint-disable-next-line */ } @media screen and (max-width: maxWidth) { .btn-main-scroll { display: none; } } .btn-main-scroll { /* stylelint-disable-next-line */ /* @mixin displayNone $max-sm; */ } .btn-main-scroll span { display: inline-block; padding-left: 0.8rem; font-size: 0.8rem; line-height: 0.8rem; text-transform: uppercase; text-align: left; color: #fff; } .btn-main-play { /* stylelint-disable-next-line */ } @media screen and (max-width: maxWidth) { .btn-main-play { display: none; } } .btn-main-play { /* stylelint-disable-next-line */ /* @mixin displayNone $max-sm; */ } .btn-main-play span { color: #fff; } .btn-main-position { width: 13rem; margin: auto; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; /* stylelint-disable-next-line */ } @media screen and (max-width: maxWidth) { .btn-main-position { display: none; } } .btn-main-position { /* stylelint-disable-next-line */ /* @mixin displayNone $max-sm; */ } .btn-404 { padding: 1rem 1.5rem; font-family: "AcromBold"; } .btn-video-play { position: absolute; width: 15rem; height: 5rem; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1; } .btn-video-play-bg { /* stylelint-disable-next-line */ } @media screen and (max-width: maxWidth) { .btn-video-play-bg { display: none; } } .btn-video-play-bg { /* stylelint-disable-next-line */ /* @mixin displayNone $max-sm; */ } .btn-video-play span { padding-left: 0.8rem; font-size: 1.4rem; line-height: 1.4rem; text-transform: uppercase; text-align: left; color: #fff; } .btn-way-load { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 3rem; } .btn-way-load span { padding-left: 1rem; font-size: 0.8rem; width: 8rem; color: #8f9093; } .btn-delievery-more { padding: 0.7rem 1.5rem; } .btn-office-more { padding: 0.7rem 2.5rem; } .btn-video-block span { color: $color-green-dark; font-size: 0.9rem; } .btn-video-block-triangle { margin-top: 2rem; white-space: nowrap; } .btn-video-block-play-xs { display: none; } @media screen and (max-width: 767px) { .btn-video-block-play-xs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0 } } .btn-video-block-play-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 1rem; } .btn-video-block-play-mobile span { line-height: 3rem; } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ .card-wrapper { padding-top: 3rem; margin-bottom: 3rem; } .card-image { width: 100%; } .card-art { margin-bottom: 0.5rem; color: #676869; font-size: 1.4rem; font-family: "RobotoRegular"; } .card-title { margin: 0; padding: 0; margin-bottom: 1.6rem; font-size: 2.5rem; font-family: "AvanGardeGothicCC Bold"; } .card-descr { font-size: 1.6rem; line-height: 2rem; margin-bottom: 1.6rem; font-family: "AvanGardeGothicCC"; } .card-comments-wrapper { margin-bottom: 4rem; } .card-comments-title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.6rem; } .card-comments-title { display: inline-block; font-size: 2.5rem; font-family: "AvanGardeGothicCC Bold"; margin-right: 1.6rem; } .card-comments-add-new { font-size: 1.2rem; font-family: "RalewayBold"; color: #676869; text-transform: uppercase; cursor: pointer; } .card-comment { position: relative; padding: 1.7rem 5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .card-comment::before { content: ''; position: absolute; top: 2rem; left: 0; width: 3rem; height: 3rem; background-image: url('/img/icon-quote.svg'); background-size: 3rem 3rem; } @media screen and (max-width: 959px) { .card-comment { padding-right: 1.5rem } } .card-comment-text { font-size: 1.6rem; font-family: "RobotoRegular"; color: #303030; line-height: 2rem; overflow: hidden; margin-bottom: 1.6rem; } @media screen and (max-width: 467px) { .card-comment-text { line-height: 1.2rem } } .card-comment-line { display: block; margin: 0; padding: 0; margin-bottom: 3rem; width: 8rem; height: 0.1rem; border: none; background-color: #303030; } .card-comment-author { font-size: 1.3rem; font-family: "AcromBold"; font-weight: 700; } .card-comment-post { font-size: 1.2rem; font-family: "RobotoRegular"; color: #303030; } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ .b-company-wrapper { padding: 2rem 0 4rem; } .b-company-wrapper .up-title { font-size: 3.7rem; font-family: "RobotoRegular"; text-transform: uppercase; margin: 0 0 1.3rem; } @media screen and (max-width: 767px) { .b-company-wrapper .up-title { line-height: 3.8rem } } .b-company-wrapper .down-title { font-size: 3.7rem; font-family: "RobotoLight"; margin: 0 0 4rem; text-transform: uppercase; } @media screen and (max-width: 767px) { .b-company-wrapper .down-title { line-height: 3.8rem } } .b-company-wrapper .descr { margin: 0 0 6rem; } .b-company-wrapper .image-block { margin-bottom: 3rem; } .b-company-wrapper .image-block img { width: 100%; } .b-company-wrapper .image-block .part-logo { display: inline-block; margin-bottom: 2rem; width: 50%; } .b-company-wrapper .face-block { margin-bottom: 3rem; } .b-company-wrapper .face-block .post { margin: 0; font-size: 1.2rem; text-align: center; font-family: "RobotoRegular"; } .b-company-wrapper .face-block .name { margin: 0 0 3rem; font-size: 1.6rem; font-family: "AcromBold"; } .b-company-wrapper .face-block .image-face { width: 100%; position: relative; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; } .b-company-wrapper .face-block .image-face::after { content: ''; padding-top: 100%; float: left; } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ .b-container { position: relative; width: 100%; max-width: 1200px; padding: 0 1.6rem; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-container-header { position: inherit; } .b-main-portfolio-container { padding-bottom: 3rem; } .b-main-portfolio-container .b-hasMore-elements:not(.is-active) .other-elements { display: none; } .b-container-desk-bg-light { background-image: url('/img/desk-bg-light.jpg'); padding: 2rem 8px 0; } .b-container-desk-bg-dark { background-image: url('/img/desk-bg-dark.jpg'); padding-top: 2rem; } .b-grey-bg { background-color: #eff0f5; } .b-content-container { padding: 1.5rem 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-content-container-features { padding: 3.5rem 2.5rem; } .b-container-floristika { width: 100%; margin-bottom: 3rem; } .b-shadow-container { -webkit-box-shadow: 0.4rem 1rem 1.3rem 0 rgba(50, 50, 50, 0.3); box-shadow: 0.4rem 1rem 1.3rem 0 rgba(50, 50, 50, 0.3); } .b-container-reviews-bg { background: url(/img/reviews-bg.jpg) no-repeat center top; padding-top: 3rem; background-size: cover; } .b-vertical-container { position: fixed; z-index: 2; /* top: 0; */ top: 50%; transform: translateY(-50%); margin-left: -13px; padding-top: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* stylelint-disable-next-line */ } .arenda_nov_pic { width: 100%; margin: 0 auto 30px; } .arenda_nov_price { margin: 0 0 50px; } .arenda_nov_price_table { padding: 22px 80px 21px 34px; background-color: #f7f7f7; overflow: hidden; box-sizing: border-box; margin: 3px auto 0; cursor: pointer; position: relative; } .arenda_nov_price_table:after { content: '+'; position: absolute; right: 34px; font-size: 25px; line-height: 25px; top: 50%; transform: translateY(-50%); } .arenda_nov_price_table .name { display: block; float: left; color: #000000; font-size: 25px; line-height: 25px; font-family: "RobotoLight"; } .arenda_nov_price_table .price { display: block; float: right; color: #2e9468; font-size: 25px; line-height: 25px; font-family: "RobotoMedium"; } .arenda_nov_price_item { clear: both; } .arenda_nov_price_descr { font-size: 19px; font-weight: 400; line-height: 36px; padding: 30px 0; display: none; } .arenda_nov_foto { float: left; text-align: center; margin: 0 20px 20px 0; } .arenda_nov_foto img { max-width: 100%; } .arenda_nov_price_descr p { font-size: 19px; font-weight: 400; line-height: 22px; margin: 0; } .arenda_nov_price_descr ul li { font-size: 19px; font-weight: 400; line-height: 22px; margin: 0 0 7px; } .arenda_nov_price_item.open .arenda_nov_price_table:after { content: '-'; } .arenda_nov_price_item.open .arenda_nov_price_descr { display: block; } .arenda_nov_buttons { text-align: center; } .arenda_nov_buttons a { display: inline-block; margin: 0 25px 50px; width: 309px; height: 60px; border-radius: 22px; text-align: center; color: #000000; font-size: 16px; line-height: 60px; font-weight: bold; text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; } .arenda_nov_buttons a.arenda_nov_button_1 { border: 2px solid #000000; background: transparent; } .arenda_nov_buttons a.arenda_nov_button_1:hover { border: 2px solid #95dcd4; background: #95dcd4; -webkit-transition: 0.5s; transition: 0.5s; } .arenda_nov_buttons a.arenda_nov_button_2 { border: 2px solid #95dcd4; background: #95dcd4; } .arenda_nov_buttons a.arenda_nov_button_2:hover { background-color: #fff; color: #95dcd4; -webkit-transition: 0.5s; transition: 0.5s; } .arenda_nov_pluses { width: 1920px; background: url(/img/desk-bg-dark-min.png) no-repeat top left; margin: 0px 0px 50px -376px; } .arenda_nov_pluses_wrapper { margin: 0px auto; max-width: 1168px; padding: 50px 0; } .arenda_nov_pluses_wrapper .title { color: #000000; font-size: 2.5rem; font-family: "AcromExtraBold"; text-transform: uppercase; margin: 0 0 50px; text-align: center; } .arenda_nov_pluses_block .arenda_nov_pluses_item { width: 49%; float: left; box-sizing: border-box; padding: 0 0 50px 140px; background-position: 0 33px; background-repeat: no-repeat; min-height: 150px; } .arenda_nov_pluses_block { overflow: hidden; } .arenda_nov_pluses_block .arenda_nov_pluses_item:nth-of-type(2n+1) { margin: 0 2% 0 0; clear: both; } .arenda_nov_pluses_block .arenda_nov_pluses_item:nth-of-type(1) { background-image: url(/img/plus_arend_01.png); } .arenda_nov_pluses_block .arenda_nov_pluses_item:nth-of-type(2) { background-image: url(/img/plus_arend_02.png); } .arenda_nov_pluses_block .arenda_nov_pluses_item:nth-of-type(3) { background-image: url(/img/plus_arend_03.png); } .arenda_nov_pluses_block .arenda_nov_pluses_item:nth-of-type(4) { background-image: url(/img/plus_arend_04.png); } .arenda_nov_pluses_block .arenda_nov_pluses_item:nth-of-type(5) { background-image: url(/img/plus_arend_05.png); } .arenda_nov_pluses_block .arenda_nov_pluses_item:nth-of-type(6) { background-image: url(/img/plus_arend_06.png); } .arenda_nov_pluses_block .arenda_nov_pluses_item .name { color: #2e9468; font-size: 25px; line-height: 27px; margin: 0 0 22px; font-weight: bold; } .arenda_nov_pluses_block .arenda_nov_pluses_item .descr { color: #000000; font-size: 17px; line-height: 18px; } .arenda_nov_client { margin-top: 30px; } .arenda_nov_client .title { color: #000000; font-size: 2.5rem; font-family: "AcromExtraBold"; text-transform: uppercase; margin: 0 0 50px; text-align: center; } .arenda_nov_client_block { max-width: 1027px; margin: 0px auto; } .arenda_nov_client_item { box-sizing: border-box; width: 506px; height: 424px; } .arenda_nov_client_item a { display: block; position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; box-sizing: border-box; } .arenda_nov_client_item a span { height: 101px; width: 100%; display: block; position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.9); background-position: center; background-repeat: no-repeat; } .arenda_nov_client .fotos { display: none; } .arenda_nov_client_block .owl-nav { position: relative; height: 0; } .arenda_nov_client_block.owl-carousel .owl-nav button.owl-prev { position: absolute; top: -232px; width: 26px; height: 41px; text-indent: 9999px; background: url(/img/prev_slide.png) no-repeat left top; left: -68px; outline: 0; } .arenda_nov_client_block.owl-carousel .owl-nav button.owl-next { position: absolute; top: -232px; width: 26px; height: 41px; text-indent: 9999px; background: url(/img/next_slide.png) no-repeat left top; right: -68px; outline: 0; } .arenda_nov_otz { width: 1920px; background-color: #fadbe1; margin: 50px 0px 50px -384px; } .arenda_nov_otz_wrapper { margin: 0px auto; max-width: 1168px; padding: 60px 0; } .arenda_nov_otz_wrapper .title { color: #000000; font-size: 2.5rem; font-family: "AcromExtraBold"; text-transform: uppercase; margin: 0 0 50px; text-align: center; } .arenda_nov_otz_block { max-width: 1027px; margin: 0px auto; } .arenda_nov_otz_item { background-repeat: no-repeat; background-position: center; background-size: cover; box-sizing: border-box; width: 244px; height: 333px; border: 2px solid #9e9e9e; } .arenda_nov_otz_block .owl-nav { position: relative; height: 0; } .arenda_nov_otz_block.owl-carousel .owl-nav button.owl-prev { position: absolute; top: -172px; width: 26px; height: 41px; text-indent: 9999px; background: url(/img/prev_slide.png) no-repeat left top; left: -68px; outline: 0; } .arenda_nov_otz_block.owl-carousel .owl-nav button.owl-next { position: absolute; top: -172px; width: 26px; height: 41px; text-indent: 9999px; background: url(/img/next_slide.png) no-repeat left top; right: -68px; outline: 0; } .arenda_nov_usl .title { color: #000000; font-size: 2.5rem; font-family: "AcromExtraBold"; text-transform: uppercase; margin: 0 0 50px; text-align: center; } .arenda_nov_usl_block { text-align: center; max-width: 1027px; margin: 0 auto 50px; } .arenda_nov_usl_block .arenda_nov_usl_item { display: inline-block; width: 335px; height: 324px; margin: 0 11px 0px 0; position: relative; color: #000; background-position: center; background-size: cover; background-repeat: no-repeat; } .arenda_nov_usl_block .arenda_nov_usl_item span { position: absolute; height: 82px; background-color: rgba(238, 238, 238, 0.73); width: 100%; left: 0; bottom: 0; text-align: center; line-height: 28px; box-sizing: border-box; padding: 27px 0; color: #000000; font-size: 24px; font-weight: bold; display: block; } .arenda_nov_usl_block .arenda_nov_usl_item.row2 span { padding: 10px 10px; } .arenda_nov_usl_block .owl-nav { position: relative; height: 0; } .arenda_nov_usl_block.owl-carousel .owl-nav button.owl-prev { position: absolute; top: -182px; width: 26px; height: 41px; text-indent: 9999px; background: url(/img/prev_slide.png) no-repeat left top; left: -68px; outline: 0; } .arenda_nov_usl_block.owl-carousel .owl-nav button.owl-next { position: absolute; top: -182px; width: 26px; height: 41px; text-indent: 9999px; background: url(/img/next_slide.png) no-repeat left top; right: -68px; outline: 0; } .arenda_nov_button { display: block; margin: 0 auto 25px; width: 309px; height: 60px; border-radius: 22px; text-align: center; color: #000000; font-size: 16px; line-height: 60px; font-weight: bold; text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; border: 1px solid #95dcd4; background: #95dcd4; text-transform: uppercase; } .arenda_nov_button:hover { background-color: #fff; color: #95dcd4; -webkit-transition: 0.5s; transition: 0.5s; } .uhod_nov_button { display: block; margin: -67px 0 0; position: relative; float: right; width: 309px; height: 44px; border-radius: 22px; text-align: center; color: #000000; font-size: 16px; line-height: 44px; font-weight: bold; text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; border: 1px solid #95dcd4; background: #95dcd4; text-transform: uppercase; } .uhod_nov_button:hover { background-color: #fff; color: #95dcd4; -webkit-transition: 0.5s; transition: 0.5s; } .ne_nov_button { display: inline-block; margin: 0; width: 309px; height: 60px; border-radius: 22px; text-align: center; color: #000000; font-size: 16px; line-height: 60px; font-weight: bold; text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; border: 2px solid #000000; background: #fff; position: relative; float: right; } .ne_nov_button:hover { border: 2px solid #95dcd4; background: #95dcd4; -webkit-transition: 0.5s; transition: 0.5s; } .fotoses { max-width: 1168px; width: 90%; padding: 50px; box-sizing: border-box; text-align: center !important; } .fotoses a.fotki { width: 300px; height: 300px; display: inline-block; margin: 10px; background-position: center; background-repeat: no-repeat; background-size: cover; } .uhod_icons .title { color: #000000; font-size: 2.5rem; font-family: "AcromExtraBold"; text-transform: uppercase; margin: 0 0 50px; text-align: center; } .uhod_icons_block { overflow: hidden; } .uhod_icons_item { background-position: left center; background-repeat: no-repeat; } .uhod_icons_block .uhod_icons_item_01 { width: 330px; box-sizing: border-box; float: left; margin: 0 220px 30px 0; padding: 0 0 0 110px; background-image: url(/img/uhod/uhod_ico_01.svg); } .uhod_icons_block .uhod_icons_item_02 { width: 400px; box-sizing: border-box; float: left; margin: 0 0 30px 0; padding: 0 0 15px 140px; background-image: url(/img/uhod/uhod_ico_02.svg); } .uhod_icons_block .uhod_icons_item_03 { width: 490px; box-sizing: border-box; float: left; margin: 0 120px 100px 205px; padding: 0 0 0 130px; background-image: url(/img/uhod/uhod_ico_03.svg); } .uhod_icons_block .uhod_icons_item_04 { width: 330px; box-sizing: border-box; float: left; margin: 0 0 100px 0; padding: 0 0 0 130px; background-image: url(/img/uhod/uhod_ico_04.svg); } .uhod_icons_item .num { color: #2e9367; font-size: 65px; font-weight: bold; } .uhod_icons_item .numtext { font-size: 19px; line-height: 19px; color: #2e9367; } .uhod_icons_item .descr { font-size: 19px; line-height: 19px; } .uhod_icons_block .uhod_icons_item_01 .numtext, .uhod_icons_block .uhod_icons_item_02 .numtext { margin: 0 5px 19px 0; text-align: right; } .uhod_icons_block .uhod_icons_item_01 .descr, .uhod_icons_block .uhod_icons_item_02 .descr { margin: 0 5px 0 0; text-align: right; } .uhod_stand .title { color: #000000; font-size: 2.5rem; font-family: "AcromExtraBold"; text-transform: uppercase; margin: 30px 0 50px; text-align: center; } .uhod_stand p { font-size: 19px; font-weight: 400; line-height: 22px; margin: 0 0 30px; } .uhod_stand_circle { width: 700px; height: 710px; position: relative; margin: 0px auto 70px; } .uhod_stand_circle_item { width: 140px; padding: 110px 0 0; color: #2e9367; font-size: 19px; line-height: 22px; text-align: center; cursor: pointer; position: absolute; } .uhod_stand_circle_item.uhod_stand_circle_01 { left: 270px; top: 0; } .uhod_stand_circle_item.uhod_stand_circle_02 { left: 441px; top: 64px; } .uhod_stand_circle_item.uhod_stand_circle_03 { left: 549px; top: 226px; } .uhod_stand_circle_item.uhod_stand_circle_04 { left: 532px; top: 403px; } .uhod_stand_circle_item.uhod_stand_circle_05 { left: 422px; top: 534px; } .uhod_stand_circle_item.uhod_stand_circle_06 { left: 270px; top: 577px; } .uhod_stand_circle_item.uhod_stand_circle_07 { left: 138px; top: 534px; } .uhod_stand_circle_item.uhod_stand_circle_08 { left: 29px; top: 403px; } .uhod_stand_circle_item.uhod_stand_circle_09 { left: 12px; top: 226px; } .uhod_stand_circle_item.uhod_stand_circle_10 { left: 88px; top: 64px; } .uhod_stand_circle_item_mobile { display: none; } .uhod_stand_circle_item span { width: 95px; height: 95px; position: absolute; top: 0px; left: 22px; box-sizing: border-box; background-repeat: no-repeat; background-position: center top; border-radius: 95px; } .uhod_stand_circle_item.uhod_stand_circle_01 span { background-image: url(/img/uhod/uhod_ico_01.png); } .uhod_stand_circle_item.uhod_stand_circle_02 span { background-image: url(/img/uhod/uhod_ico_02.png); } .uhod_stand_circle_item.uhod_stand_circle_03 span { background-image: url(/img/uhod/uhod_ico_03.png); } .uhod_stand_circle_item.uhod_stand_circle_04 span { background-image: url(/img/uhod/uhod_ico_04.png); } .uhod_stand_circle_item.uhod_stand_circle_05 span { background-image: url(/img/uhod/uhod_ico_05.png); } .uhod_stand_circle_item.uhod_stand_circle_06 span { background-image: url(/img/uhod/uhod_ico_06.png); } .uhod_stand_circle_item.uhod_stand_circle_07 span { background-image: url(/img/uhod/uhod_ico_07.png); } .uhod_stand_circle_item.uhod_stand_circle_08 span { background-image: url(/img/uhod/uhod_ico_08.png); } .uhod_stand_circle_item.uhod_stand_circle_09 span { background-image: url(/img/uhod/uhod_ico_09.png); } .uhod_stand_circle_item.uhod_stand_circle_10 span { background-image: url(/img/uhod/uhod_ico_10.png); } .uhod_stand_circle_item.open span { box-shadow: 0 0 13px 3px rgba(46, 147, 103, 0.35); } .uhod_stand_circle_center { position: relative; background: url(/img/uhod/uhod_ico_00.svg) no-repeat center; width: 375px; height: 375px; top: 165px; margin: 0 auto; border-radius: 375px; } .uhod_stand_circle_center.open { background: transparent; } .uhod_stand_circle_center div { display: none; } .uhod_stand_circle_center div.open { display: block; width: 375px; height: 375px; position: absolute; top: 0px; left: 0px; border-radius: 375px; background-color: rgba(202, 246, 241, 0.49); font-size: 19px; line-height: 22px; text-align: center; padding: 0px 40px; box-sizing: border-box; } .uhod_stand_circle_center .uhod_stand_circle_01.open { padding-top: 111px; } .uhod_stand_circle_center .uhod_stand_circle_02.open { padding-top: 111px; } .uhod_stand_circle_center .uhod_stand_circle_03.open { padding-top: 78px; } .uhod_stand_circle_center .uhod_stand_circle_04.open { padding-top: 100px; } .uhod_stand_circle_center .uhod_stand_circle_05.open { padding-top: 89px; } .uhod_stand_circle_center .uhod_stand_circle_06.open { padding-top: 155px; } .uhod_stand_circle_center .uhod_stand_circle_07.open { padding-top: 78px; } .uhod_stand_circle_center .uhod_stand_circle_08.open { padding-top: 122px; } .uhod_stand_circle_center .uhod_stand_circle_09.open { padding-top: 111px; } .uhod_stand_circle_center .uhod_stand_circle_10.open { padding-top: 133px; } .uhod_descr p, .uhod_descr li { font-size: 19px; line-height: 22px; } .uhod_descr p { margin: 0 0 22px; } @media screen and (max-width: maxWidth) { .b-vertical-container { display: none; } } .b-vertical-container { /* stylelint-disable-next-line */ /* @mixin displayNone $max-sm; */ } .b-container-main-delievery .title { padding-left: 0.8rem; margin-bottom: 2rem; border-left: 2px solid #86ccb9; font-family: "RobotoRegular"; } .b-container-main-delievery .title .up { margin: 0; font-size: 4rem; line-height: 4rem; text-transform: uppercase; } @media screen and (max-width: 959px) and (min-width: 960px) { .b-container-main-delievery .title .up { font-size: 2.2rem; line-height: 2.2rem } } @media screen and (max-width: 767px) and (min-width: 468px) { .b-container-main-delievery .title .up { font-size: 1.7rem; line-height: 1.7rem } } @media screen and (max-width: 467px) { .b-container-main-delievery .title .up { font-size: 3rem; line-height: 3rem } } .b-container-main-delievery .title .middle { margin: 0; font-size: 2.5rem; line-height: 2.5rem; text-transform: uppercase; } @media screen and (max-width: 959px) and (min-width: 960px) { .b-container-main-delievery .title .middle { font-size: 2rem; line-height: 2rem } } @media screen and (max-width: 767px) and (min-width: 468px) { .b-container-main-delievery .title .middle { font-size: 1.4rem; line-height: 1.4rem } } .b-container-main-delievery .title .bottom { margin: 0; font-size: 2rem; } @media screen and (max-width: 959px) and (min-width: 960px) { .b-container-main-delievery .title .bottom { font-size: 1.5rem; line-height: 1.5rem } } @media screen and (max-width: 767px) and (min-width: 468px) { .b-container-main-delievery .title .bottom { font-size: 1.2rem; line-height: 1.2rem } } .b-container-main-delievery .descr { padding-left: 1.2rem; font-family: "RobotoRegular"; font-size: 1.4rem; margin-bottom: 3rem; } @media screen and (max-width: 767px) and (min-width: 468px) { .b-container-main-delievery .descr { font-size: 1rem } } .b-container-main-delievery .link-block { padding-top: 10rem; } @media screen and (max-width: 959px) { .b-container-main-delievery .link-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; padding: 0 } } .is-fitoDesign--bg { background-size: cover; background-image: url('/img/florist-bg-img.jpg'); } .b-part-video-container { background-size: cover; background-image: url('/img/video-bg.jpg'); height: 64rem; } .b-part-container { height: 64rem; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 960px) { .b-map-container { padding-right: 4rem } } .b-part-grey-container { background-color: #eff0f5; overflow-x: hidden; } .b-main-part-review-container { display: block; position: relative; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-main-part-review-container .title { margin: 0; margin-bottom: 1.5rem; padding: 0; font-size: 5rem; font-size: "AcromBold"; text-align: center; } @media screen and (max-width: 767px) { .b-main-part-review-container .title { font-size: 3rem } } .b-main-part-review-container .review { text-align: center; font-size: 1.6rem; line-height: 2rem; font-family: "RobotoRegular"; } .b-main-part-review-container hr { width: 10rem; margin: 2.5rem auto; background-color: #000; } .b-main-part-review-container .author { margin: 0; margin-bottom: 0.1rem; padding: 0; font-size: 1.6rem; font-family: "AcromBold"; } .b-main-part-review-container .place { margin: 0; padding: 0; margin-bottom: 4rem; font-size: 1.5rem; font-family: "RobotoRegular"; } .b-main-part-review-container .clients-title { margin: 0; margin-bottom: 3rem; padding: 0; font-size: 3rem; font-family: "RobotoRegular"; text-align: center; } .b-main-part-review-container .clients-container { position: relative; width: 100%; } .b-main-part-review-container .clients-slider { background-color: #fff; -webkit-box-shadow: 0.4rem 1rem 1.3rem 0 rgba(50, 50, 50, 0.3); box-shadow: 0.4rem 1rem 1.3rem 0 rgba(50, 50, 50, 0.3); /*padding: 2.5rem 0 0;*/ margin-bottom: 3rem; } .b-main-part-features-container .left-wrapper { margin-bottom: 4rem; } .b-main-part-features-container .left-wrapper .block { margin-bottom: 5rem; } .b-main-part-features-container .left-wrapper .block .title { text-transform: uppercase; font-size: 2rem; font-family: "AcromBold"; margin: 0; margin-bottom: 2.5rem; } .b-main-part-features-container .left-wrapper .block .title p { font-family: "RobotoRegular"; font-size: 1.5rem; margin: 0; margin-bottom: 2.5rem; text-align: justify; } .b-main-part-features-container .left-wrapper .b-content-container:not(.is-active) .b-content-container--any { display: none; } .b-main-part-features-container .right-wrapper { margin-bottom: 4.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-main-part-features-container .right-wrapper .title { margin: 0; margin-bottom: 2rem; font-family: "AcromBold"; font-size: 2.2rem; letter-spacing: 0.2rem; text-transform: uppercase; text-align: justify; } .b-main-part-features-container .right-wrapper .descr { margin: 0; margin-bottom: 2.5rem; font-size: 1.6rem; font-family: "RobotoRegular"; text-align: justify; } .b-main-part-features-container .right-wrapper hr { margin-bottom: 4rem; } .b-main-part-features-container .right-wrapper .feature { margin-bottom: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .b-main-part-features-container .right-wrapper .feature button { color: black; text-align: left; } .b-main-part-features-container .right-wrapper .feature button .icon-triangle-feature { opacity: 0; } .b-main-part-features-container .right-wrapper .feature button .icon-feature, .b-main-part-features-container .right-wrapper .feature button .icon-triangle-feature { /* stylelint-disable-next-line */ -webkit-transition: 0.5s; transition: 0.5s; } .b-main-part-features-container .right-wrapper .feature button .icon-feature:hover, .b-main-part-features-container .right-wrapper .feature button .icon-triangle-feature:hover { -webkit-transition: 0.5s; transition: 0.5s; } .b-main-part-features-container .right-wrapper .feature button .icon-feature { opacity: 0.5; } .b-main-part-features-container .right-wrapper .feature button:hover .icon-triangle-feature { opacity: 1; } .b-main-part-features-container .right-wrapper .feature button:hover .icon-feature { opacity: 1; } .b-main-part-features-container .right-wrapper .feature .b-feature--subDesc { display: none; position: absolute; left: 0; top: 0; background: white; height: 100%; z-index: 3; padding: 3rem; border-radius: 0.5rem; } .b-main-part-features-container .right-wrapper .feature .b-feature--subDesc--view { min-height: 16rem; max-height: 20rem; overflow: auto; font-size: 1.4rem; line-height: 1.5; font-family: "RobotoLight"; } .b-main-part-features-container .right-wrapper .feature .b-feature--subDesc button[onclick] { font-size: 2rem; } .b-main-part-features-container .right-wrapper .feature button { cursor: pointer; } .b-main-part-features-container .right-wrapper .feature.is-active .e-overlay { z-index: 2; } .b-main-part-features-container .right-wrapper .feature.is-active .e-overlay, .b-main-part-features-container .right-wrapper .feature.is-active .b-feature--subDesc { display: block; } .b-main-part-features-container .right-wrapper .feature .icons-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.6rem; } .flex-map-index { align-content: center; justify-content: center } @media screen and (max-width: 959px) { .b-main-part-features-container .right-wrapper .feature .icons-wrapper { margin-bottom: 0; margin-right: 1.6rem } .b-map-block { padding-top: inherit !important; } .flex-map-index { justify-content: space-between; } .b-main-map iframe { width: 100%; height: 30rem; } } @media screen and (max-width: 767px) { .b-small-card .image-block img { max-width: 80%; height: auto; margin: 0 auto; } .b-main-part-features-container .right-wrapper .feature .icons-wrapper { margin-bottom: 1.6rem; margin-right: 12px; } .b-slider .swiper-slide { min-height: 20rem !important; } } .b-main-part-features-container .right-wrapper .feature .feature-descr { text-transform: uppercase; font-size: 1.1rem; font-family: "RobotoRegular"; } @media screen and (max-width: 1167px) { /* .b-container-main-delievery .title .up { font-size: 3rem; } */ .uhod_icons_block { text-align: center; } .uhod_icons_item .num { font-size: 45px; line-height: 45px; text-align: left; } .uhod_icons_block .uhod_icons_item_01 .num, .uhod_icons_block .uhod_icons_item_02 .num { text-align: right; } .uhod_icons_item .numtext { font-size: 16px; line-height: 18px; margin: 5px 0 16px 0; text-align: left; } .uhod_icons_block .uhod_icons_item_01 .numtext, .uhod_icons_block .uhod_icons_item_02 .numtext { text-align: right; } .uhod_icons_block .uhod_icons_item_03 .numtext { margin: 5px 0 0 0; } .uhod_icons_block .uhod_icons_item_04 .numtext { margin: 25px 0 0 0; } .uhod_icons_item .descr { font-size: 16px; line-height: 18px; margin: 0; text-align: left; } .uhod_icons_block .uhod_icons_item_01 .descr, .uhod_icons_block .uhod_icons_item_02 .descr { text-align: right; } .uhod_icons_block .uhod_icons_item_01 { width: 280px; margin: 0 100px 40px 0; float: none; display: inline-block; vertical-align: top; } .uhod_icons_block .uhod_icons_item_02 { width: 330px; display: inline-block; float: none; margin: 0 0 40px; padding: 0 0 0 130px; vertical-align: top; } .uhod_icons_block .uhod_icons_item_03 { width: 280px; margin: 0 100px 40px 0; float: none; display: inline-block; vertical-align: top; } .uhod_icons_block .uhod_icons_item_04 { width: 330px; display: inline-block; float: none; margin: 0 0 40px; padding: 0 0 0 135px; vertical-align: top; } .arenda_nov_client .title { margin: 0 0 30px; } .arenda_nov_client_block { max-width: 665px; } .arenda_nov_client_item { width: 329px; height: 276px; } .arenda_nov_client_item a span { background-size: contain; height: 60px; } .arenda_nov_client_block.owl-carousel .owl-nav button.owl-prev { top: -157px; left: -34px; width: 21px; height: 34px; background-size: cover; } .arenda_nov_client_block.owl-carousel .owl-nav button.owl-next { top: -157px; right: -34px; width: 21px; height: 34px; background-size: cover; } .arenda_nov_otz { width: calc(100% + 16px); margin: 50px -8px 40px; } .arenda_nov_otz_item { width: 200px; height: 280px; margin: 0 auto; } .arenda_nov_otz_wrapper { max-width: 668px; padding: 45px 0; } .arenda_nov_otz_wrapper .title, .arenda_nov_usl .title { margin: 0 0 40px; } .arenda_nov_otz_block { max-width: 668px; } .arenda_nov_otz_block.owl-carousel .owl-nav button.owl-prev { top: -237px; left: -33px; width: 21px; height: 34px; background-size: cover; } .arenda_nov_otz_block.owl-carousel .owl-nav button.owl-next { top: -237px; right: -33px; width: 21px; height: 34px; background-size: cover; } .arenda_nov_usl_block { max-width: 682px; margin: 0 auto 40px; } .arenda_nov_usl_block .arenda_nov_usl_item { width: 222px; height: 216px; display: block; } .arenda_nov_usl_block .arenda_nov_usl_item span { height: 51px; line-height: 16px; padding: 17px 0; font-size: 14px; } .arenda_nov_usl_block .arenda_nov_usl_item.row2 span { padding: 9px 10px; } .arenda_nov_usl_block.owl-carousel .owl-nav button.owl-prev { top: -125px; left: -26px; width: 21px; height: 34px; background-size: cover; } .arenda_nov_usl_block.owl-carousel .owl-nav button.owl-next { top: -125px; right: -26px; width: 21px; height: 34px; background-size: cover; } .arenda_nov_pluses { width: calc(100% + 16px); margin: 0 0 40px -8px; box-sizing: border-box; padding: 0 15px; background-repeat: repeat-y; } .arenda_more { color: #2e9468; font-size: 14px; line-height: 14px; margin: 5px 0 0; font-weight: 400; text-decoration: underline; } } .b-footer-nav-block-new { margin-left: calc(209px + (100% - 540px)/2); } @media screen and (max-width: 959px) { .b-main-part-features-container .right-wrapper .feature { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .uhod_icons_block .uhod_icons_item_01 { margin: 0 70px 40px 0; } .uhod_icons_block .uhod_icons_item_03 { margin: 0 70px 40px 0; } .arenda_nov_price_table { padding: 16px 65px 15px 25px; } .arenda_nov_price_table .name { font-size: 19px; line-height: 22px; max-width: 52%; } .arenda_nov_price_table::after { right: 17px; color: #2e9367; } .arenda_nov_price_table .price { line-height: 45px; } .arenda_nov_pluses_block .arenda_nov_pluses_item { width: 100%; float: none; padding: 0 0 50px 140px; min-height: 200px; } .arenda_nov_pluses_block .arenda_nov_pluses_item:nth-of-type(2n+1) { margin: 0; } .uhod_nov_button { width: 245px; font-size: 13px; } body>.bx-wrapper.b-wrapper { overflow: hidden; } } @media screen and (max-width: 767px) { .b-main-part-features-container .right-wrapper .feature { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media screen and (min-width: 960px) { .b-main-part-features-container .right-wrapper { padding-right: 6rem } } .b-fito-container, .b-container-fito { margin-bottom: 3rem; } .b-fito-container .title-up, .b-container-fito .title-up { padding-left: 4.5rem; font-size: 4.3rem; font-family: "RobotoRegular"; line-height: 4.2rem; margin: 0; } @media screen and (max-width: 960px) { .ne_nov_button { box-sizing: border-box; width: 300px; height: 55px; line-height: 53px; float: none; margin: 0 auto 20px; font-size: 13px; } } @media screen and (max-width: 767px) { .b-fito-container .title-up, .b-container-fito .title-up { display: block; padding-left: 3rem; font-size: 3.5rem; line-height: 3.4rem } .uhod_nov_button { margin: 0 auto 15px; float: none; width: 278px; } .uhod_icons_block .uhod_icons_item_01, .uhod_icons_block .uhod_icons_item_02, .uhod_icons_block .uhod_icons_item_03, .uhod_icons_block .uhod_icons_item_04 { margin: 0 auto 30px; width: 300px; padding: 0 0 0 120px; text-align: left; } .uhod_icons .title, .uhod_stand .title, .arenda_nov_client .title, .arenda_nov_otz_wrapper .title, .arenda_nov_usl .title { font-size: 20px; line-height: 20px; text-align: left; margin: 0 0 25px; } .uhod_stand .title { margin: 20px 0 25px; } .uhod_icons_block .uhod_icons_item_01 .num, .uhod_icons_block .uhod_icons_item_02 .num { text-align: left; } .uhod_icons_block .uhod_icons_item_01 .numtext, .uhod_icons_block .uhod_icons_item_02 .numtext { text-align: left; margin: 5px 0; line-height: 16px; } .uhod_icons_block .uhod_icons_item_01 .descr, .uhod_icons_block .uhod_icons_item_02 .descr { text-align: left; } .uhod_icons_block .uhod_icons_item_03 .numtext, .uhod_icons_block .uhod_icons_item_04 .numtext { margin: 5px 0; } .uhod_icons_block .uhod_icons_item_01 { background-size: 72px; background-position: 17px 8px; } .uhod_icons_block .uhod_icons_item_02 { background-size: 105px; background-position: 0; } .uhod_icons_block .uhod_icons_item_03 { background-size: 77px; background-position: 14px 0; } .uhod_icons_block .uhod_icons_item_04 { background-size: 76px; background-position: 15px 0; } .arenda_nov_buttons a { box-sizing: border-box; width: 300px; height: 55px; line-height: 53px; float: none; margin: 0 auto 20px; font-size: 13px; } .uhod_stand p { font-size: 16px; line-height: 18px; margin: 0 0 20px; } .uhod_stand_circle { width: 100%; height: auto; position: relative; margin: 0px auto 25px; } .uhod_stand_circle_item { border-radius: 22px; border: 2px solid #2e9367; position: relative; left: 0 !important; top: 0 !important; width: 100%; padding: 0 0 0 82px; box-sizing: border-box; font-size: 16px; text-align: left; line-height: 67px; margin: 0 0 10px; } .uhod_stand_circle_item.active { box-shadow: 0 0 13px 3px rgba(46, 147, 103, 0.35); } .uhod_stand_circle_center { display: none; } .uhod_stand_circle_item span { width: 80px; height: 67px; top: 0px; left: 0; border-radius: 0; } .uhod_stand_circle_item_mobile { border-radius: 22px; background-color: #e5fbf8; color: #000000; font-size: 14px; padding: 20px; margin: 0 auto 10px; } .uhod_stand_circle_item_mobile.active { display: block; } .uhod_stand_circle_item.uhod_stand_circle_01 span { background-image: url(/img/uhod/uhod_ico_01_mob.png); background-position: 15px 14px; } .uhod_stand_circle_item.uhod_stand_circle_02 span { background-image: url(/img/uhod/uhod_ico_02_mob.png); background-position: 7px 4px; } .uhod_stand_circle_item.uhod_stand_circle_03 span { background-image: url(/img/uhod/uhod_ico_03_mob.png); background-position: 14px 5px; } .uhod_stand_circle_item.uhod_stand_circle_04 span { background-image: url(/img/uhod/uhod_ico_04_mob.png); background-position: 7px 7px; } .uhod_stand_circle_item.uhod_stand_circle_05 span { background-image: url(/img/uhod/uhod_ico_05_mob.png); background-position: 8px 4px; } .uhod_stand_circle_item.uhod_stand_circle_06 span { background-image: url(/img/uhod/uhod_ico_06_mob.png); background-position: 3px 5px; } .uhod_stand_circle_item.uhod_stand_circle_07 span { background-image: url(/img/uhod/uhod_ico_07_mob.png); background-position: 7px 6px; } .uhod_stand_circle_item.uhod_stand_circle_08 span { background-image: url(/img/uhod/uhod_ico_08_mob.png); background-position: 10px 6px; } .uhod_stand_circle_item.uhod_stand_circle_09 span { background-image: url(/img/uhod/uhod_ico_09_mob.png); background-position: 14px 6px; } .uhod_stand_circle_item.uhod_stand_circle_10 span { background-image: url(/img/uhod/uhod_ico_10_mob.png); background-position: 12px 9px; } .arenda_nov_price { margin: 0 0 25px; } .arenda_nov_client { margin: 5px 0 0; } .arenda_nov_client_block { max-width: 270px; } .arenda_nov_client_item { width: 270px; height: 227px; } .arenda_nov_client_item a span { height: 50px; } .arenda_nov_client_block.owl-carousel .owl-nav button.owl-prev { top: -125px; left: -17px; width: 15px; height: 24px; } .arenda_nov_client_block.owl-carousel .owl-nav button.owl-next { top: -125px; right: -17px; width: 15px; height: 24px; } .arenda_nov_otz { width: calc(100% + 16px); margin: 40px -8px 30px; } .arenda_nov_otz_wrapper { max-width: 100%; padding: 25px 8px; } .arenda_nov_otz_block { max-width: 278px; } .arenda_nov_otz_item { width: 200px; height: 280px; } .b-container .arenda_nov_otz_block .owl-dots { z-index: 0; bottom: 0; position: relative; text-align: center; width: 320px; margin-top: 20px; margin-left: -21px; } .b-container .arenda_nov_otz_block .owl-dots .owl-dot { opacity: 1; width: 13px; height: 13px; border-radius: 7px; background: #c3c3c3; margin: 0 3px; } .b-container .arenda_nov_otz_block .owl-dots .owl-dot.active { background-color: #c66b80; } .arenda_nov_otz_block.owl-carousel .owl-nav button.owl-prev { width: 15px; height: 24px; top: -187px; left: -22px; } .arenda_nov_otz_block.owl-carousel .owl-nav button.owl-next { width: 15px; height: 24px; top: -187px; right: -22px; } .arenda_nov_usl_block { max-width: 261px; margin: 0 auto 30px; } .arenda_nov_usl_block .arenda_nov_usl_item { width: 261px; height: 253px; } .arenda_nov_usl_block.owl-carousel .owl-nav button.owl-prev { width: 15px; height: 24px; top: -139px; left: -20px; } .arenda_nov_usl_block.owl-carousel .owl-nav button.owl-next { width: 15px; height: 24px; top: -139px; right: -20px; } .arenda_nov_button { margin: 0 auto 20px; width: 300px; height: 55px; font-size: 13px; line-height: 55px; box-sizing: border-box; } .uhod_descr p, .uhod_descr li { font-size: 16px; line-height: 18px; } .uhod_descr p { margin: 0 0 18px; } .uhod_descr ol { padding: 0; margin: 0; } .uhod_descr li { list-style-position: inside; margin: 0 0 18px; } .arenda_nov_pluses { padding: 0 8px; } .arenda_nov_pluses_wrapper { padding: 15px 0; } .arenda_nov_pluses_wrapper .title { font-size: 20px; line-height: 25px; text-align: left; margin: 0 0 30px; } .arenda_nov_pluses_block .arenda_nov_pluses_item { padding: 0 0 40px 90px; min-height: 134px; background-size: 79px; background-position: 0 14px; } .arenda_nov_pluses_block .arenda_nov_pluses_item .name { line-height: 20px; margin: 0 0 10px; font-size: 16px; } .arenda_nov_pluses_block .arenda_nov_pluses_item .descr { font-size: 14px; line-height: 18px; overflow: hidden; } footer>.b-container>.row>.col-xs-offset-2 { margin-left: 0; width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (max-width: 480px) { .arenda_nov_price_table { padding: 10px 28px 10px 10px; } .arenda_nov_price_table .name { font-size: 14px; line-height: 16px; max-width: 151px; } .arenda_nov_price_table::after { right: 6px; } .arenda_nov_price_table .price { line-height: 48px; font-size: 14px; } .arenda_nov_price_descr { padding: 15px 0; font-size: 14px; line-height: 16px; } .arenda_nov_price_descr p { font-size: 14px; line-height: 16px; } .arenda_nov_pluses_block .arenda_nov_pluses_item .descr { max-height: 90px; } } .b-fito-container .title-down, .b-container-fito .title-down { display: block; padding-left: 2.5rem; font-size: 5rem; font-family: "AcromExtraBold"; line-height: 5rem; text-transform: uppercase; margin: 0 0 2rem; } @media screen and (max-width: 767px) { .b-fito-container .title-down, .b-container-fito .title-down { padding-left: 1rem; font-size: 4rem; line-height: 4rem } } .b-fito-design-container { padding: 5rem 0 4rem; overflow: hidden; height: 65rem; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 767px) { .b-fito-design-container { height: auto } } .b-pagination-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .card-descr-container { padding: 0.7rem 2rem; } @media screen and (max-width: 959px) { .card-descr-container { padding: 0 } } .b-article-container { width: 100%; } .b-article-container .image-blocks { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 959px) { /*.b-article-container .image-blocks { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }*/ } .b-article-container .image-blocks .image { -ms-flex-preferred-size: 100%; flex-basis: 100%; background-size: cover; background-position: center; height: 20rem; } .b-padding-wrapper { padding: 4rem 3rem; } .b-company-title-container { padding-top: 3rem; } .b-goal-container { background-image: url('/img/goal-bg.jpg'); background-size: cover; background-position: center; background-repeat: none; background-color: #eff0f5; } .b-goal-container .logo { width: 50%; } @media screen and (max-width: max-md) { .b-goal-container .logo { width: 40% } } .b-hist-container { background-image: url('/img/history-bg.jpg'); background-size: cover; background-position: center; background-repeat: none; background-color: #eff0f5; padding: 3rem 0; } .b-hist-container .logo { width: 50%; } @media screen and (max-width: max-md) { .b-hist-container .logo { width: 40% } } .b-hist-wrapper { padding: 5rem 3.5rem; max-height: 80rem; background-color: rgba(255, 255, 255, 0.5); overflow: auto; } .b-stock-single-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4rem; } @media screen and (max-width: 767px) { .b-stock-single-container { -ms-flex-wrap: wrap; flex-wrap: wrap } } .b-stock-single-container .image { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; -ms-flex-negative: 0; flex-shrink: 0; position: relative; background-position: center; background-size: cover; overflow: hidden; } @media screen and (max-width: 767px) { .b-stock-single-container .image { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } .b-stock-single-container .image::before { content: ''; padding-top: 100%; float: left; } } .b-stock-single-container .descr { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } @media screen and (max-width: 767px) { .b-stock-single-container .descr { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } } .b-green-flag-container .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 4rem; } .b-green-flag-container .title .flag { display: block; width: 4rem; height: 4rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2rem solid #95dcd4; border-left: 2rem solid transparent; margin-right: 2.5rem; } .b-green-flag-container .title .text { display: inline-block; padding-bottom: 1rem; font-size: 1.9rem; font-family: "AcromBold"; text-transform: uppercase; } .b-green-flag-container .descr { display: none; margin-bottom: 4rem; } .b-green-flag-container.is-active .flag { border: 2rem solid #95dcd4; border-bottom: 2rem solid transparent; } .b-green-flag-container.is-active .text { border-bottom: 0.1rem dashed #8f9093; } .b-green-flag-container.is-active .descr { display: block; } .b-green-flag-container.is-active hr { display: none; } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ html { font-size: 62.5%; } body { font-size: 1.4rem; background: white; font-family: "RobotoRegular"; } .grey-bg { background-color: #eff0f5; } .b-wrapper { padding-top: 110px; } @media (max-width: 1199px) { .b-wrapper { padding-top: 100px; } } @media (max-width: 991px) { .b-wrapper { padding-top: 71px; } } .b-container-desk-bg-light .b-container { padding-top: 5rem; } .b-content-block { padding: 4rem 0; } .link { text-decoration: none; color: #000; cursor: pointer; font-size: 1.4rem; font-family: "RobotoRegular"; } .link-modal-pers { text-decoration: underline; margin-left: 5rem; font-size: 1.2rem; line-height: 1.2rem; } .line { display: block; border: 0; padding: 0; height: 1px; background-color: #8f9093; } .line-light { display: block; border: 0; outline: 0; padding: 0; margin: 2rem 0 5rem; height: 1px; background-color: #eff0f5; /* stylelint-disable-next-line */ } @media screen and (max-width: maxWidth) { .line-light { display: none; } } .line-light { /* stylelint-disable-next-line */ /* @mixin displayNone $max-sm; */ } .b-title-content { font-size: 4rem; letter-spacing: 0.1rem; font-family: "RobotoRegular"; margin: 0 0 5rem; } @media screen and (max-width: 767px) { .b-title-content { font-size: 3rem } .b-container-desk-bg-light .b-container { padding-top: 0; } .b-container-desk-bg-light .b-content-wrapper { padding-top: 3rem; } } .b-sub-title-content { font-size: 2rem; letter-spacing: 0.1rem; font-family: "RobotoRegular"; text-transform: uppercase; margin: 1rem 0 2rem; } .b-title-big { font-family: "RobotoRegular"; font-size: 5.5rem; text-align: center; margin-bottom: 2.5rem; } @media screen and (max-width: 959px) { .b-title-big { font-size: 3rem } } .b-title-products { font-size: 2.5rem; font-family: "AcromExtraBold"; text-transform: uppercase; margin: 3rem 0; } .b-title-section { font-size: 3.75rem; font-family: "AcromExtraBold"; text-transform: uppercase; margin: 0 0 2rem; } @media screen and (max-width: 467px) { .b-title-section { font-size: 2.5rem } } .b-subtitle-products { padding-top: 2rem; font-size: 1rem; text-transform: uppercase; font-family: "AcromBold"; margin: 0 0 0.5rem; } .b-list { margin: 0 0 2rem; padding: 0; list-style: none; } .b-list li { padding-left: 1.7rem; background-image: url('/img/icon-check.svg'); background-size: 1rem 1rem; background-repeat: no-repeat; background-position: 0 center; } .b-text { font-size: 1.4rem; line-height: 2rem; font-family: "RobotoRegular"; margin-bottom: 1.5rem; } .b-content-title { font-size: 2rem; margin: 0 0 1.5rem; text-transform: uppercase; } .is-relative { position: relative; } .b-content-wrapper { padding: 5rem 0; } .b-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-link-part { max-width: 50%; } @media screen and (max-width: 959px) { .b-link-part { max-width: 40% } } .b-link-part i { -ms-flex-negative: 0; flex-shrink: 0; } .b-link p { padding-left: 1.2rem; font-size: 1.2rem; font-family: "RobotoRegular"; } .b-breadcrumbs a { display: inline-block; position: relative; /*padding: 0 1.25rem;*/ color: #565e67; font-size: 1.2rem; font-family: "AcromLight"; } .b-breadcrumbs span { padding: 0 .9rem; font-size: 1.2rem; font-family: "AcromLight"; } .b-breadcrumbs a:first-child span { padding-left: 0; } .b-breadcrumbs>div { display: inline-block; position: relative; } /*.b-breadcrumbs>div::after { content: ''; display: block; position: absolute; top: 0.7rem; right: 1rem; width: 0.3rem; height: 0.3rem; border-bottom: 1px solid #565e67; border-right: 1px solid #565e67; font-size: 1.2rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }*/ .b-breadcrumbs span:last-of-type { color: #000; font-family: "AcromBold"; } /*.b-breadcrumbs a:last-of-type::after { display: none; }*/ .b-breadcrumbs .fa-angle-right { font-size: 10px; } .b-pagination-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-pagination-link { display: inline-block; margin: 0 0.4rem; font-size: 1.6rem; font-family: "AcromLight"; } .b-pagination-link.is-active { font-family: "AcromBold"; } .b-pagination-link-next, .b-pagination-link-prev { width: 0.3rem; height: 0.3rem; border-bottom: 0.1.6rem solid #303030; border-right: 0.1.6rem solid #303030; } .b-pagination-link-next { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .b-pagination-link-prev { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .main-video-play-control { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; color: #fff; font-family: "AcromBold"; font-size: 1rem; } .b-filters-block { 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; } .b-links-portfolio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 2.5rem; } .b-links-portfolio span { margin: 0 1rem; font-size: 2rem; } @media screen and (max-width: 959px) { .b-links-portfolio span { font-size: 1.5rem } } .b-links-portfolio button { font-size: 2rem; opacity: 0.5; font-family: "AvanGardeGothicCC"; text-transform: uppercase; } @media screen and (max-width: 959px) { .b-links-portfolio button { font-size: 1.5rem } } .b-links-portfolio button.is-active { opacity: 1; font-family: "AvanGardeGothicCC Bold"; } .b-tab:not(.is-active) { display: none; } .b-filter-block { 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-bottom: 5rem; } .b-filter-block.is-active .filters { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-filter-block .filters { padding-top: 3rem; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .b-filter-block .filters label input { display: none; } .b-filter-block .filters label span, .b-filter-block .filters label a { text-decoration: none; display: inline-block; padding: 0.5rem 1rem; margin: 0.5rem 0.8rem; border: 1px solid #86ccb9; border-radius: 8rem; color: #000; font-size: 1.6rem; font-family: "RobotoRegular"; cursor: pointer; } .b-filter-block .filters label input:checked+span { background-color: #86ccb9; color: #fff; } .b-filter-block .b-tab { width: 100%; } .b-toggle { cursor: pointer; } .b-toggle input { display: none; } .b-toggle span { display: inline-block; position: relative; margin-left: 5.5rem; font-size: 1.2rem; line-height: 2.2rem; font-family: "RalewayBold"; text-transform: uppercase; cursor: pointer; border-bottom: 0.1rem dashed transparent; } .b-toggle span::after { content: ''; position: absolute; top: 0; left: -5.5rem; width: 5rem; height: 2.2rem; background-repeat: no-repeat; background-image: url('/img/toggle-sprite.png'); background-position: -0.5rem -0.5rem; } .b-toggle input:checked+span { border-bottom: 0.1rem dashed #8f9093; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-toggle input:checked+span::after { background-position: -6.5rem -0.5rem; } .b-nav-company { font-size: 1.2rem; font-family: "AcromBold"; margin-bottom: 5rem; } .b-nav-company a { display: inline-block; padding: 0.3rem 0.5rem; text-transform: uppercase; /* stylelint-disable-next-line */ -webkit-transition: 0.5s; transition: 0.5s; } .b-nav-company a:hover { -webkit-transition: 0.5s; transition: 0.5s; } .b-nav-company a:hover, .b-nav-company a.is-active { border-bottom: 0.1rem dashed #8f9093; } .b-nav-company span { display: inline-block; padding: 0.3rem 0.2rem; } .border-top-grey { border-top: 0.1rem solid #eff0f5; } .b-post-date { font-size: 1.4rem; font-family: $font-regular_light; text-transform: uppercase; } .b-count { font-size: 1.4rem; font-family: "RobotoRegular"; margin: 0 0 0.3rem; color: #dbdbdb; } .b-hint { font-size: 1.4rem; color: #cdcdce; } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ a { color: #95dcd4; text-decoration: none; /* stylelint-disable-next-line */ -webkit-transition: 0.5s; transition: 0.5s; } a:hover { -webkit-transition: 0.5s; transition: 0.5s; } a:hover { color: black; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } p { font-size: 1.4rem; line-height: 2rem; font-family: "RobotoRegular"; margin-bottom: 1.5rem; } .is-uppercase { text-transform: uppercase; letter-spacing: 0.1rem; } .is-relative { position: relative; } .reset-btn { border: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; } .e-overlay { display: none; margin: 0; position: fixed; top: 0; left: 0; background-color: black; opacity: 0.3; height: 100%; width: 100%; } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ footer { padding-top: 3.5rem; background-color: #eff0f5; } .b-footer-copyright-block { border-top: 1px solid #d0d0ce; padding: 1.5rem 0; color: #d0d0ce; font-size: 1.6rem; font-family: "RobotoRegular"; } .b-footer-title { text-transform: uppercase; letter-spacing: 0.2rem; font-size: 1.6rem; font-family: "AcromBold"; font-weight: 700; margin: 0 0 4rem; } .b-footer-nav-block { margin-bottom: 2.5rem; } .b-footer-nav-title { display: block; text-transform: uppercase; font-size: 1.5rem; font-family: "AcromBold"; font-weight: 700; letter-spacing: 0.2rem; margin-bottom: 0.6rem; } .b-footer-nav-title--first {} .b-footer-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .b-footer-nav-link { font-size: 1.2rem; font-family: "RobotoRegular"; margin-bottom: 0.3rem; } .b-footer-nav-link.left-nav { margin-bottom: 1rem; } .b-footer-address { /* text-transform: uppercase; */ font-size: 1.2rem; font-family: "RobotoRegular"; line-height: 1.5rem; letter-spacing: 0; margin: 0; padding: 0; margin-bottom: 1.6rem; } .b-footer-worktime { /* text-transform: uppercase; */ font-size: 1.2rem; font-family: "RobotoRegular"; margin-bottom: 1.6rem; } .b-footer-contacts-block { margin-bottom: 1.6rem; } .b-footer-contacts-block p { /* margin: 0; */ } .b-footer-contacts-title { text-transform: uppercase; color: #8f9093; font-size: 1.2rem; font-family: "AcromBold"; } .b-footer-contact-link { display: block; font-size: 1.2rem; font-family: "RobotoRegular"; margin: 0.5rem 0; } .b-footer-contact-link.whatsapp { margin-bottom: 0; } .b-footer-whatsapp-subtitle { font-size: 0.8rem; font-family: "RobotoRegular"; margin-bottom: 0.5rem; } .b-footer-social { margin-bottom: 1.6rem; } .b-footer-social a { margin-right: 1rem; } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ @media screen and (max-width: 767px) { .e-textarea, form input[type="text"], form textarea { margin-bottom: 1.5rem } } .e-textarea:focus, form input[type="text"]:focus, form textarea:focus { outline: 0; -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3); box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3); } .e-textarea.is-block, form input[type="text"], form textarea { width: 100%; display: block; } .e-textarea.is-round, .e-input.is-round, .search-page input[type="text"] { border-radius: 5rem; } .e-textarea.is-inverse, .e-input.is-inverse, .search-page input[type="text"] { background-color: rgb(235, 235, 235); } .e-file { display: block; font-size: 1rem; font-family: "AcromBold"; padding-left: 3rem; margin-bottom: 1.5rem; /* TODO: иконку file-load поменять на свг */ background-image: url('/img/icon-file-load.png'); background-size: 2rem 1rem; background-position: 0 center; background-repeat: no-repeat; } .e-file input { display: none; } .e-checkbox { display: inline-block; width: 100%; text-align: left; } .e-checkbox input { display: none; } .e-checkbox input:checked+label+span::after { display: block; } .e-checkbox span { position: relative; display: inline-block; /*width: 100%;*/ padding-left: 5rem; font-size: 1.2rem; line-height: 1.4rem; font-family: "RobotoRegular"; } .e-checkbox span::before { content: ''; display: block; background-color: #eff0f5; position: absolute; width: 3rem; height: 3rem; top: 0; left: 0; } .e-checkbox span::after { display: none; content: ''; position: absolute; top: 0.5rem; left: 0.5rem; background-image: url('/img/icon-check.svg'); background-size: 2rem 2rem; width: 2rem; height: 2rem; } .container { margin-left: auto; margin-right: auto; padding-right: 0.5rem; padding-left: 0.5rem; } .container-fluid { padding-right: 1.6rem; padding-right: 1.6rem; padding-left: 1.6rem; padding-left: 1.6rem; } @media only screen and (min-width: 468px) { .container { padding-right: 0.5rem; padding-left: 0.5rem; width: calc(468px - 1.6rem); max-width: 100%; } } @media only screen and (min-width: 768px) { .container { padding-right: 0.5rem; padding-left: 0.5rem; width: calc(768px - 1.6rem); max-width: 100%; } } @media only screen and (min-width: 960px) { .container { padding-right: 0.5rem; padding-left: 0.5rem; width: calc(960px - 1.6rem); max-width: 100%; } } @media only screen and (min-width: 1080px) { .container { padding-right: 0.5rem; padding-left: 0.5rem; width: calc(1080px - 1.6rem); max-width: 100%; } } @media only screen and (min-width: 1200px) { .container { padding-right: 0.5rem; padding-left: 0.5rem; width: calc(1200px - 1.6rem); max-width: 100%; } } .row { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -0.5rem; margin-right: calc((1.6rem * 0.5) * -1); margin-left: -0.5rem; margin-left: calc((1.6rem * 0.5) * -1); } .row.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .col.reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-right: calc((1.6rem * 0.5)); padding-left: 0.5rem; padding-left: calc((1.6rem * 0.5)); } .col-xs { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-xs-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-xs-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xs-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-xs-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xs-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-xs-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xs-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-xs-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xs-offset-0 { margin-left: 0; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-xs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .middle-xs { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-xs { -ms-flex-pack: distribute; justify-content: space-around; } .between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-xs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-xs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .initial-order-xs { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; } @media only screen and (min-width: 468px) { .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-right: calc((1.6rem * 0.5)); padding-left: 0.5rem; padding-left: calc((1.6rem * 0.5)); } .col-sm { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-sm-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-0 { margin-left: 0; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-sm { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .middle-sm { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-sm { -ms-flex-pack: distribute; justify-content: space-around; } .between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-sm { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-sm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .initial-order-sm { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; } .b-container-desk-bg-light .b-breadcrumbs { margin-left: 8.33333333%; } } @media only screen and (min-width: 768px) { .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-right: calc((1.6rem * 0.5)); padding-left: 0.5rem; padding-left: calc((1.6rem * 0.5)); } .col-md { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-md-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-md-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-md-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-md-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-md-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-11 { margin-left: 91.66666667%; } .start-md { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-md { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-md { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-md { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .middle-md { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-md { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-md { -ms-flex-pack: distribute; justify-content: space-around; } .between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-md { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-md { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .initial-order-md { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; } } @media only screen and (min-width: 960px) { .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-right: calc((1.6rem * 0.5)); padding-left: 0.5rem; padding-left: calc((1.6rem * 0.5)); } .col-lg { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-lg-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-lg { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .middle-lg { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-lg { -ms-flex-pack: distribute; justify-content: space-around; } .between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-lg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-lg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .initial-order-lg { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; } } @media only screen and (min-width: 1080px) { .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-offset-0, .col-xl-offset-1, .col-xl-offset-2, .col-xl-offset-3, .col-xl-offset-4, .col-xl-offset-5, .col-xl-offset-6, .col-xl-offset-7, .col-xl-offset-8, .col-xl-offset-9, .col-xl-offset-10, .col-xl-offset-11, .col-xl-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-right: calc((1.6rem * 0.5)); padding-left: 0.5rem; padding-left: calc((1.6rem * 0.5)); } .col-xl { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-xl-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xl-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xl-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xl-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xl-offset-0 { margin-left: 0; } .col-xl-offset-1 { margin-left: 8.33333333%; } .col-xl-offset-2 { margin-left: 16.66666667%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-4 { margin-left: 33.33333333%; } .col-xl-offset-5 { margin-left: 41.66666667%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-7 { margin-left: 58.33333333%; } .col-xl-offset-8 { margin-left: 66.66666667%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-10 { margin-left: 83.33333333%; } .col-xl-offset-11 { margin-left: 91.66666667%; } .start-xl { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-xl { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-xl { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-xl { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .middle-xl { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-xl { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-xl { -ms-flex-pack: distribute; justify-content: space-around; } .between-xl { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-xl { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-xl { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .initial-order-xl { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; } } @media only screen and (min-width: 1200px) { .col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-offset-0, .col-xxl-offset-1, .col-xxl-offset-2, .col-xxl-offset-3, .col-xxl-offset-4, .col-xxl-offset-5, .col-xxl-offset-6, .col-xxl-offset-7, .col-xxl-offset-8, .col-xxl-offset-9, .col-xxl-offset-10, .col-xxl-offset-11, .col-xxl-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-right: calc((1.6rem * 0.5)); padding-left: 0.5rem; padding-left: calc((1.6rem * 0.5)); } .col-xxl { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-xxl-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-xxl-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-xxl-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xxl-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-xxl-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-xxl-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xxl-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-xxl-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-xxl-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xxl-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-xxl-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-xxl-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xxl-offset-0 { margin-left: 0; } .col-xxl-offset-1 { margin-left: 8.33333333%; } .col-xxl-offset-2 { margin-left: 16.66666667%; } .col-xxl-offset-3 { margin-left: 25%; } .col-xxl-offset-4 { margin-left: 33.33333333%; } .col-xxl-offset-5 { margin-left: 41.66666667%; } .col-xxl-offset-6 { margin-left: 50%; } .col-xxl-offset-7 { margin-left: 58.33333333%; } .col-xxl-offset-8 { margin-left: 66.66666667%; } .col-xxl-offset-9 { margin-left: 75%; } .col-xxl-offset-10 { margin-left: 83.33333333%; } .col-xxl-offset-11 { margin-left: 91.66666667%; } .start-xxl { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-xxl { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-xxl { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-xxl { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .middle-xxl { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-xxl { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-xxl { -ms-flex-pack: distribute; justify-content: space-around; } .between-xxl { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-xxl { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-xxl { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .initial-order-xxl { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; } } @media only screen and (min-width: 0) { .hidden-xs { display: none; } } @media only screen and (min-width: 468px) { .hidden-sm { display: none; } } @media only screen and (min-width: 768px) { .hidden-md { display: none; } } @media only screen and (min-width: 960px) { .hidden-lg { display: none; } } @media only screen and (min-width: 1080px) { .hidden-xl { display: none; } } @media only screen and (min-width: 1200px) { .hidden-xxl { display: none; } } @media only screen and (max-width: 467px) { .hidden-only-xs { display: none; } } @media only screen and (min-width: 468px) and (max-width: 767px) { .hidden-only-sm { display: none; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .hidden-only-md { display: none; } } @media only screen and (min-width: 960px) and (max-width: 1079px) { .hidden-only-lg { display: none; } } @media only screen and (min-width: 1079px) and (max-width: 1199px) { .hidden-only-xl { display: none; } } @media only screen and (min-width: 1200px) { .hidden-only-xxl { display: none; } } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ header { position: fixed; top: 0; z-index: 100; width: 100%; max-width: 100vw; /* background-color: rgba(255, 255, 255, 0.8); */ background-color: #fff; padding-bottom: 5px; } .b-header-wrapper { padding: 1.4rem 0; } .b-header-searchForm { position: absolute; right: 5rem; } .b-header-searchForm:not(.is-active) { display: none; } .b-header-searchForm input { z-index: 12; position: relative; padding: 1rem 2.5rem; outline: none; } .b-header-searchForm .form-overlay { border: 0; margin: 0; z-index: 11; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.6; background-color: black; } .header-hover-container { display: none; position: absolute; top: 0; left: 0; height: 100vh; z-index: 3; } .header_basket { width: 149px; height: 34px; display: block; border-radius: 19px; box-sizing: border-box; text-decoration: none; color: #fefefe; font-size: 12px; text-transform: uppercase; letter-spacing: 0.12px; padding: 0 0 0 60px; line-height: 34px; text-align: left; margin: 10px 15px; background: url(/img/basket.svg) no-repeat 20px 8px #2e9468; position: relative; } .header_basket:hover { background-color: #95dcd4; color: #fff; } .header_basket span { min-width: 13px; height: 13px; padding: 0 3px; background-color: #ffffff; border-radius: 13px; line-height: 13px; color: #fe0101; font-size: 9px; text-align: center; position: absolute; top: 5px; left: 40px; box-sizing: border-box; display: block !important; margin: 0 !important; } @media screen and (max-width: 467px) { .header-hover-container { width: 100% } } .header-logo { position: relative; display: block; height: 5.5rem; background-image: url('/img/logo.svg'); background-repeat: no-repeat; background-position: 0 center; z-index: 3; background-size: cover; width: 98px; } header .col-xs-12.col-sm-10 { padding-top: 6px; } @media screen and (min-width: 960px) { .header-logo { height: 9.7rem; } } @media screen and (max-width: 959px) { .header-logo { height: 6.4rem; width: 72px; } header .col-xs-12.col-sm-10 { padding-top: 0; } } @media screen and (max-width: 467px) { .header-logo { height: 4rem; width: 100%; background-size: contain; background-image: url(/img/logo-mobile.svg); } .btn-ticket-header { margin: 0; } } .b-header-burger .hamburger { position: relative; font: inherit; display: inline-block; overflow: visible; margin: 0; cursor: pointer; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; text-transform: none; color: inherit; border: 0; background-color: transparent; z-index: 3; outline: none; } .b-header-burger .hamburger:hover { opacity: 0.7; } .b-header-burger .hamburger-box { top: 0.5rem; position: relative; display: inline-block; width: 3rem; height: 2.5rem; } .b-header-burger .hamburger-inner { top: 50%; display: block; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition-duration: 0.075s; transition-duration: 0.075s; } .b-header-burger .hamburger-inner, .b-header-burger .hamburger-inner::before, .b-header-burger .hamburger-inner::after { position: absolute; width: 3rem; height: 0.23rem; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; background-color: #000; } .b-header-burger .hamburger-inner::before, .b-header-burger .hamburger-inner::after { display: block; content: ''; } .b-header-burger .hamburger-inner::before { top: -0.8rem; -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease; transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .b-header-burger .hamburger-inner::after { bottom: -0.8rem; -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .b-header-burger .is-active .hamburger-inner { -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .b-header-burger .is-active .hamburger-inner::before { top: 0; -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease; transition: top 0.075s ease, opacity 0.075s 0.12s ease; opacity: 0; } .b-header-burger .is-active .hamburger-inner::after { bottom: 0; -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } @media screen and (min-width: 1080px) { .b-header-burger { display: none } } .b-header-close { display: none; width: 1.6rem; height: 1.6rem; background-color: rgba(255, 255, 255, 0); border: none; /*background-image: url('/img/icon-close.svg');*/ background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 3; } .b-header-line { margin: 0; padding-top: 0.7rem; margin-bottom: 0.7rem; } .b-header-line hr { margin: 0; padding: 0; border: 0; height: 1px; display: block; background-color: #d0d0ce; } @media screen and (max-width: 1079px) { .b-header-line { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } } @media screen and (max-width: 767px) { .b-header-line { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } } @media screen and (max-width: 467px) { .b-header-line { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } .b-header-contact-link { 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-align: end; -ms-flex-align: end; align-items: flex-end; } .b-header-contact-link span { font-size: 1.3rem; line-height: 2rem; font-family: "RobotoRegular"; } .b-header-contact-link a { font-size: 1.4rem; letter-spacing: 0.2rem; font-family: "AcromExtraBold"; font-weight: 400; /* stylelint-disable-next-line */ -webkit-transition: 0.5s; transition: 0.5s; } .link-adaptive-menu { font-size: 1.2rem; letter-spacing: 0.2rem; font-family: "AcromExtraBold"; font-weight: 400; -webkit-transition: 0.5s; transition: 0.5s; color: #000; } .header_contact_modile { display: inline-block; width: 137px; } .b-header-search.search-mobile { width: 20px; height: 18px; margin: 0 !important; } .b-header-contact-link a:hover { -webkit-transition: 0.5s; transition: 0.5s; } .b-header-contact-link a:hover { color: #86ccb9; } @media screen and (max-width: 767px) { /* .b-header-contact-link { display: none } */ .b-header-contact-link { padding-top: 11px; } .b-header-contact-link span { display: none } } .b-header-up-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-header-up-nav span { margin: 0 1.5rem; } @media screen and (max-width: 1079px) { .b-header-up-nav { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } } @media screen and (max-width: 767px) { .b-header-up-nav { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } } @media screen and (max-width: 467px) { .b-header-up-nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } } .header-up-nav-link { display: inline-block; text-transform: uppercase; font-size: 1.2rem; font-family: "RobotoBold"; /* letter-spacing: 0.2rem; font-family: "RobotoRegular"; */ /* stylelint-disable-next-line */ -webkit-transition: 0.5s; transition: 0.5s; } .header-up-nav-link:hover { -webkit-transition: 0.5s; transition: 0.5s; } .header-up-nav-link:hover { color: #95dcd4; } .b-header-up-links { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-header-up-links button, .b-header-up-links div { margin: 0 1rem; } @media screen and (max-width: 1079px) { .b-header-up-links { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } } @media screen and (max-width: 800px) { .b-header-up-links button, .b-header-up-links div { margin: 0 0px; } .btn-ticket-header.btn-green { margin: 10px auto; height: 34px; padding: 0 1.5rem; line-height: 30px; display: block; width: 149px; } .content-about-page .btn-ticket-header.btn-green { width: 239px; text-align: center; } .header_basket { margin: 10px 0; } } @media screen and (max-width: 718px) { .b-header-up-links .fancy.btn.btn-round.btn-green.btn-ticket-header { display: none; } .b-header-up-links .header_basket { display: none; } .b-header-down-nav-links a.header_basket { margin: 0 auto 10px; text-align: left; } .b-header-down-nav-links .search { display: block !important; } .b-header-down-nav-links a.header_basket:hover { color: #fff !important; } } @media screen and (max-width: 600px) { .footer-cont { flex-direction: column; align-items: center; text-align: center; } } .b-container .clients-container .owl-dots { bottom: -6rem; height: 4rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } @media screen and (max-width: 467px) { .b-header-up-links { display: none } .b-header-up-links .bx-searchtitle, .bx-searchtitle .bx-input-group { margin: auto; } .b-header-searchForm { right: 0; left: 0; } } .b-header-search { cursor: pointer; display: inline-block; text-transform: uppercase; border: none; background: transparent; padding: 1.5rem 0 0; outline: none; font-size: 0.8rem; background-image: url('/img/icon-search.svg'); background-size: 1.5rem; background-repeat: no-repeat; background-position: center 0.2rem; height: 34px; margin: 10px 1rem !important; } .b-header-menu-row { padding-top: 0.8rem; } .b-header-nav { font-size: 1.2rem; font-weight: 700; text-transform: uppercase; } .b-header-nav span, .b-header-nav a { margin: 0 0.8rem; } .b-header-down-nav-links { text-transform: uppercase; font-size: 1.2rem; font-family: "RobotoBold"; } .b-header-down-nav-links .search { display: none; } .b-header-down-nav-links .contact-link { display: none; } .b-header-down-nav-links .social { display: none; } .b-header-down-nav-links span { margin: 0 0.8rem; display: none; } @media screen and (min-width: 1080px) {} .b-header-down-nav-links a { /* stylelint-disable-next-line */ -webkit-transition: 0.5s; transition: 0.5s; } .b-header-down-nav-links a:hover { -webkit-transition: 0.5s; transition: 0.5s; } @media screen and (min-width: 468px) and (max-width: 767px) { .b-header-down-nav-links a { text-align: left; margin-left: 34% } } @media screen and (min-width: 768px) and (max-width: 959px) { .b-header-down-nav-links a { margin-left: 45%; text-align: left } .js-tabs .row.around-xs { display: inline; margin: auto; } .js-tabs .row.around-xs .col-md-5 { display: inline-flex; vertical-align: top; } } .b-header-down-nav-links a:hover { color: #86ccb9; } @media screen and (max-width: 1199px) { .b-header-down-nav-links { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .top__menu .top__menu__item .link { font-size: 1.3rem !important; padding: 5px 3px !important; } } @media screen and (max-width: 1079px) { .b-header-down-nav-links:not(.is-active) { display: none; } } .b-header-down-nav-links.is-active { padding: 2rem 1rem; width: 100%; background: #eff0f5; } @media (min-width: 468px) and (max-width: 1079px) { .b-header-down-nav-links.is-active { max-width: 30rem } } @media screen and (max-width: 1079px) { .b-header-down-nav-links.is-active { position: absolute; top: 0; left: 0; padding-top: 18vh; height: 100vh } .b-header-down-nav-links.is-active .link { font-size: 1.4rem !important; } } @media screen and (max-width: 467px) { .b-header-down-nav-links.is-active { padding-top: 10vh } .b-header-down-nav-links.is-active .b-onlyMobileStyle { max-width: 25rem; text-align: left; margin: 0 auto; } .b-header-down-nav-links.is-active.is-active .contact-link, .b-header-down-nav-links.is-active.is-active .social { padding-left: 0; margin-left: 0; } } @media screen and (max-width: 467px) { .b-header-down-nav-links.is-active { width: 100% } } @media screen and (min-width: 468px) and (max-width: 767px) { .b-header-down-nav-links.is-active { width: 55% } } @media screen and (min-width: 768px) and (max-width: 959px) { .b-header-down-nav-links.is-active { width: 40% } } .b-header-down-nav-links.is-active .link { display: block; padding: 1rem 0; font-size: 1.6rem; } @media screen and (max-width: 467px) { .b-header-down-nav-links.is-active .search { display: block } } @media screen and (max-width: 767px) { .b-header-down-nav-links.is-active .contact-link { margin: 2rem 0 1rem 30%; display: block; text-align: left } .b-header-down-nav-links.is-active .contact-link span { display: block; margin: 0; } .b-header-down-nav-links.is-active .contact-link a { padding: 0; margin: 0; } } @media screen and (max-width: 467px) { .hidden-in-adaptive { display: none; } .b-header-down-nav-links.is-active .social { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 30% } .b-header-down-nav-links.is-active .social a { margin: 0 0.5rem; } } .b-header-social-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } /* stylelint-disable-next-line */ .b-header-social-links a { -webkit-transition: 0.5s; transition: 0.5s; } .b-header-social-links a:hover { -webkit-transition: 0.5s; transition: 0.5s; } .b-header-social-links a:hover { opacity: 0.5; } @media screen and (min-width: 1080px) { .b-header-social-links { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } } @media screen and (max-width: 1079px) { .b-header-social-links { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .b-header-down-nav-links .b-horisontal-social .link { display: inline-block; } } @media screen and (max-width: 767px) { .b-header-social-links { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } } @media screen and (max-width: 467px) { .b-header-social-links { display: none } } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ .icon { display: inline-block; background-repeat: no-repeat; background-position: center; } .icon-whatsapp { background-image: url('/img/icon-whatsapp.svg'); } .icon-vk { background-image: url('/img/icon-vk.svg'); } .icon-fb { background-image: url('/img/icon-fb.svg'); } .icon-instagram { background-image: url('/img/icon-instagram.svg'); } .icon-file { background-image: url('/img/icon-file.svg'); } .icon-play { background-image: url('/img/icon-play.svg'); } .icon-play--active { background-image: url('/img/icon-play-active.svg'); } .icon-play-white { background-image: url('/img/icon-play-white.svg'); } .icon-load { background-image: url('/img/icon-load.svg'); } .icon-sprout { background-image: url('/img/icon-sprout.svg'); } .icon-monitor { background-image: url('/img/icon-monitor.svg'); } .icon-shovel { background-image: url('/img/icon-shovel.svg'); } .icon-leaves { background-image: url('/img/icon-leaves.svg'); } .icon-triangle { background-image: url('/img/icon-triangle.svg'); } .icon-triangle-green { background-image: url('/img/icon-triangle-green.svg'); } .icon-quote { background-image: url('/img/icon-quote.svg'); } .icon-mouse { background-image: url('/img/icon-mouse.svg'); } .icon-mouse-white { background-image: url('/img/icon-mouse-white.svg'); } .icon-car { background-image: url('/img/icon-car.svg'); } .icon-cancel { background-image: url('/img/icon-cancel.png'); } .icon-pause { background-image: url('/img/icon-pause.png'); } .icon-stars { width: 1.8rem; height: 1.7rem; background-image: url('/img/spritestars.png'); background-repeat: no-repeat; display: block; margin-right: 0.5rem; background-position: -3.3rem -0.5rem; } .icon-stars-set:hover, .icon-stars-active { background-position: -0.5rem -0.5rem; } .icon-stars-set:hover { opacity: 0.5; } .icon-stars-set:hover~.icon-stars { background-position: -0.5rem -0.5rem; } .icon-grow { background-image: url('/img/icon-grow.svg'); } .icon-health { background-image: url('/img/icon-health.svg'); } .icon-status { background-image: url('/img/icon-status.svg'); } .icon-colors { background-image: url('/img/icon-colors.svg'); } .icon-bouquet { background-image: url('/img/icon-bouquet.svg'); } .icon-logo-small { background-image: url('/img/logo-small.png'); } .icon-feature { width: 5rem; height: 5rem; background-size: 5rem 5rem; } .icon-triangle-feature { margin-left: 1.5rem; width: 1.6rem; height: 1.6rem; background-size: 1.6rem 1.6rem; } .icon-main-review { width: 5rem; height: 5rem; background-size: 5rem 5rem; margin-bottom: 2.5rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .icon-header { width: 1.6rem; height: 1.6rem; background-size: 1.6rem 1.6rem; } .icon-footer { width: 1.5rem; height: 1.5rem; background-size: 1.5rem 1.5rem; } .icon-scroll { width: 1.6rem; height: 2rem; background-size: 1.6rem 2rem; } .icon-load-map { width: 2rem; height: 1.6rem; background-size: 2rem 1.6rem; } .icon-main-play { width: 5rem; height: 5rem; background-size: 5rem 5rem; } .icon-main-gallery { width: 2.5rem; height: 2.5rem; background-size: 2.5rem 2.5rem; } .icon-vertical-nav { width: 2rem; height: 2rem; background-size: 2rem 2rem; margin-bottom: 1rem; } .icon-clients-slider { width: 1rem; height: 1rem; background-size: 1rem; } .icon-whatsapp-footer { width: 1.6rem; height: 1.6rem; margin-right: 0.2rem; -webkit-mask-image: url('/img/icon-whatsapp.svg'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 1.6rem 1.6rem; background-color: #56d005; } .icon-part { display: block; width: 3.5rem; height: 3.5rem; max-height: 3.5rem; max-width: 3.5rem; border-radius: 5rem; background-size: 2rem 2rem; background-position: center; background-color: #caede9; } .icon-video-block-triangle { width: 1.5rem; height: 1.5rem; background-size: 1.5rem 1.5rem; } .icon-video-block-control { width: 3rem; height: 3rem; background-size: 3rem 3rem; } .icon-portfolio-load { width: 3rem; height: 3rem; border: 1px solid #000; border-radius: 5rem; background-size: 1.6rem 1.6rem; /* stylelint-disable-next-line */ -webkit-transition: 0.5s; transition: 0.5s; } .icon-portfolio-load:hover { -webkit-transition: 0.5s; transition: 0.5s; } .icon-portfolio-load:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .icon-stocks { width: 4rem; height: 3rem; background-size: 4rem 3rem; } .icon-vyezd-feature { width: 7rem; height: 7rem; background-size: 7rem 7rem; } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ .b-part-container { position: relative; height: 64rem; width: 100%; } .b-part-container-close-btn { position: absolute; z-index: 10; top: 10px; right: 10px; white-space: nowrap; } .b-part-container-close-btn .icon { vertical-align: middle; } .b-part-container-close-btn span { vertical-align: middle; } .b-part-container--fito, .b-part-container--fito-video, .b-part-container--floristika, .b-part-container--floristika-video { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .b-part-container.unvisible { height: 0; overflow: hidden; visibility: hidden; opacity: 0; display: none; } .b-part-container-bg-cover { background-size: cover; } .b-part-container-bg-flor { background-position: 0 64%; } .b-part-container .white { background-color: #fff; } @media screen and (max-width: 959px) { .b-part-container { height: auto } } .b-part-bg-container { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: 64rem; top: 0; left: 0; } @media screen and (max-width: 959px) { .b-part-bg-container { height: auto } } .b-part-bg-container .btn-main-position { width: 13rem; margin: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; } .b-part-bg { position: relative; background-size: cover; background-position: center; height: 64rem; -ms-flex-preferred-size: 33.3%; flex-basis: 33.3%; z-index: 0; overflow: hidden; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (max-width: 959px) { .b-part-bg { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; height: 40rem } } @media screen and (max-width: 467px) { .b-part-bg { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; height: 32rem } } .b-part-bg-center { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; max-width: 400px; } @media screen and (max-width: 959px) { .b-part-bg-center { height: 19rem; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media screen and (max-width: 467px) { .b-part-bg-center { height: 32rem } } .b-part-bg-black::after { content: ''; display: block; position: absolute; z-index: 0; width: 100%; height: 64rem; top: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.4) 100%); } .b-part-title { text-transform: uppercase; font-size: 3.5rem; font-family: "AcromLight"; text-align: center; } .b-part-content { height: 64rem; padding: 0 1rem; } @media screen and (max-width: 959px) { .b-part-content { height: 28rem } } @media screen and (max-width: 467px) { .b-part-content { padding: 0 4rem; height: 32rem; 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-align: center; -ms-flex-align: center; align-items: center } } .b-part-content .title { padding-top: 35rem; margin: 0 0 2rem; color: #fff; text-transform: uppercase; font-size: 2.5rem; letter-spacing: 0.1rem; font-family: "AcromBold"; } @media screen and (max-width: 959px) { .b-part-content .title { padding-top: 2.5rem } } @media screen and (max-width: 467px) { .b-part-content .title { font-size: 3rem; padding-top: 6rem } } .b-part-content .link { padding: 1rem 5rem; } .b-part-content .descr { margin-bottom: 2rem; color: #fff; font-size: 1.6rem; font-family: "RobotoLight"; } @media screen and (max-width: 959px) { .three-blocks-is-bg { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } } @media screen and (max-width: 959px) { .three-blocks-not-bg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .b-container-desk-bg-dark { padding-top: 12rem; } } @media screen and (max-width: 467px) { .three-blocks-is-bg, .rig, .b-part-bg-black { display: none; } .b-container-desk-bg-dark { padding-top: 2rem; } .b-part-content-center-container { height: 32rem } } .b-part-content-center { height: 64rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -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; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-part-content-center .btn-scroll { position: relative; top: 2rem; } @media screen and (max-width: 959px) { .b-part-content-center { height: auto; padding-top: 3rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: inherit; } } @media screen and (max-width: 467px) { .b-part-content-center { padding-top: 5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .b-part-content-center .title { margin: 0 0 11rem; padding: 15rem 0 0; font-size: 3rem; font-family: "AcromLight"; text-transform: uppercase; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-part-content-center .title--1 { margin: 0 0 4rem; padding: 9rem 0 0; color: #95dcd4; } .b-part-content-center .title--2 { margin: 0 0 5rem; padding: 0; } @media screen and (max-width: 959px) { .b-part-content-center .title { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin: 0; padding: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media screen and (max-width: 767px) { .b-part-content-center .title { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } .b-part-content-center .title--1 { font-size: 2.3rem; margin-bottom: 1rem; } .b-part-content-center .title--2 { font-size: 1.8rem; } } @media screen and (max-width: 467px) { .b-part-content-center .title { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-bottom: 1.5rem } } @media screen and (max-width: 959px) { .b-part-content-center .link-block { padding-top: 2rem; margin-bottom: 4rem; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } } @media screen and (max-width: 467px) { .b-part-content-center .link-block { padding-top: 2rem; margin-bottom: 0 } } .b-part-content-center .links { padding: 12rem 0 0; margin: 0; width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } .b-part-content-center .links p { line-height: 1.4rem; } @media screen and (max-width: 959px) { .b-part-content-center .links { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; padding: 0; margin: 0 } } @media screen and (max-width: 767px) { .b-part-content-center .links { -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30% } .b-part-content-center .links p { display: none; } .b-part-content-center .links .link { margin: 0 2.5rem; } } .b-extra-title { margin: 0; padding: 0; padding-top: 2rem; margin-bottom: 2rem; font-size: 3.5rem; font-family: "AcromExtraBold"; color: #000; text-transform: uppercase; text-align: center; display: block; } @media screen and (max-width: 467px) { .b-extra-title { font-size: 2.5rem } } .b-extra-list-wrap { max-height: 250px; margin: 0 0 3rem; } .b-extra-list-wrap .b-extra-list { padding: 0; } .b-extra-list { list-style: none; margin: 0 0 3rem; padding: 0 0 5rem; } .b-extra-list li { position: relative; margin-bottom: 1.6rem; text-transform: uppercase; font-family: "AvanGardeGothicCC"; font-size: 1.6rem; } .b-extra-list li a { display: inline-block; padding-left: 3rem; line-height: 1.2; background-image: url('/img/icon-triangle.svg'); background-repeat: no-repeat; background-size: 1.2rem 1.2rem; background-position: 0 center; -webkit-transition: 0.5s; transition: 0.5s; } .b-extra-list li a:hover { padding-left: 4rem; -webkit-transition: 0.5s; transition: 0.5s; } .b-dashed-links-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-around; width: 100%; } @media screen and (max-width: 959px) { .b-dashed-links-wrapper { margin-bottom: 2rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .b-dashed-links-wrapper a, .b-dashed-links-wrapper button { display: inline-block; padding: 0 0 0.3rem; margin-bottom: 1rem; font-family: "RobotoRegular"; font-size: 1.2rem; border-bottom: 1px dashed #000; text-align: left; /* stylelint-disable-next-line */ -webkit-transition: 0.5s; transition: 0.5s; } .b-dashed-links-wrapper a:hover, .b-dashed-links-wrapper button:hover { -webkit-transition: 0.5s; transition: 0.5s; } @media screen and (max-width: 467px) { .b-dashed-links-wrapper a, .b-dashed-links-wrapper button { font-size: 1rem } } .b-dashed-links-wrapper a:hover, .b-dashed-links-wrapper button:hover { border-bottom-color: transparent; } .b-dashed-links-wrapper-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .b-dashed-links-wrapper-start a { margin-right: 1.5rem; } .b-part-video-block { position: relative; width: 100%; height: 64rem; } .main-video-play-control { position: absolute; } .b-part-video { width: 100%; } .b-video-controls-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin: 10rem 0 12rem; } @media screen and (max-width: 467px) { .b-video-controls-block { margin: 4rem 0 5rem } } .b-video-descr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: 0.4rem 1rem 1.3rem 0 rgba(50, 50, 50, 0.3); box-shadow: 0.4rem 1rem 1.3rem 0 rgba(50, 50, 50, 0.3); } .b-video-descr .controls .btn { margin-bottom: 1rem; } .b-video-descr .btn-video-block-play { white-space: nowrap; } .b-video-descr .btn-video-block-play .icon, .b-video-descr .btn-video-block-play span { display: inline-block; vertical-align: middle; } @media screen and (max-width: 767px) { .b-video-descr { margin-bottom: 1rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .b-video-descr .hidden-container { -webkit-transition: 0.5s; transition: 0.5s; width: 100%; } .b-video-descr.is-active { -webkit-box-shadow: none; box-shadow: none; } .b-video-descr.is-active .controls { -webkit-box-shadow: 0.4rem 1rem 1.3rem 0 rgba(50, 50, 50, 0.3); box-shadow: 0.4rem 1rem 1.3rem 0 rgba(50, 50, 50, 0.3); } .b-video-descr.is-active .hidden-container { width: 0; overflow: hidden; -webkit-transition: 0.5s; transition: 0.5s; } .b-video-descr.is-active .hidden-container .descr { width: 40rem; } .b-video-descr .btn-video-block-triangle i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .b-video-descr.is-active .btn-video-block-triangle i { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .b-video-descr .descr { padding: 2.5rem 2.6rem; background-color: #86ccb9; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-video-descr .descr .title-up { margin: 0; padding: 0; padding-left: 3rem; font-size: 4rem; line-height: 3.8rem; text-transform: uppercase; font-family: "AcromLight"; } @media screen and (max-width: 959px) { .b-video-descr .descr .title-up { padding-left: 2rem; font-size: 3rem; line-height: 2.8rem } } .b-video-descr .descr .title-down { padding: 0; padding-left: 5rem; margin: 0; font-size: 4rem; line-height: 3.8rem; text-transform: uppercase; font-family: "AcromExtraBold"; } @media screen and (max-width: 959px) { .b-video-descr .descr .title-down { padding-left: 4rem; font-size: 3rem; line-height: 2.8rem } } .b-video-descr .descr hr { margin: 2rem 0; } .b-video-descr .descr .text { position: relative; text-indent: 1.5rem; font-family: "RobotoRegular"; font-size: 1.5rem; } .b-video-descr .controls { background-color: #fff; 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-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .b-video-descr .controls { flex-direction: row; justify-content: space-around; } .b-video-descr.is-active .controls { margin: -130px 0 130px; } .b-video-descr .controls .btn { margin-top: 0.7rem; margin-bottom: 0.7rem; } } .b-main-map { height: 100%; width: 100%; } @media screen and (max-width: 467px) { .b-main-map { /* height: 40rem */ } } .b-map-block { padding-top: 6rem; } @media screen and (min-width: 960px) { .b-map-block { padding-left: 4rem } } .b-map-block .big-title { margin-bottom: 2rem; font-size: 2rem; text-transform: uppercase; font-family: $font-acrom-extrabold; } .b-map-block .address { /* text-transform: uppercase; */ font-size: 1.5rem; font-family: "RobotoRegular"; } .b-map-block .worktime { font-size: 1.5rem; /* text-transform: uppercase; */ } .b-map-block .buttons { margin-bottom: 3rem; display: flex; gap: 10px; flex-wrap: wrap; } .b-map-block .buttons button { margin-right: 1.5rem; } @media screen and (max-width: 767px) { .b-map-block .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around } .b-map-block .buttons button { margin-right: 0; } } .b-contacts-block { margin-bottom: 2rem; } .b-contacts-block p { margin: 0; padding: 0; } .b-contacts-block .title { text-transform: uppercase; color: #8f9093; font-size: 1.6rem; font-family: "AcromBold"; } .b-contacts-block .link { display: block; font-size: 1.4rem; font-family: "RobotoRegular"; margin: 0.3rem 0; text-decoration: underline; } .b-contacts-block .link:hover { text-decoration: none; } .b-contacts-block .whatsapp-subtitle { font-size: 0.8rem; font-family: "RobotoRegular"; margin-bottom: 0.3rem; } .b-main-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; } .b-gallery-block { position: relative; overflow: hidden; width: 20%; background-size: cover; background-repeat: no-repeat; } @media screen and (max-width: 467px) { .b-gallery-block { width: 33.3% } } .b-gallery-block::before { content: ''; padding-top: 100%; float: left; } .b-gallery-block .mask { background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; } .b-gallery-block .mask .link { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .b-gallery-block:hover .mask { visibility: visible; opacity: 1; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; } .b-slider .swiper-container { width: 100%; height: 100%; } .b-slider .swiper-slide { text-align: center; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 16rem; margin: 0 2rem; padding: 0; min-width: 18rem; } .b-slider .swiper-slide img { width: auto; max-width: 100%; height: auto; } .b-container .owl-dots { z-index: 0; bottom: -5rem; position: absolute; text-align: center; width: 100%; } .b-container .owl-dots .owl-dot { opacity: 1; width: 1.2rem; height: 1.2rem; border-radius: 5rem; background: white; margin: 0 5px; } .b-container .owl-dots .owl-dot.active { background: #8f9093; } .swiper-wrapper .owl-nav { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); } .b-container .main_reviews .owl-dots { bottom: -3rem; } .swiper-wrapper .owl-nav button.owl-next, .swiper-wrapper .owl-nav button.owl-prev { opacity: 1; position: absolute; /*margin-top: -3rem;*/ background-image: url(/img/icon-triangle.svg); background-size: 1.5rem; /* stylelint-disable-next-line */ -webkit-transition: 0.5s; transition: 0.5s; /*top: 50%;*/ width: 27px; height: 20px; z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat; } .swiper-wrapper .owl-nav button.owl-next:hover, .swiper-wrapper .owl-nav button.owl-prev:hover { -webkit-transition: 0.5s; transition: 0.5s; } .swiper-wrapper .owl-nav button.owl-next:hover, .swiper-wrapper .owl-nav button.owl-prev:hover { opacity: 0.5; } .swiper-wrapper .owl-nav button.owl-prev { left: -3.5rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .b-slider button.owl-next { right: -3.5rem; background-image: url(/img/icon-triangle.svg); } .is-marginer { border: 0; height: 0.1rem; background-color: rgb(245, 245, 245); } .is-marginer.is-margin { margin: 4rem 0; } .is-marginer.search { margin-bottom: 4rem; } video { width: 100%; } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ .b-modal { display: none; opacity: 0; position: fixed; top: 0; width: 100%; height: 100%; z-index: 10; -webkit-transition: opacity 1s; transition: opacity 1s; border-radius: 0.4rem; } .b-modal.is-active { display: block; opacity: 1; -webkit-transition: opacity 1s; transition: opacity 1s; } .fancybox-content .up, .form_content .up { padding: 1rem; background-color: #fff; text-transform: uppercase; font-size: 1.9rem; font-family: "AcromBold"; text-align: center; padding: 1rem 0; } .fancybox-content .down, .form_content .down { background-color: #eff0f5; padding: 4rem 2rem; text-align: center; margin: 0; } .b-modal--video { margin-top: 2rem; } .b-modal--video video { width: 100%; } form input[type="submit"] { margin: auto; display: block; font-size: 1.2rem; padding: 1rem 3rem; } #new__order input[name="form_text_31"] { display: none; } #new__order input[name="form_text_35"] { display: none; } .error-fld { display: none; } .error input { border: 1px solid red !important; } .b-modal--header { font-size: 2rem; font-family: "RalewayBold"; letter-spacing: 0.2rem; margin-bottom: 0; text-transform: uppercase; } .b-modal-container { height: 100%; } .b-modal-container .row { height: 100%; } .b-modal-body { max-height: 90vh; overflow: auto; padding: 2rem 4rem 3rem; background-color: white; position: relative; z-index: 12; } .b-modal-body-thankyou { padding: 0; } .b-modal .b-overlay { top: 0; right: 0; position: fixed; height: 100%; width: 100%; opacity: 0.6; background-color: black; z-index: 11; } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ .b-news-block { display: block; cursor: pointer; -webkit-transition: 0.5s; transition: 0.5s; } @media screen and (max-width: 959px) { .b-news-block { margin-bottom: 4rem } } .b-news-block:hover { -webkit-box-shadow: -0.2rem 2.5rem 3rem 0 rgba(50, 50, 50, 0.5); box-shadow: -0.2rem 2.5rem 3rem 0 rgba(50, 50, 50, 0.5); -webkit-transition: 0.5s; transition: 0.5s; } .b-news-block:hover .descr-block { background-color: #eff0f5; } .b-news-block:hover .descr-block .day { font-family: "RobotoLight"; } .b-news-block .image { width: 100%; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; } .b-news-block .image::after { content: ''; padding-top: 35%; float: left; } .b-news-block .descr-block { padding: 0.7rem 2rem; } .b-news-block .descr-block .title-block { 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-align: center; -ms-flex-align: center; align-items: center; } .b-news-block .descr-block .title-block .date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; } .b-news-block .descr-block .title-block .date .day { font-size: 6.5rem; font-family: "RobotoLight"; } .b-news-block .descr-block .title-block .date .month-year { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 2.6rem; font-family: "RobotoLight"; } .b-news-block .descr-block .title-block .title { width: 100%; font-size: 2rem; margin: 0 0 1rem; text-transform: uppercase; font-family: "RobotoRegular"; text-align: center; } .b-news-block .descr-block .descr { font-size: 1.6rem; font-family: "RobotoLight"; } /* stylelint-disable */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ .products-container { -webkit-box-sizing: border-box; box-sizing: border-box; } .products-container .load-block { margin: 3rem 0; } @media screen and (min-width: 1080px) { .products-container { /* padding-left: 2rem */ } } .product-block { display: block; outline: none; color: inherit; text-decoration: none; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; margin-bottom: 1.5rem; } .product-block::after { content: ''; padding-top: 75%; float: left; } .products-container--catalog-portfolio .product-block::after { padding-top: 91%; } .product-block .mask { top: 65%; position: absolute; bottom: 0; background-color: rgba(255, 255, 255, 0.5); padding: 1rem 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: opacity; } .products-container--catalog-portfolio .product-block .mask { top: 0; justify-content: center; opacity: 0; text-align: center; } .products-container--catalog-portfolio .product-block:hover .mask { opacity: 1; } .product-block .mask .title { margin: 0; font-family: "AcromBold"; font-size: 1.5rem; text-transform: uppercase; } @media screen and (max-width: 767px) { .product-block .mask .title { font-size: 1.2rem } } .product-block .mask .descr { margin: 0; font-size: 1.4rem; line-height: 1.6rem; font-family: "RobotoRegular"; } @media screen and (max-width: 767px) { .product-block .mask .descr { font-size: 1rem; line-height: 1.1rem } } .product-block:hover .mask { top: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.5s; transition: 0.5s; } .product-block .mask .btn { display: inline-block; margin-top: 2.5rem; } .b-content .horizontal-nav { margin-bottom: 4rem; } .b-content .horizontal-nav-dashed a { display: inline-block; font-size: 1.4rem; font-family: "RobotoRegular"; padding-bottom: 0.3rem; margin-right: 1.5rem; } .b-content .horizontal-nav-dashed a.is-active { border-bottom: 1px dashed #8f9093; } .b-content .title-section { margin: 0 0 5rem; font-size: 1.6rem; font-family: "AcromExtraBold"; text-transform: uppercase; } .b-content .features { margin-bottom: 6rem; width: 100%; } @media screen and (max-width: 767px) { .b-content .features { -ms-flex-pack: distribute; justify-content: space-around } } @media screen and (max-width: 767px) { .b-content .features .feature { 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-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; text-align: center } } @media screen and (max-width: 467px) { .b-content .features .feature { margin-bottom: 2rem } } .b-content .features p { font-size: 1.2rem; text-transform: uppercase; font-family: "RobotoRegular"; } .b-content .features a { padding: 0 0 0.3rem; text-decoration: underline; color: #8f9093; text-transform: lowercase; /* stylelint-disable-next-line */ -webkit-transition: 0.5s; transition: 0.5s; } .b-content .features a:hover { -webkit-transition: 0.5s; transition: 0.5s; } .b-content .features a:hover { text-decoration: none; color: #95dcd4; } .b-content .feature>a { display: block; color: inherit; text-decoration: none; } @media (min-width: 768px) { .b-content .feature>a .icon { transition: 0.3s ease-in-out; } .b-content .feature>a:hover .icon { transform: scale(1.2) translateY(-5px); } } .b-content .content { margin-bottom: 7rem; } .b-content .links { margin-bottom: 4rem; } .b-content .ticket-block { 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; gap: 3rem; } @media screen and (max-width: 959px) { .b-content .ticket-block { -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; align-items: flex-start; } } .b-content .ticket-block p { margin: 0; font-size: 1.2rem; font-family: "RobotoLight"; } @media screen and (min-width: 1080px) { /*.b-content .ticket-block p { padding-left: 3rem; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% }*/ } @media screen and (max-width: 959px) { /*.b-content .ticket-block p { padding-top: 3rem }*/ } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ .b-review-block { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4rem; /* stylelint-disable-next-line */ -webkit-transition: 0.5s; transition: 0.5s; } .b-review-block:hover { -webkit-transition: 0.5s; transition: 0.5s; } .b-review-block:hover { -webkit-box-shadow: 0.4rem 1rem 1.3rem 0 rgba(50, 50, 50, 0.3); box-shadow: 0.4rem 1rem 1.3rem 0 rgba(50, 50, 50, 0.3); } @media screen and (max-width: 767px) { .b-review-block { -ms-flex-wrap: wrap; flex-wrap: wrap } } .b-review-block .image { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; -ms-flex-negative: 0; flex-shrink: 0; position: relative; background-position: center; background-size: cover; overflow: hidden; } .b-review-block .image::after { opacity: 1; position: absolute; content: ''; display: block; background-color: rgba(255, 255, 255, 0.8); top: 0; bottom: 0; left: 0; right: 0; } @media screen and (max-width: 767px) { .b-review-block .image { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } .b-review-block .image::before { content: ''; padding-top: 30%; float: left; } } .b-review-block .descr { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; -ms-flex-negative: 0; flex-shrink: 0; padding: 1rem 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 767px) { .b-review-block .descr { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } } .b-review-block .descr.is-active .review { display: block; margin-bottom: 3rem; } @media screen and (max-width: 767px) { .b-review-block .descr.is-active .review { margin-bottom: 0 } } .b-review-block .descr.is-active~.image::after { opacity: 0; } .b-review-block .descr .title { display: inline-block; font-size: 1.9rem; font-family: "AcromBold"; margin: 0 0 1.5rem; } .b-review-block .descr .link { font-size: 1.4rem; font-family: "RobotoRegular"; padding-bottom: 0.2rem; border-bottom: 0.1rem dashed #8f9093; } .b-review-block .descr .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2rem; } @media screen and (max-width: 467px) { .b-review-block .descr .info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .b-review-block .descr .info .left { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.6rem; font-family: "RobotoRegular"; } .b-review-block .descr .info .left .date { color: #d7d8dc; margin: 0; } .b-review-block .descr .info .left .name { color: #000; margin: 0; } .b-review-block .descr .info .left span { margin: 0 0.3rem; } .b-review-block .descr .review { display: none; } .b-stars { display: -webkit-box; display: -ms-flexbox; display: flex; } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ .stock-link-block { display: -webkit-box; display: -ms-flexbox; display: flex; /* stylelint-disable-next-line */ -webkit-transition: 0.5s; transition: 0.5s; } .stock-link-block:hover { -webkit-transition: 0.5s; transition: 0.5s; } .stock-link-block:hover { -webkit-box-shadow: 0.4rem 1rem 1.3rem 0 rgba(50, 50, 50, 0.3); box-shadow: 0.4rem 1rem 1.3rem 0 rgba(50, 50, 50, 0.3); } .stock-link-block:hover .descr { background-color: #eff0f5; } .stock-link-block:hover .descr .b-logo-line .icon-stocks { background-color: #eff0f5; } @media screen and (max-width: 767px) { .stock-link-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 5rem } } .stock-link-block .image { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; background-size: cover; } @media screen and (max-width: 767px) { .stock-link-block .image { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } } .stock-link-block .image::after { content: ''; padding-top: 100%; float: left; } .b-stock-descr-block .title { padding-top: 2.5rem; font-size: 3.7rem; text-transform: uppercase; color: #000; margin: 0; font-family: "RobotoRegular"; } .b-stock-descr-block .subtitle { font-size: 2rem; margin: 0 0 3rem; text-transform: uppercase; font-family: "RobotoRegular"; color: #000; } .b-stock-descr-block .text { color: #000; font-size: 1.6rem; line-height: 2rem; } .b-logo-line { margin: 4rem auto; position: relative; } .b-logo-line::after { display: table; content: ''; border-top: 0.1rem solid #d7d8dc; width: 100%; } .b-logo-line .icon-stocks { position: absolute; left: 0; padding: 1rem; background-color: white; right: 0; margin: -3rem auto; } .b-logo-line .icon-stocks-active { background-color: #eff0f5; } /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ /* colors */ /* other */ /* fonts */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ .b-vertical-nav { display: none; -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl; margin-bottom: 2rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .b-vertical-nav a { display: inline-block; margin: 0.6rem 0; font-size: 1.2rem; font-family: "AcromBold"; text-transform: uppercase; color: #000; } .b-vertical-nav a.is-active { color: #caede9; } .b-vertical-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 2rem; } .b-vertical-social .link { display: inline-block; vertical-align: middle; } .filters a.is-active { color: #FFF; background-color: #86ccb9; } .b-part-content a.title, .b-part-content .title.js-scrollTo { cursor: pointer; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .b-part-content a.title:hover, .b-part-content .title.js-scrollTo:hover { color: #95dcd4; } .fancybox-enabled { overflow: hidden } .fancybox-enabled body { overflow: visible; height: 100% } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden } .fancybox-container~.fancybox-container { z-index: 99992 } .fancybox-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0f0f11; opacity: 0; transition-timing-function: cubic-bezier(.55, .06, .68, .19); -webkit-backface-visibility: hidden; backface-visibility: hidden } .fancybox-container--ready .fancybox-bg { opacity: .87; transition-timing-function: cubic-bezier(.22, .61, .36, 1) } .fancybox-controls { position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; transition: opacity .2s; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; direction: ltr } .fancybox-show-controls .fancybox-controls { opacity: 1 } .fancybox-infobar { display: none } .fancybox-show-infobar .fancybox-infobar { display: inline-block; pointer-events: all } .fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, .7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased } .fancybox-buttons { position: absolute; top: 0; right: 0; display: none; pointer-events: all } .fancybox-show-buttons .fancybox-buttons { display: block } .fancybox-slider-wrap { overflow: hidden; direction: ltr } .fancybox-slider, .fancybox-slider-wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch } .fancybox-slide:before { content: ""; height: 100%; width: 0 } .fancybox-slide:before, .fancybox-slide>* { display: inline-block; vertical-align: middle } .fancybox-slide>* { position: relative; padding: 24px; margin: 44px 0; border-width: 0; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box } .fancybox-slide--image { overflow: hidden } .fancybox-slide--image:before { display: none } .fancybox-content { display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: none; font-size: 16px; font-family: Arial, sans-serif; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff } .fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe { background: transparent } .fancybox-placeholder { z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden } .fancybox-image, .fancybox-placeholder, .fancybox-spaceball { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0 } .fancybox-image, .fancybox-spaceball { width: 100%; height: 100%; max-width: none; max-height: none; background: transparent; background-size: 100% 100% } .fancybox-controls--canzoomOut .fancybox-placeholder { cursor: zoom-out } .fancybox-controls--canzoomIn .fancybox-placeholder { cursor: zoom-in } .fancybox-controls--canGrab .fancybox-placeholder { cursor: -webkit-grab; cursor: grab } .fancybox-controls--isGrabbing .fancybox-placeholder { cursor: -webkit-grabbing; cursor: grabbing } .fancybox-spaceball { z-index: 1 } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden } .fancybox-error { position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; cursor: default } .fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer } .fancybox-slide--video .fancybox-close-small { top: -36px; right: -36px; background: transparent } .fancybox-caption-wrap { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 0; z-index: 99998; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8)); opacity: 0; transition: opacity .2s; pointer-events: none } .fancybox-show-caption .fancybox-caption-wrap { opacity: 1 } .fancybox-caption { padding: 30px 0; border-top: 1px solid hsla(0, 0%, 100%, .4); font-size: 14px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none } .fancybox-caption a, .fancybox-caption button { pointer-events: all } .fancybox-caption a { color: #fff; text-decoration: underline } .fancybox-button { display: inline-block; position: relative; width: 44px; height: 44px; line-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer; background: transparent; color: #fff; box-sizing: border-box; vertical-align: top; outline: none } .fancybox-button--disabled { cursor: default; pointer-events: none } .fancybox-button--disabled:after, .fancybox-button--disabled:before { opacity: .5 } .fancybox-button--left:after { left: 20px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg) } .fancybox-button--left:after, .fancybox-button--right:after { top: 18px; width: 6px; height: 6px; background: transparent; border-top: 2px solid currentColor; border-right: 2px solid currentColor } .fancybox-button--right:after { right: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .fancybox-button--left { border-bottom-left-radius: 5px } .fancybox-button--right { border-bottom-right-radius: 5px } .fancybox-button--close { float: right } .fancybox-button--close:after, .fancybox-button--close:before { content: ""; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px) } .fancybox-button--close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .fancybox-button--close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .fancybox-loading { border: 6px solid hsla(0, 0%, 39%, .4); border-top: 6px solid hsla(0, 0%, 100%, .6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: a .8s infinite linear; animation: a .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999 } @-webkit-keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @media (max-width:800px) { .fancybox-controls { text-align: left } .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) { display: none !important } .fancybox-caption { padding: 20px 0; margin: 0 } } .fancybox-button--fullscreen:before { width: 15px; height: 11px; left: 15px; top: 16px; border: 2px solid; background: none } .fancybox-button--play:before { top: 16px; left: 18px; width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; background: transparent } .fancybox-button--pause:before { top: 16px; left: 18px; width: 7px; height: 11px; border-style: solid; border-width: 0 2px; background: transparent } .fancybox-button--thumbs span { font-size: 23px } .fancybox-button--thumbs:before { top: 20px; left: 21px; width: 3px; height: 3px; box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0 } .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap { right: 220px } .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; z-index: 99993; word-break: normal; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; box-sizing: border-box } .fancybox-thumbs>ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0 } .fancybox-thumbs>ul>li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid #fff; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, .1) } .fancybox-thumbs>ul>li>img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-thumbs>ul>li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94) } .fancybox-thumbs>ul>li.fancybox-thumbs-active:before { opacity: 1 } @media (max-width:800px) { .fancybox-thumbs { display: none !important } .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap { right: 0 } } .fancybox-slide { overflow-x: hidden; } [data-fancybox] { cursor: pointer } .check--error { border-bottom: 1px solid #f00; } .content ul li:not(:last-child), .content ol li:not(:last-child) { margin-bottom: 0.5em; } .scroll-block { overflow: auto; } .scroll-block::-webkit-scrollbar { width: 9px; } .scroll-block::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #95dcd4; } .scroll-block::-webkit-scrollbar-button { /*background-image:url("/bitrix/templates/freshflo/);*/ /*background-repeat:no-repeat;*/ background-image: none; width: 10px; height: 0px; } .scroll-block::-webkit-scrollbar-track { background-color: #fff; border-radius: 2px; } .scroll-block::-webkit-resizer { /*background-image:url(");*/ /*background-repeat:no-repeat;*/ background-image: none; width: 9px; height: 0px; } .pagination { list-style: none; } .category-page-title { font-size: inherit; font-weight: inherit; margin: 0; padding: 0; } .vikiweb { margin: -15px 0; padding: 3px 0 0 34px; display: inline-block; vertical-align: middle; font-size: 12px; color: #bfc0c4; text-align: left; background: url(/bitrix/templates/freshflo/css/img/vikiweb-logo-grey.png) no-repeat; background-position: 0 50%; } .vikiweb a { display: block; line-height: 1.2; color: inherit; text-decoration: none; } .vikiweb a:not(:last-child) { margin-bottom: 4px; } .vikiweb a:hover { color: #95dcd4; } .vikiweb span { display: inline-block; vertical-align: middle; } .requisits { list-style-type: none; width: 100%; display: inline-block; } .requisits li { float: left; width: 50%; padding-right: 10px; box-sizing: border-box; } .requisits div { margin-bottom: 10px; } .form_popup { max-height: 90vh; overflow: auto; background-color: white; position: relative; z-index: 12; height: auto; width: 100%; max-width: 785px; display: none; } .callback_body { padding: 2rem 4rem 3rem; } form input[type="text"], form textarea, .e-textarea, .e-input { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f0f1f6; border: 0; padding: 1.5rem; resize: vertical; } @media (max-width: 480px) { .vikiweb { margin-top: 10px; } } #video { max-height: 640px; background: #fff; } @media screen and (max-width: 760px) { #video { display: none; } } /*controls { display: none; }*/ .cont { background: #FFFFFF; padding: 30px; max-width: 1000px; } .coll { text-align: center; } .coll .coll-l, .coll .coll-r { display: inline-block; vertical-align: top; width: 49%; } .coll .coll-r { text-align: left; } .coll .coll-r p { margin-left: 20px; } @media (max-width: 1050px) { .coll .coll-l, .coll .coll-r { display: inline-block; vertical-align: top; width: 100%; } .coll .coll-l img { max-width: 100%; height: unset !important; width: unset !important; } } @media (max-width: 800px) { .btn.is-medium--smaller { padding: 1rem 3rem; min-width: 180px; margin: 0 auto; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; float: unset; display: inline-block; width: 49%; text-align: center; } .b-content-wrapper img { max-width: 100%; height: unset !important; } } @media (max-width: 500px) { .preim .item_preim { width: 70%; } .btn.is-medium--smaller { padding: 1rem 3rem; min-width: 180px; margin: 0 auto; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; float: unset; display: block; width: 100%; } .form_popup { max-height: 100%; } .callback_body { padding: 0; } .form_popup p { margin-bottom: 5px; margin-top: 5px; } } .top__menu>li:last-child:after { content: ""; } .top__menu>li { float: left !important; position: relative; display: block; border: 0; list-style-type: none; } .top__menu .top__menu__item .link { font-size: 1.4rem; font-weight: 300; /*color: #e2e5e6;*/ /*text-shadow: none;*/ border: 0; padding: 5px 5px; letter-spacing: -0.2px; } @media (min-width: 1080px) { .top__menu>li:after { content: "/"; font-size: 1.4rem; } } .submenu { background: #eff0f5; display: none; left: 0; list-style: none; padding: 20px 0; position: absolute; top: 100%; width: 295px; z-index: 314; } .submenu a { color: #000; display: block; font-size: 1.4rem; line-height: 1.35; padding: 6px 10px 6px 30px !important; text-align: left; /*font-weight: bold;*/ } .submenu a:hover { background: #95dcd4 !important; text-decoration: none !important; color: #000; } .top__menu { padding: 0 !important; } .icon-arrow { background: url(/img/down.png) no-repeat center center; display: inline-block !important; height: 16px; margin-left: 65px; position: relative; transform: translateY(3px); width: 16px; } .icon-arrow::before { bottom: 0; content: ''; left: 0; margin: -5px; position: absolute; right: 0; top: 0; } .icon-arrow.arrow-up { background-image: url(/img/up.png); } @media (min-width: 1080px) { .top__menu>li:hover>.submenu { display: block; } /* .top__menu > li > a:not(:only-child) { background: url(/img/down.png) no-repeat calc(100% - 12px) calc(50% + 2px); } .top__menu > li:hover > a:not(:only-child) { background: url(/img/up.png) no-repeat calc(100% - 12px) calc(50% + 2px) !important; }*/ } @media (max-width: 1079px) { .top__menu>li { width: 100% !important; } .top__menu { padding-bottom: 0; padding-top: 0; text-align: left; } .top__menu .link { padding: 15px 0 15px 80px !important; margin-left: 0; } .submenu { padding: 5px 0 5px 15px; position: static; width: auto; } .submenu a { padding: 8px 10px 8px 140px; } } @media (max-width: 666px) { .top__menu>li { width: 100% !important; } .top__menu .link { padding: 12px 0 12px 30px !important; width: 100%; } .submenu a { padding: 7px 10px 7px 45px; } .b-header-contact-link { clear: both; } } .rig { text-align: right; } .btn_rig { float: right; } .btn.is-medium--smaller { padding: 1rem 3rem; min-width: 180px; } .tit_cen { display: block; text-align: center; -webkit-margin-before: 0.8em; -webkit-margin-after: 0.8em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; margin-top: 0; } .pf_cen { text-align: center; } .filters label a { color: rgb(255, 255, 255); background-color: rgb(134, 204, 185); } .new_tit { font-size: 15px !important; line-height: 25px; } .new_tit2 { letter-spacing: unset !important; } .b-main-part-features-container .right-wrapper .descr { text-align: unset; } .nbetw { justify-content: unset; } .b-dashed-links-wrapper.b-dashed-links-wrapper-map { justify-content: unset; } .b-dashed-links-wrapper.b-dashed-links-wrapper-map a { margin-left: 48px; white-space: nowrap; } .b-dashed-links-wrapper.b-dashed-links-wrapper-map button { margin-left: 47px; } .dost p { margin-top: 0; -webkit-margin-before: -0.6em; padding-top: 0px; display: block; } .rig_bar { width: 175px; } .rig_bar a { margin-bottom: 10px; width: 100%; text-align: center; display: block; } .b-header-down-nav-links .b-horisontal-social { display: inline-block; vertical-align: top; margin-top: 2px; margin-left: 0; } .b-header-down-nav-links .b-horisontal-social .link { margin-left: 0px; } .b-horisontal-social .link { margin-right: 0.8rem; } .horizontal-nav .link { margin-bottom: 5px; background: #95ddd5; } .b-container.b-part .link.btn.btn-round.btn-green.btn-part-more { margin-left: 3px; } .three-blocks-is-bg.rig .link.btn.btn-round.btn-green.btn-part-more { margin-left: 0px; margin-right: 3px; } .b-map-block .address { line-height: 22px; } .b-header-wrapper { padding: 0px; padding-top: 3px; } .feature { cursor: pointer; } .around-xs { width: 100%; } .hide { display: none; } /*.addReview .inputselect,*/ .vacancies .inputfile, .search-page input[type="submit"] { display: none; } .rating-wrapper { overflow: hidden; display: inline-block; } .rating-input { position: absolute; left: 0; top: -50px; } .rating-star:hover, .rating-star:hover~.rating-star { background-position: -0.5rem -0.5rem; } .rating-wrapper:hover .rating-star:hover, .rating-wrapper:hover .rating-star:hover~.rating-star, .rating-input:checked~.rating-star { background-position: -0.5rem -0.5rem; } .rating-star:hover { opacity: 0.5; } .rating-star, .rating-wrapper:hover .rating-star, .rating-wrapper label { float: right; display: block; width: 1.8rem; height: 1.7rem; background-image: url(/img/spritestars.png); background-repeat: no-repeat; margin-right: 0.5rem; background-position: -3.3rem -0.5rem; } .rating-wrapper input { display: none; } .errortext { color: red; } .fancybox-button svg { display: none; } [class*="main-slider__slide-"] { background-position: center 0; background-repeat: no-repeat; background-size: cover; height: 300px !important; position: relative; } .main-slider__slide-1 { background-image: url(/img/banner1.png); } .main-slider__slide-2 { background-image: url(/img/banner2.png); } .main-slider__slide-3 { background-image: url(/img/banner3.png); } .main-slider__slide-4 { background-image: url(/img/banner4.png); } .main-slider__slide-5 { background-image: url(/img/banner5.png); } .main-slider .slick-prev { left: 25px; z-index: 9; } .main-slider .slick-next { right: 25px; z-index: 9; } .main-slider__button { background: #95dcd4; border: 0.2rem solid #95dcd4; border-radius: 9rem; bottom: 32px; color: black; display: inline-block; font-family: 'RobotoRegular', sans-serif; font-size: 1.25rem; left: 0; padding: 1rem 3.5rem; position: absolute; text-transform: uppercase; white-space: nowrap; } .main-slider__button:hover { background: transparent; color: #95dcd4; transition: 0.5s; } .main-slider__header { color: white; font-size: 1.6em; left: 0; line-height: 1.35; position: absolute; top: 43px; } .main-slider__position { height: 300px; left: calc(50% + 130px); max-width: 100%; position: absolute; top: 0; width: 340px; } .main-slider__slide-5 .main-slider__position { left: calc(50% + 92px); } .main-slider__slide-5 .main-slider__header { padding-left: 82px; top: 82px; left: 35px; background: url(/img/tree.svg) no-repeat left center; } .main-slider__slide-1 .main-slider__header { bottom: 100px; font-size: 3.25em; text-transform: uppercase; top: auto; } .main-slider__slide-4 .main-slider__header { font-size: 1.5em; left: 10px; text-transform: uppercase; top: 62px; } .main-slider__slide-4 .main-slider__header>div:first-child { margin-bottom: 20px; } @media (max-width: 991px) { .main-slider__slide-1 { background-image: url(/img/banner1_768.png); } .main-slider__slide-2 { background-image: url(/img/banner2_768.png); } .main-slider__slide-3 { background-image: url(/img/banner3_768.png); } .main-slider__slide-4 { background-image: url(/img/banner4_768.png); } .main-slider__position { left: calc(50% + 18px); } .main-slider__slide-5 .main-slider__position { left: calc(50% + 92px); } } @media (max-width: 768px) { .main-slider__slide-5 { background-image: url(/img/banner5_768.png); } .main-slider__slide-5 .main-slider__position { left: calc(50% + 39px); } .main-slider__slide-5 .main-slider__header { padding-left: 82px; top: 65px; } .main-slider__slide-5 .main-slider__button { bottom: 52px; } } @media (max-width: 666px) { .main-slider__slide-1 { background-image: url(/img/banner1_320.png); } .main-slider__slide-2 { background-image: url(/img/banner2_320.png); } .main-slider__slide-3 { background-image: url(/img/banner3_320.png); } .main-slider__slide-4 { background-image: url(/img/banner4_320.png); } .main-slider__position { left: 0; width: 100%; } .main-slider__slide-1 .main-slider__header, .main-slider__slide-2 .main-slider__header, .main-slider__slide-3 .main-slider__header, .main-slider__slide-4 .main-slider__header { bottom: 60px; left: 50%; top: auto; transform: translateX(-50%); white-space: nowrap; text-align: center; } .main-slider__slide-1 .main-slider__button, .main-slider__slide-2 .main-slider__button, .main-slider__slide-3 .main-slider__button, .main-slider__slide-4 .main-slider__button { bottom: 15px; left: 50%; transform: translateX(-50%); } .main-slider__slide-1 .main-slider__header { font-size: 2em; } .main-slider__slide-4 .main-slider__header { bottom: 89px; font-size: 1em; left: calc(50% + 55px); text-align: left; top: auto; } .main-slider__slide-4 .main-slider__header>div:first-child { margin-bottom: 10px; } } @media (max-width: 590px) { .main-slider__slide-5 .main-slider__position { left: 50%; } .main-slider__slide-5 .main-slider__header { padding-left: 62px; top: 75px; font-size: 17px; line-height: 22px; background-size: 47px 58px; left: 60px; } } @media (max-width: 480px) { .main-slider__slide-5 { background-image: url(/img/banner5_320.png); } .main-slider__slide-5 .main-slider__position { left: 0; } .main-slider__slide-5 .main-slider__button { bottom: 24px; transform: translateX(-50%); left: 50%; } .main-slider__slide-5 .main-slider__header { padding: 12px 10px 12px 90px; background: url(/img/tree_m.svg) no-repeat 31px 15px, url(/img/banner5text.png) no-repeat left -3px; left: auto; right: 0; top: auto; bottom: 70px; } .main-slider__slide-4 .main-slider__header { padding: 12px 10px 12px 27px; background: url(/img/banner5text.png) no-repeat left -3px; left: auto; right: 0; top: auto; bottom: 70px; text-transform: none; text-align: left; font-size: 14px; margin: 0; transform: none; } } .our_clients .client_item { width: 15%; vertical-align: top; display: inline-block; margin: auto; } .our_clients .client_item img { max-width: 95%; max-height: 50px; margin: auto; display: block; } .our_clients { width: 100%; text-align: center; margin: 30px auto } .preim { text-align: center; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; } @media (max-width: 1199px) { .preim { justify-content: center; gap: 20px max(calc((100% - 182px * 3) / 2), 20px); } } .preim .item_preim { /* margin:15px auto; */ /* margin-right:5px; */ /* height:190px; */ /* display:inline-block; */ /* vertical-align:top; */ /* position:relative; */ width: 182px; display: flex; flex-direction: column; gap: 10px; } .preim .item_preim .bottom_podl { /* background:#95dcd4; */ /* font-size:13.5px; */ /* width:100%; */ /* height:36px; */ /* vertical-align:bottom; */ /* position:absolute; */ /* bottom:0; */ /* text-align: center; */ } /* .preim .pr_1{ */ /* background:url('/images/preim/1.png') no-repeat; */ /* } */ /* .preim .pr_2{ */ /* background:url('/images/preim/2.png') no-repeat; */ /* } */ /* .preim .pr_3{ */ /* background:url('/images/preim/3.png') no-repeat; */ /* } */ /* .preim .pr_4{ */ /* background:url('/images/preim/4.png') no-repeat; */ /* } */ /* .preim .pr_5{ */ /* background:url('/images/preim/5.png') no-repeat; */ /* } */ .citat { background: url('/images/cit­.png') no-repeat; background-size: 100% 100%; min-height: 150px; background-position: center center; padding: 10px 0; background-size: cover; } .citat blockquote { width: 50%; margin-left: 20%; font-size: 1.2em; line-height: 1.8em } .citat blockquote p { text-align: right; } @media (max-width: 666px) { .our_clients .client_item { width: 49%; margin: 10px auto; } } @media (max-width: 966px) { .citat { padding: 0; } .citat blockquote { width: 94%; margin: auto 10px; font-size: 1em; line-height: 1.5em; padding-top: 12px; } } @media (max-width: 425px) { .citat { background: url('/images/cit-320.png') no-repeat; background-size: 100% 100%; } } .big-header { font-size: 3.5em; margin: 3rem 0; } .text-center { text-align: center; } .news-detail .detail_picture { max-width: 450px; max-height: 350px; } .table-price { width: 100%; border-collapse: collapse; } .table-price tr:first-child th { background-color: #95dcd4; color: #000; border-right: 1px solid #95dcd4; border-left: 1px solid #95dcd4; padding: 10px 5px; font-weight: normal; } .table-price tr:first-child th:first-child { text-align: left; } .table-price td { border-top: 1px solid #d0d0ce; border-bottom: 1px solid #d0d0ce; border-right: none; border-left: none; padding: 10px 5px; } .table-price tr td:nth-child(2) { text-align: center; } .catalog_column .b-footer-nav-block:first-child { float: left; margin-right: calc((100% - 540px)/2); } .foot_sitemap { color: #000; text-transform: uppercase; font-size: 1.5rem; font-weight: 700; letter-spacing: 0.2rem; font-family: "AcromBold"; } .foot_sitemap:hover { text-decoration: underline; } @media (max-width: 900px) { .catalog_column .b-footer-nav-block:first-child { float: left; margin-right: calc((100% - 420px)/2); } .b-footer-nav-block-new { margin-left: calc(209px + (100% - 420px)/2); } } @media (max-width: 600px) { .catalog_column .b-footer-nav-block:first-child { float: none; margin-right: 0; } .b-footer-nav-block { text-align: center; } .b-footer-nav-block-new { margin-left: auto; } } @media (max-width: 566px) { .b-content .horizontal-nav { overflow-x: auto; white-space: nowrap; } } @media screen and (max-width: 959px) { .requisits { padding-left: 0; } } @media screen and (max-width: 768px) { .requisits li { float: none; width: 100%; } #in-page-cat .container .row { display: flex; flex-direction: column-reverse; } #in-page-cat .container .row>div { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding: 20px; } #in-page-cat .container .row>div ul { padding-left: 10px; } #in-page-cat .container .row>div .mt-0 span span { white-space: nowrap; } } @media screen and (max-width: 550px) { div.news-detail img.detail_picture { max-width: 100%; } } div.title-search-result { min-width: 264px; box-sizing: border-box; } @media screen and (max-width: 467px) { .adaptive-100-hide { display: none !important; } } .b-container-main-delievery .row .row { flex-wrap: wrap; } #map iframe { max-width: 100%; } .faq { display: flex; font-family: 'RobotoRegular', sans-serif; margin-top: 70px; margin-bottom: 20px; } .faq * { -webkit-box-sizing: border-box; box-sizing: border-box; } .faq-form { background-color: #95DCD4; background-image: url("/bitrix/templates/freshflo/images/faq-form-bg.png"); background-repeat: no-repeat; background-position: bottom center; background-size: contain; width: 426px; max-width: 100%; padding: 42px 50px; } .faq-form a { color: inherit; } .faq-form__title { font-size: 24px; line-height: 28px; color: #000000; text-transform: uppercase; margin-bottom: 30px; } form input.faq-form__input, form textarea.faq-form__input { display: block; background-color: transparent; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-weight: 400; font-size: 14px; line-height: 15px; color: #000000; padding: 0 0 10px; margin: 0 0 24px; outline: none; } form input.faq-form__input:focus, form textarea.faq-form__input:focus { border-color: #000; box-shadow: none; } form input.faq-form__input::placeholder, form textarea.faq-form__input::placeholder { color: #000000; } form input.faq-form__input:focus::placeholder, form textarea.faq-form__input:focus::placeholder { opacity: 0; } form textarea.faq-form__input { height: 26px; } .faq-form__group { display: flex; align-items: start; gap: 14px; margin-top: 30px; } .faq-form #dsotziv-form input[type="submit"], .faq-modal__btn { display: inline-block; background-color: #FFFFFF; border-radius: 50rem; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #000000; border: none; outline: none; padding: 11px 23px; cursor: pointer; transition: .5s; margin: 0; } .faq-form #dsotziv-form input[type="submit"]:hover, .faq-modal__btn:hover { background-color: #000; color: #fff; } .faq-form #dsotziv-form .error-form { font-size: 12px; margin-bottom: 24px; } .faq-form__hint { font-size: 12px; line-height: 14px; color: #000000; opacity: 0.3; } .faq-bg { background-image: url("/bitrix/templates/freshflo/images/faq-bg.jpg"); background-position: center right; background-repeat: no-repeat; background-size: cover; flex-grow: 1; } .faq-overlay { display: none; background-color: rgba(33, 33, 33, 0.5); position: fixed; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 9999; overflow-x: hidden; overflow-y: auto; outline: 0; align-items: center; justify-content: center; } .faq-overlay * { -webkit-box-sizing: border-box; box-sizing: border-box; } .faq-overlay__show { display: flex; } .faq-modal { width: 100%; max-width: 340px; background-color: #95DCD4; padding: 41px 63px; text-align: center; } .faq-modal .faq-form__title { margin-bottom: 24px; } .faq-modal__text { font-size: 14px; line-height: 16px; margin-bottom: 24px; } @media screen and (max-width: 768px) { .faq { margin-left: calc(-8.3333% - 32px); margin-right: calc(-8.3333% - 32px); } } @media screen and (max-width: 360px) { .faq { margin-top: 54px; margin-bottom: 10px; margin-left: -45px; margin-right: -45px; } .faq-form { padding: 42px 30px; } } .sort { display: flex; gap: 10px; margin-bottom: 15px; } img { max-width: 100%; } @media (max-width: 1040px) { .order-info { padding: 0 20px; } } div.blog-comment-fields { background-color: #fff; } .btn-black:disabled { opacity: .5; cursor: default; } .btn-black:disabled:hover { background-color: #000; color: #fff; } @media (max-width: 1079px) { .js-mainNavigation .b-onlyMobileStyle { overflow-y: auto; overflow-x: hidden; max-height: 100%; } .top__menu>li.to-sub { position: relative; } /* .top__menu>li.to-sub::after { position: absolute; content: "\25BC"; right: 90px; top: 7px; } */ .b-main-part-features-container .right-wrapper .title { text-align: left; } .nbetw { justify-content: space-between; } } .cs-form { display: flex; flex-direction: column; } .cs-form__bg { order: 0; height: 160px; background-image: url("/bitrix/templates/freshflo/images/feedback-bg.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; } .cs-form__box { flex-grow: 1; order: 1; background-color: #95DCD4; background-image: url(/bitrix/templates/freshflo/images/faq-form-bg.png); background-repeat: no-repeat; background-position: bottom center; background-size: contain; padding: 30px; } .cs-form__box a { color: inherit; } .form_popup#feedback, .form_popup#callback { padding: 0; max-width: 750px; } .form_popup#feedback .callback_body, .form_popup#callback .callback_body { padding: 0; } .form_popup#callback .cs-form__bg { background-image: url("/bitrix/templates/freshflo/images/callback-bg.png"); } .faq-form__description { margin-top: -20px; margin-bottom: 20px; } .faq-form__description.faq-form__description_sm { font-weight: 400; font-size: 12px; line-height: 14px; color: #000000; opacity: 0.34; margin-top: 0; } @media (max-width: 767px) { .form_popup#feedback .faq-form__group { flex-direction: column-reverse; } .form_popup#feedback .faq-form__group>* { width: 100%; } } @media (min-width: 768px) { .cs-form { flex-direction: row; } .cs-form__bg, .cs-form__box { order: unset; } .cs-form__bg { height: unset; width: 324px; flex-shrink: 0; } } .msg_succes { padding: 50px; text-align: center; } .xname { display: block; height: .1px; margin: 0 !important; overflow: hidden; padding: 0 !important; width: .1px; border: 0; opacity: .01; background-color: transparent; } @media (max-width: 500px) { .preim .item_preim { width: 70%; } } .submenu-arrow { display: none; } @media all and (max-width: 1079px) { .submenu-arrow { display: block; width: 40px; content: ''; background-image: url(/img/icon-triangle.svg); background-repeat: no-repeat; background-size: 1.2rem 1.2rem; background-position: 0 center; } .submenu-arrow:hover { cursor: pointer; } .top__menu>li.to-sub { display: flex; flex-wrap: wrap; justify-content: space-between; } .top__menu__item .submenu {} } /* End */ /* Start:/bitrix/templates/freshflo/template_styles.css?1716373240136*/ .faces-page-block a.fancy{ color: #000; } @media (min-width: 1080px) { .menu_columns_2 .submenu{ columns: 2; width: 610px; } } /* End */ /* /bitrix/templates/freshflo/css/owl.carousel.min.css?15929934783351 */ /* /bitrix/templates/freshflo/css/jquery.fancybox.min.css?159299347810252 */ /* /bitrix/templates/freshflo/components/bitrix/search.title/visual1/style.min.css?15929934783459 */ /* /bitrix/templates/.default/components/bitrix/menu/top_menu/style.min.css?159299347855 */ /* /bitrix/templates/.default/components/bitrix/eshop.socnet.links/top_squares/style.css?1592993478497 */ /* /bitrix/templates/freshflo/components/bitrix/breadcrumb/template1/style.min.css?1592993478467 */ /* /bitrix/templates/.default/components/bitrix/catalog.section.list/bottom_menu_new/style.min.css?15929934786236 */ /* /bitrix/templates/freshflo/components/bitrix/menu/bot_menu/style.css?1592993478542 */ /* /bitrix/templates/freshflo/components/bitrix/form/callback/bitrix/form.result.new/.default/style.css?1592993478623 */ /* /bitrix/templates/freshflo/components/bitrix/form/callback2/bitrix/form.result.new/.default/style.css?1703337277623 */ /* /bitrix/templates/freshflo/components/bitrix/form/feedback/bitrix/form.result.new/.default/style.css?1592993478623 */ /* /bitrix/templates/freshflo/styles.css?1750859212207743 */ /* /bitrix/templates/freshflo/template_styles.css?1716373240136 */