/* Start:/bitrix/templates/scale/components/bitrix/search.title/hsearch_visual/style.css?17842069724828*/ .hstitform form{ display:flex; width: 100%; justify-content: space-between; } .hstitform form svg{ width: 20px; height: 20px; margin: 2px 0 0 0; } .hstitform form path { fill: #fff !important; } .hstitform .field{ width: 100%; margin-right: 0; background: none; border: 1px solid #e1e1e6; font-size: 14px; text-indent: 15px; /*border-radius: 32px 0 0 32px;*/ } .hstitform .btn{ padding: 5px 12px 4px; border-radius: 0 5px 5px 0; } .bx-searchtitle { margin: 10px 0 0; } .bx-searchtitle .bx-block-title { 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-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: none; border-radius: 2px 0 0 2px; outline: none; 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 { /* Fix of input shadow for IOS browsers. */ 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: none; 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 #e1e1e6; display:none; overflow:hidden; z-index:999; /*min-width: 370px;*/ background-color: #FFF; } div.title-search-fader { display:none; background-image: url('/bitrix/templates/scale/components/bitrix/search.title/hsearch_visual/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_searche .bx_img_element{ /*background: #fff;*/ width: auto; padding: 0; display: flex; align-items: center; width: 10%; } .bx_searche .bx_item_block{ position: relative } .bx_searche .bx_image{ width: 50px; height: 50px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 0;display: flex; align-items: center; } .bx_searche .bx_item_element{ padding-left: 10px; margin-left: 15px; width: 60%; /*display: flex; align-items: center;*/ } .bx_item_price { width: 20%; text-align: right; } .bx_item_block.all_result .bx_item_element { width: 100%; justify-content: center; margin: 0; padding: 0; } .bx_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_searche .bx_item_element a{ margin-top: 10px; display: inline-block; text-decoration: none; color: #323237; font-weight: 400; font-size: 14px; line-height: 26px } .bx_searche .bx_item_element a:hover{ text-decoration:none; } .bx_searche .bx_item_element a b{color: #860621;font-weight: 600;} .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; display:block; } .bx_item_block.all_result { border: none; text-align: center; text-transform: uppercase; display: block; color: #fff; padding: 13px 0; } .bx_item_block.all_result:hover { text-decoration:none; } .bx_item_block.others_result{ display: flex; border-bottom: 1px solid #e1e1e6; color: #323237; text-decoration: none; padding: 10px 15px; font-weight: 400; font-size: 15px; line-height: 20px; align-items: center; } .bx_item_block.others_result:hover{ background-color: #f8f8fa; } .bx_item_block.others_result img { max-height: 50px; max-width: 50px; } /* End */ /* Start:/bitrix/templates/scale/components/bitrix/menu/multilevel/style.css?17842069734689*/ /**Top menu**/ #hormultimenu ul{ } #hormultimenu{ margin:0; padding:0; display:flex; display: flex; justify-content: space-between; } /*Links*/ #hormultimenu a { } #hormultimenu li { display:block; } /*Root items*/ #hormultimenu li a.root-item,#hormultimenu li div.root-item{ color: rgba(0, 0, 0, 0.60); font-size: 14px; font-style: normal; line-height: normal; text-transform: uppercase; text-decoration: none; display: block; padding: 15px 0; } #hormultimenu li div.root-item{cursor:default;} /*Root menu selected*/ #hormultimenu li a.root-item-selected,#hormultimenu li div.root-item-selected { padding: 15px 0; display: block; } /*Root items: hover*/ #hormultimenu li:hover a.root-item, #hormultimenu li.jshover a.root-item{ } /*Item-parents*/ #hormultimenu a.parent,#hormultimenu div.parent{ background: url(/bitrix/templates/scale/components/bitrix/menu/multilevel/images/arrow.gif) center right no-repeat; } /*Denied items*/ #hormultimenu a.denied{ background: url(/bitrix/templates/scale/components/bitrix/menu/multilevel/images/lock.gif) center right no-repeat; } /*Child-items: hover*/ #hormultimenu li:hover, #hormultimenu li.jshover{ } /*Child-items selected*/ #hormultimenu li.item-selected{ color:#067241; } /*Sub-menu box*/ #hormultimenu li ul { position:absolute; top:auto; display:none; z-index:500; height:auto; width:auto; background:#F5F5F5; border:1px solid #C1C1C1; padding: 0; } /*Sub-menu item box*/ #hormultimenu li li{ width:100%; display:block; border-bottom:1px solid #DEDEDE; } /*Item link*/ #hormultimenu li ul a{ text-align:left; display:block; padding:10px 20px; } /*Items text color & size */ #hormultimenu li a, #hormultimenu li:hover li a, #hormultimenu li.jshover li a, #hormultimenu li:hover li:hover li a, #hormultimenu li.jshover li.jshover li a, #hormultimenu li:hover li:hover li:hover li a, #hormultimenu li.jshover li.jshover li.jshover li a, #hormultimenu li:hover li:hover li:hover li:hover li a, #hormultimenu li.jshover li.jshover li.jshover li.jshover li a, #hormultimenu li:hover li:hover li:hover li:hover li:hover li a, #hormultimenu li.jshover li.jshover li.jshover li.jshover li.jshover li a { color:#4F4F4F; font-size:14px; text-transform:uppercase; text-decoration:none; } /*Items text color & size: hover*/ #hormultimenu li:hover li:hover a, #hormultimenu li.jshover li.jshover a, #hormultimenu li:hover li:hover li:hover a, #hormultimenu li.jshover li.jshover li.jshover a, #hormultimenu li:hover li:hover li:hover li:hover a, #hormultimenu li.jshover li.jshover li.jshover li.jshover a #hormultimenu li:hover li:hover li:hover li:hover li:hover a, #hormultimenu li.jshover li.jshover li.jshover li.jshover li.jshover a #hormultimenu li:hover li:hover li:hover li:hover li:hover li:hover a, #hormultimenu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a { } #hormultimenu li ul ul { margin:-27px 0 0 132px; /*margin:-1.93em 0 0 11.6em;*/ } #hormultimenu li:hover ul ul, #hormultimenu li.jshover ul ul, #hormultimenu li:hover ul ul ul, #hormultimenu li.jshover ul ul ul, #hormultimenu li:hover ul ul ul ul, #hormultimenu li.jshover ul ul ul ul, #hormultimenu li:hover ul ul ul ul ul, #hormultimenu li.jshover ul ul ul ul ul { /*top:-999em;*/ display:none; } #hormultimenu li:hover ul, #hormultimenu li.jshover ul, #hormultimenu li li:hover ul, #hormultimenu li li.jshover ul, #hormultimenu li li li:hover ul, #hormultimenu li li li.jshover ul, #hormultimenu li li li li:hover ul, #hormultimenu li li li li.jshover ul, #hormultimenu li li li li li:hover ul, #hormultimenu li li li li li.jshover ul { /*z-index:1000; top:auto;*/ display:block; } div.menu-clear-left { clear:left; } #hormultimenu li li.toback { padding: 10px 5%; display:none; } @media screen and (max-width:800px){ #hormultimenu li a.root-item,#hormultimenu li div.root-item{font-size: 12px;} #hormultimenu li a.root-item-selected,#hormultimenu li div.root-item-selected{font-size: 12px;} } @media screen and (max-width:740px){ #hormultimenu{display: block;} #hormultimenu li a.root-item,#hormultimenu li div.root-item{padding: 8px 25px 8px 0;display:inline-block;} #hormultimenu li ul a{padding: 10px 5%;} #hormultimenu li:hover ul, #hormultimenu li.jshover ul, #hormultimenu li li:hover ul, #hormultimenu li li.jshover ul, #hormultimenu li li li:hover ul, #hormultimenu li li li.jshover ul, #hormultimenu li li li li:hover ul, #hormultimenu li li li li.jshover ul, #hormultimenu li li li li li:hover ul, #hormultimenu li li li li li.jshover ul{display:none ;} #hormultimenu li ul {position: fixed;background: #fff;border: none;padding: 0;top: 0;left: 0;right: 0;bottom: 0;} #hormultimenu li li.toback {display:block;} #hormultimenu a.parent {background-size: 15px;} } /* End */ /* Start:/bitrix/templates/scale/components/bitrix/breadcrumb/bread/style.css?1784206973628*/ .breadcrumb{ padding:20px 0 20px 0; } #bit_0 .breadit-link{ } #bit_0 .breadit-link svg { } .breadarr { margin: 0 8px; display:inline-block; width: 6px; height: 10px; } .breadarr svg { height: 12px; width: 10px; } .bread-item{ display:inline-block; font-size: 14px; } .breadit-link{ display:inline-block; text-decoration: none; } .breadit-link:hover{ text-decoration: none; } .bread-item > span{ display:inline-block; } .simpledescr{ padding:20px 0 40px 0; } @media screen and (max-width:670px){ .breadcrumb {padding: 20px 0 0px 0;} .bread-item{font-size: 12px;} #bit_0 .breadit-link svg {height: 18px;} } /* End */ /* Start:/bitrix/templates/scale/components/bitrix/menu/left/style.css?1784206973629*/ #left-menu{ margin-right: 10%; } .leftmenu{ list-style-type: none; padding-left: 0px; border: 1px solid #F7F8FB; display: flex; flex-direction: column; } .leftmenu li{ border-bottom: 1px solid #EFEFEF; display: flex; } .leftmenu li.selected,.leftmenu li:hover{ background: #F7F8FB; } .leftmenu a{ color: #3B3B3B; font-size: 15px; font-style: normal; font-weight: 400; line-height: 24px; text-decoration: none; padding: 16px; width: 100%; text-decoration:none; } .leftmenu a:hover{ text-decoration:none; } .leftmenu li.selected a,,.leftmenu li:hover a{ color: #3F3F3F; font-weight: bold; line-height: 20px; } /* End */ /* Start:/bitrix/templates/scale/components/altasib/feedback.form/largeform1/form_style.css?178430593249194*/ .largeform{ background:url(/bitrix/templates/scale/components/altasib/feedback.form/largeform1/./images/bg.jpg) 100%/cover; position:relative; padding: 70px 0; background-position: bottom; } .largeform:before{ content:""; position:absolute; left:0; right:0; bottom:0; top:0; background-color: rgba(16, 47, 32, 0.3); z-index:1; } .largeform .wrap{ position:relative; z-index:2; display:flex; justify-content: space-between; } .alx_feed_back .formdescr{ font-family: 'OM', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.8; margin-bottom:20px; } .alx_feed_back .lftitle { font-size: 46px; font-weight: 400; line-height: 1.1; letter-spacing: 0em; margin: 15px 0; font-family: 'OSB', sans-serif; } .alx_feed_back .lftitle span{ color:#067241; } .lfleft { color: #fff; width:50%; } .lfleft .blocktitle { padding-bottom: 34px; } .lfright { padding: 20px 20px; background-color: rgb(255, 255, 255); border-radius: 6px; box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1); width:50%; } .lfdescr { font-size: 17px; font-weight: 400; line-height: 1.5; letter-spacing: 0em; opacity: 0.71; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 15%; font-family: 'OL', sans-serif; } .lfpoins { display: flex; flex-wrap: wrap; padding:40px 0 20px 0; } .lfpitem { display: flex; width: 48%; align-items: center; gap: 15px; padding-bottom: 20px; font-family: 'OL', sans-serif; } .lfpitem svg{ width:36px; height:36px; } .alx-feedb-error.alx-popup-mess-show-anime1 .afbf_error_block{display:none;} .agreement{ display: flex; gap: 15px; align-items: center; } .formagree{ font-size:12px; } .modal_form{ border-radius:5px; background:#fff; /*position:fixed;*/ position:absolute; top:45%; left:50%; opacity:0; z-index:2001; transition:all 0.3s ease 0s; box-shadow:0 0 33px rgba(0,0,0,0.36); min-height:200px; height:auto; overflow:hidden; box-sizing:border-box; padding:40px 20px 40px; } .modal_close{ width:14px; height:14px; position:absolute; background:#fff; top:20px; right:20px; cursor:pointer; display:block; overflow:hidden; opacity:0.6; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); z-index:2; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; } .modal_close_ok{ width:115px; height:36px; line-height:36px; background:#0097f6; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:0 2px 4px 2px #e6e6e6; -moz-box-shadow:0 2px 4px 2px #e6e6e6; box-shadow:0 2px 4px 2px #e6e6e6; border:none; outline:none; color:#fff; text-align:center; margin:0 auto 10px; display:block; cursor:pointer; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; } .modal_close_ok:hover{ -webkit-box-shadow:0 2px 5px 3px #ccc; -moz-box-shadow:0 2px 5px 3px #ccc; box-shadow:0 2px 5px 3px #ccc; } .modal_close:hover{ opacity:1; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .modal_close__left:before{ position:absolute; content:''; left:-3px; top:-5px; border:12px solid transparent; border-left-color:#767676; } .modal_close__left:after{ position:absolute; content:''; left:-7px; top:-5px; border:12px solid transparent; border-left-color:#fff; } .modal_close__right:before{ position:absolute; content:''; right:-3px; top:-5px; border:12px solid transparent; border-right-color:#767676; } .modal_close__right:after{ position:absolute; content:''; right:-7px; top:-5px; border:12px solid transparent; border-right-color:#fff; } .alx_fb_overlay{ z-index:2000; position:fixed; background-color:#000; opacity:0.2; width:100%; height:100%; top:0; left:0; cursor:pointer; display:none; } .alx_feedback_popup{ cursor:pointer; } .alx-feedb-data-errorLoading{ text-align:center; padding-top:50px; } .alx_fedb_wait{ height:140px; left:45%; position:fixed; top:45%; width:140px; z-index:2001; text-align:center; } .alx-feedb-data{ position:absolute; opacity:0; } .alx-feedb-data-view{ position:relative; opacity:1; width:100%; transition:all 0.3s ease 0s; } .afbf_success_block{ height:140px; display:table; vertical-align:middle; width:100%; margin-bottom:20px; } .afbf_success_block._without-popup{ height:100px; } .afbf_success_block._without-popup .afbf_mess_ok{ text-align:left; } .afbf_success_block._without-popup .afbf_mess_ok .mess{ margin-left:60px; } .afbf_success_block._without-popup .afbf_ok_icon{ display:inline-block; width:auto; min-width:50px; float:left; margin-bottom:0; } .afbf_mess_ok{ display:table-cell; vertical-align:middle; text-align:center; } /* animation loading */ @keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} @-moz-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} @-webkit-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} @-o-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} .alx-rotate-loading, .alx-feedb-loading{ height:120px; position:relative; width:120px; border-radius:100%; } .alx-rotate-loading{ margin:40px auto; } .alx-feedb-loading{ border:13px solid transparent; border-color:transparent #fff transparent #FFF; -moz-animation:alx-rotate-loading 2s linear 0s infinite normal; -moz-transform-origin:50% 50%; -o-animation:alx-rotate-loading 2s linear 0s infinite normal; -o-transform-origin:50% 50%; -webkit-animation:alx-rotate-loading 2s linear 0s infinite normal; -webkit-transform-origin:50% 50%; animation:alx-rotate-loading 2s linear 0s infinite normal; transform-origin:50% 50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .alx-rotate-loading:hover .alx-feedb-loading{ border-color:transparent #E45635 transparent #E45635; } .alx-rotate-loading:hover .alx-feedb-loading, .alx-rotate-loading .alx-feedb-loading{ -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .alx-feedb-loading-text{ animation:2s linear 0s normal none infinite running loading-text-opacity; color:#fff; font-size:15px; font-weight:bold; margin-top:52.5px; position:absolute; text-align:center; text-transform:uppercase; top:0px; width:120px; } /* animation popup */ @-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @-moz-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-o-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-moz-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @-o-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @-webkit-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @-webkit-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @-moz-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @-o-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @-moz-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @-o-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @-webkit-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}} @keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-moz-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @-o-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @-moz-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}} @-o-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-webkit-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-webkit-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-moz-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-o-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-moz-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-o-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @keyframes pulse{0%,20%,40%,60%,80%,100%{-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);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @keyframes pulseMess{0%,20%,40%,60%,80%,100%{-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);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-moz-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @-moz-keyframes pulse{0%,20%,40%,60%,80%,100%{-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);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-moz-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-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);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-o-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @-o-keyframes pulse{0%,20%,40%,60%,80%,100%{-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);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-o-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-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);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-webkit-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @-webkit-keyframes pulse{0%,20%,40%,60%,80%,100%{-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);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-webkit-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-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);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} .alx-popup-show-anime1{ animation:pulse .75s ease-in-out 0s both; display:block; } .alx-popup-hide-anime1{ animation:bounceIn 0.5s; } .alx-popup-mess-show-anime1{ animation:pulseMess .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } .alx-popup-show-anime2{ animation:rotateIn .75s ease-in-out 0s both; display:block; } .alx-popup-hide-anime2{ animation:rotateOut 0.5s both; } .alx-popup-mess-show-anime2{ animation:rotateIn .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } .alx-popup-show-anime3{ animation:fadeInRight .75s ease-in-out 0s both; display:block; } .alx-popup-hide-anime3{ animation:fadeOutRight 0.5s both; } .alx-popup-mess-show-anime3{ animation:fadeInRight .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } .alx-popup-show-anime4{ animation:bounceInDown .75s ease-in-out 0s; display:block; } .alx-popup-hide-anime4{ animation:bounceOutDown 0.5s; } .alx-popup-mess-show-anime4{ animation:bounceInDown .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } /* feedb_styles */ .alx_feed_back{ padding:0px; margin:0px; text-transform:none !important; text-align:left !important; line-height:normal !important; text-decoration:none !important; } .alx_feed_back *{ text-transform:none !important; text-align:left !important; /*line-height:normal !important;*/ text-decoration:none !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .alx_feed_back form{ padding:0px; margin:0px; } .modal_form .afbf_error_block{ position:relative; margin-bottom:20px; } .modal_form .afbf_error_block:after{ content:''; position:absolute; bottom:-10px; left:-20px; right:-20px; height:1px; background:#ccc; } .afbf_error_icon{ float:left; margin-right:5px; width:50px; height:40px; background:url(/bitrix/templates/scale/components/altasib/feedback.form/largeform1/images/afbf_danger-sign.png) no-repeat 0 0; } .afbf_error_block .afbf_error_text, .afbf_error_block .afbf_error_ftext{ font-size:16px; min-height:40px; /*line-height:40px;*/ padding-bottom:30px; color:#f80000; display:block; } .afbf_ok_icon{ margin:0 0 20px 0; width:100%; height:50px; background:url(/bitrix/templates/scale/components/altasib/feedback.form/largeform1/images/afbf_check-box.png) no-repeat 50% 50%; } .modal_form .afbf_error_block td{ vertical-align:top; text-align:left; } .alx-feedb-error{ margin-top:20px; } .modal_form .alx-feedb-error{ margin-top:0px; } .alx-feedb-error .afbf_error_block ul{ list-style:none; padding-left:55px; font-size:14px; color:#f80101; margin:0; } .alx-feedb-error .afbf_error_block ul li{ padding:0px 0px 4px 8px; margin:0px; display:block; list-style:none !important; background:transparent !important; } .alx-feedb-error .afbf_error_block ul li:before{ content:'' !important; } .alx-feedb-error .afbf_error_block ul li span{ position:relative; z-index:1; margin-left:-8px; } .modal_form .afbf_feedback_poles{ padding:0px; margin:11px 0px 0px 0px; } .afbf_item_pole{ position:relative; } *html .afbf_item_pole{ position:relative; z-index:1; zoom:1; } .afbf_item_pole .afbf_name{ padding:0px; margin:0px 0px 6px 0px; } .afbf_item_pole .afbf_select, .afbf_item_pole .afbf_textarea, .afbf_item_pole .afbf_inputtext{ height:34px; width:100%; padding:10px 5px !important; font-size:14px; outline:none; border:1px solid #e0e0e0; } #alx_feed_back_FID5 .afbf_item_pole .afbf_select, #alx_feed_back_FID5 .afbf_item_pole .afbf_textarea, #alx_feed_back_FID5 .afbf_item_pole .afbf_inputtext{ height:auto; width:100%; padding:10px 5px !important; font-size:14px; outline:none; border:1px solid #e0e0e0; } .afbf_item_pole.item_pole__captcha .afbf_inputtext{ box-sizing:content-box; padding:7px 0px !important; } .afbf_item_pole select.afbf_inputtext.afbf_select_sect{ height:auto; } /* -------- */ .afbf_item_pole .dropdownjs.feedback_dropdown> ul{ right:0; left:auto; top:35px; bottom:auto; height:120px; padding:0; -webkit-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right; -webkit-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75); -moz-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75); box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75); } .afbf_item_pole .dropdownjs.feedback_dropdown:after{ content:''; position:absolute; right:10px; top:50%; margin-top:-2px; display:inline-block; border:5px solid transparent; border-top:5px solid #767676; } .afbf_item_pole .afbf_checkbox label{ margin-left:0px; margin-bottom:5px; font-weight:normal; position:relative; cursor:pointer; font-size:14px; top:auto; left:auto; pointer-events:inherit; -webkit-transition:0.3s ease all; -o-transition:0.3s ease all; transition:0.3s ease all; } .afbf_checkbox{ margin:10px 0 20px; } .afbf_checkbox input[type=checkbox]{ position:absolute; opacity:0; width:0; height:0; margin:0; overflow:hidden; pointer-events:none; } .afbf_checkbox .afbf_checkbox_box{ vertical-align:middle; position:relative; top:2px; margin-right:12px; } .afbf_checkbox_box .afbf_checkbox_check{ position:relative; display:inline-block; width:18px; height:18px; border:2px solid rgba(0,0,0,.54); border-radius:2px; overflow:hidden; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; z-index:1; } .afbf_checkbox input[type=checkbox]+ .afbf_checkbox_box .afbf_checkbox_check:before{ content:''; position:absolute; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); display:block; margin-top:-4px; margin-left:5px; width:0; height:0; -webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset; box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{ content:''; position:absolute; color:#7b7f7f; -webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px; box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px; } .afbf_checkbox input[type=checkbox]:focus:checked+.afbf_checkbox_box .afbf_checkbox_check:before{ -webkit-animation:checkbox-on 0.3s forwards; -o-animation:checkbox-on 0.3s forwards; animation:checkbox-on 0.3s forwards; } .afbf_checkbox input[type=checkbox]:focus+.afbf_checkbox_box .afbf_checkbox_check:before{ -webkit-animation:checkbox-off 0.3s forwards; -o-animation:checkbox-off 0.3s forwards; animation:checkbox-off 0.3s forwards; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check{ border:none; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{ margin-top:-3px; margin-left:7px; } .afbf_item_pole.is_filled .afbf_name.static_name, .afbf_item_pole.is_focused .afbf_name.static_name, .afbf_name.static_name{ position:static; color:inherit; font-size:inherit; margin-bottom:20px } .afbf_item_pole.item_pole__captcha .afbf_name{ top:67px; } .afbf_item_pole.item_pole__captcha.is_filled .afbf_name, .afbf_item_pole.item_pole__captcha.is_focused .afbf_name{ top:55px; } .afbf_pole_captcha{ margin-bottom:30px; } .afbf_pole_captcha .image{ vertical-align:middle; } .afbf_pole_captcha .g-recaptcha{ display:inline-block; vertical-align:middle; } .afbf_pole_captcha .afbf_captcha_reload{ display:inline-block; vertical-align:middle; width:22px; height:16px; background:url(/bitrix/templates/scale/components/altasib/feedback.form/largeform1/images/icon_reload.png) no-repeat 0 0; cursor:pointer; margin-left:20px; } .afbf_inputtext_bg .afbf_textarea{ width:100%; z-index:100; height:102px; overflow:auto; resize:vertical; max-height:450px; max-width:100%; min-height:34px; min-width:100%; } .afbf_submit_block{ margin:/*3*/0px 0px 0px 0px; padding:0px; display:block; text-align:right !important; } #alx_feed_back_FID5 .afbf_submit_block{ text-align:left !important; } #alx_feed_back_FID5 .afbf_submit_block .btn{ text-align: center !important; display: block; width: 100%; padding: 15px 0; font-size: 16px; font-family: 'OR', sans-serif; } .afbf_btn{ display:inline-block; padding:15px 25px !important; border:none !important; text-transform:uppercase !important; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px !important; -webkit-box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75); -moz-box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75); box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75); cursor:pointer; font-size:16px !important; outline:none; -webkit-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; } .alx_feed_back .afbf_feedback_poles .afbf_btn:hover{ -webkit-box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75); -moz-box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75); box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75); } .afbf_inputtext_bg select{ width:100%; padding:0px; margin:0px; border:0px; } .afbf_file_button{ position:absolute; right:-1px; height:100%; top:-1px; z-index:1; } *html .alx_feed_back .afbf_feedback_poles div{ zoom:1; } .afbf_inputtext_bg_calendar{ position:relative; z-index:2; zoom:1; } .afbf_inputtext_bg_calendar .afbf_calendar_icon{ position:absolute; top:3px; right:5px; } .afbf_error_text, .afbf_error_ftext{ display:none; } .afbf_item_pole.error_pole .afbf_error_text, .afbf_item_pole.error_fpole .afbf_error_ftext{ position:relative; display:block; margin:5px 0 0; padding-left:20px; color:#f80000; font-size:12px; } .afbf_item_pole.error_pole .afbf_error_text:after, .afbf_item_pole.error_fpole .afbf_error_ftext:after{ content:''; position:absolute; left:0; display:inline-block; width:17px; height:16px; background:url(/bitrix/templates/scale/components/altasib/feedback.form/largeform1/images/icon_error.png) 0 0 no-repeat; } /* dropdown styles */ .dropdownjs{ position:relative; } .dropdownjs *{ box-sizing:border-box; } .dropdownjs> input{ width:100%; padding-right:30px; text-overflow:ellipsis; } .dropdownjs> input.focus~ ul{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } .dropdownjs> ul{ position:absolute; padding:0; margin:0; min-width:200px; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); z-index:10000; } .dropdownjs> ul[placement=top-left]{ -webkit-transform-origin:bottom left; -ms-transform-origin:bottom left; transform-origin:bottom left; bottom:0; left:0; } .dropdownjs> ul[placement=bottom-left]{ -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; top:0; left:0; } .dropdownjs> ul> li{ list-style:none; padding:10px 20px; } .dropdownjs> ul> li.dropdownjs-add{ padding:0; } .dropdownjs> ul> li.dropdownjs-add> input{ border:0; padding:10px 20px; width:100%; } /* Theme */ .dropdownjs> input[readonly]{ cursor:pointer; } select[data-dropdownjs][disabled]+ .dropdownjs> input[readonly]{ cursor:default; } .dropdownjs> ul{ background:#FFF; box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 6px rgba(0,0,0,0.12); -webkit-transition:-webkit-transform 0.2s ease-out; transition:transform 0.2s ease-out; padding:10px; overflow:auto; max-width:500px; } .dropdownjs> ul> li{ cursor:pointer; word-wrap:break-word; -webkit-transition:background-color .15s ease 0s; -moz-transition:background-color .15s ease 0s; -ms-transition:background-color .15s ease 0s; -o-transition:background-color .15s ease 0s; transition:background-color .15s ease 0s; } .dropdownjs> ul> li:hover, .dropdownjs> ul> li.selected, .dropdownjs> ul> li:active{ background-color:#eaeaea; outline:0; } .dropdownjs> ul> li:focus{ outline:0; outline:1px solid #d4d4d4; } .dropdownjs> ul> li> .close:before{ content:"\00d7"; display:block; position:absolute; right:15px; float:right; font-size:21px; font-weight:700; line-height:1; color:#000; text-shadow:0 1px 0 #fff; opacity:.6; } .dropdownjs> ul> li:h> .close:hover:before{ opacity:.9; } /* end dropdown styles */ /* Radio buttons */ .afbf_radio{ margin:0 0 20px; } .afbf_radio label{ padding-bottom:10px; padding-left:34px; position:relative; top:auto; left:auto; pointer-events:inherit; cursor:pointer; font-size:14px; color:#1b1b1b; line-height:20px !important; display:inline-block; } .afbf_radio input[type=radio]{ position:absolute; opacity:0; height:0; width:0; overflow:hidden; } .afbf_radio span{ display:block; position:absolute; left:0; -webkit-transition-duration:0.2s; -o-transition-duration:0.2s; transition-duration:0.2s; } .afbf_radio .afbf_radio_circle{ border:2px solid rgba(0,0,0,.54); height:20px; width:20px; border-radius:50%; } .afbf_radio .afbf_radio_check{ left:5px; top:5px; height:10px; width:10px; border-radius:100%; background-color:rgba(0,0,0,.54); -webkit-transform:scale3d(0,0,0); transform:scale3d(0,0,0); } .afbf_radio input[type=radio]:checked ~ .afbf_radio_check{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } /* Togglebuttons */ .afbf_checkbox.toggle{ margin:0 0 40px; } .afbf_checkbox.toggle label{ position:relative; cursor:pointer; font-size:14px; color:#1b1b1b; top:auto; left:auto; pointer-events:inherit; } .afbf_checkbox.toggle input[type=checkbox]{ opacity:0; width:0; height:0; margin:0; position:absolute; } .afbf_checkbox.toggle label .afbf_checkbox_check{ display:none; } .afbf_checkbox.toggle, .afbf_checkbox.toggle label, .afbf_checkbox.toggle input, .afbf_checkbox.toggle .afbf_checkbox_box{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .afbf_checkbox.toggle label .afbf_checkbox_box{ display:inline-block; width:36px; height:15px; background-color:#bbb9b9; border-radius:15px; margin-right:15px; -webkit-transition:background 0.3s ease; -o-transition:background 0.3s ease; transition:background 0.3s ease; vertical-align:middle; top:-2px; } .afbf_checkbox.toggle label .afbf_checkbox_box:after{ content:""; display:inline-block; width:20px; height:20px; background-color:#f1f1f1; border-radius:20px; position:relative; -webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,0.4); box-shadow:0 1px 3px 1px rgba(0,0,0,0.4); left:0; top:-3px; -webkit-transition:left 0.3s ease,background 0.3s ease,-webkit-box-shadow 0.1s ease; -o-transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease; transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease; } /* Fileinput */ .afbf_inputtext_bg.file input[type=file]{ opacity:0; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; z-index:100; cursor:pointer } .afbf_inputtext_bg.file .afbf_input_group{ position:relative; display:table; width:100%; border-collapse:separate; } .afbf_inputtext_bg.file .afbf_input_group .afbf_inputtext{ display:table-cell; width:100%; height:34px; } .afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn{ position:relative; display:table-cell; padding-left:5px; font-size:0; white-space:nowrap; width:1%; vertical-align:middle; } .afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn .afbf_file_button{ border-radius:50%; height:34px; margin:auto; width:34px; overflow:hidden; background:#fff; border:none; position:relative; line-height:normal; background:url(/bitrix/templates/scale/components/altasib/feedback.form/largeform1/images/icon_file.png) center no-repeat; cursor:pointer; -webkit-box-shadow:0px 1px 2px 1px rgba(231,231,231,1); -moz-box-shadow:0px 1px 2px 1px rgba(231,231,231,1); box-shadow:0px 1px 2px 1px rgba(231,231,231,1); } .afbf_inputtext_bg.file.load_file label{ font-size:12px; } .afbf_radio .afbf_radio_circle{ border:2px solid; } .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after{ left:15px; } /* -------- */ @media screen and (max-width:768px){ .alx_feed_back{ width:99% !important; } .modal_form{ width:100% !important; margin-left:0 !important; left:0; } } /* Animation */ @-webkit-keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-o-keyframes checkbox-on{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-webkit-keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@-o-keyframes checkbox-off{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}} @media screen and (max-width:800px){ .largeform .wrap{flex-direction: column;} .lfleft {width: auto;} .lfright{width: auto;} .lfleft .blocktitle {display: block;text-align: center !important;} .alx_feed_back .lfdescr{text-align: center !important;padding-left: 5px;} .lfpoins{justify-content: center;} .lfpitem{justify-content: center;} } /* End */ /* Start:/bitrix/templates/scale/components/altasib/feedback.form/largeform1/themes/theme_803667a308eb161bfd2e734e75c128b7.css?17842069733124*/ #alx_feed_back_FID5 .afbf_radio_circle { border-color:#009688; } #alx_feed_back_FID5 .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after, #alx_feed_back_FID5 .afbf_radio_check { background-color:#009688; } #alx_feed_back_FID5 .afbf_feedback_poles .afbf_btn { color:#fff !important; background:#009688 !important; } #alx_feed_back_FID5 .afbf_feedback_poles .afbf_btn:hover { color:#fff !important; background:#006153 !important; } #alx_feed_back_FID5 .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box { background-color:#ABF1E3; } #alx_feed_back_FID5 .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before, #alx_feed_back_FID5.floating_labels .afbf_item_pole.is_filled .afbf_name, #alx_feed_back_FID5.floating_labels .afbf_item_pole.is_focused .afbf_name { color:#006153; } #alx_feed_back_FID5.form_inputs_line .afbf_select, #alx_feed_back_FID5.form_inputs_line .afbf_textarea, #alx_feed_back_FID5.form_inputs_line .afbf_inputtext, #alx_feed_back_FID5.form_inputs_line .afbf_item_pole.is_focused .afbf_select, #alx_feed_back_FID5.form_inputs_line .afbf_item_pole.is_focused .afbf_textarea, #alx_feed_back_FID5.form_inputs_line .afbf_item_pole.is_focused .afbf_inputtext{ background-image:-webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0)); background-image:-webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#e0e0e0, #e0e0e0); background-image:-o-linear-gradient(#009688, #009688), -o-linear-gradient(#e0e0e0, #e0e0e0); background-image:linear-gradient(#009688, #009688), linear-gradient(#e0e0e0, #e0e0e0); } #alx_feed_back_FID5.form_inputs_line .afbf_item_pole.error_pole .afbf_select, #alx_feed_back_FID5.form_inputs_line .afbf_item_pole.error_pole .afbf_textarea, #alx_feed_back_FID5.form_inputs_line .afbf_item_pole.error_pole .afbf_inputtext, #alx_feed_back_FID5.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_select, #alx_feed_back_FID5.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_textarea, #alx_feed_back_FID5.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_inputtext{ background-image:-webkit-gradient(linear, left top, left bottom, from(#f80000), to(#f80000)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0)); background-image:-webkit-linear-gradient(#f80000, #f80000), -webkit-linear-gradient(#e0e0e0, #e0e0e0); background-image:-o-linear-gradient(#f80000, #f80000), -o-linear-gradient(#e0e0e0, #e0e0e0); background-image:linear-gradient(#f80000, #f80000), linear-gradient(#e0e0e0, #e0e0e0); -moz-background-size:100% 2px, 100% 1px; background-size:100% 2px, 100% 1px; } #alx_feed_back_FID5 .afbf_select, .afbf_textarea, .afbf_inputtext, #alx_feed_back_FID5 .afbf_checkbox label { color:#212121; } #alx_feed_back_FID5 .afbf_item_pole.is_focused .afbf_select, #alx_feed_back_FID5 .afbf_item_pole.is_focused .afbf_textarea, #alx_feed_back_FID5 .afbf_item_pole.is_focused .afbf_inputtext{ border-color:#009688; } /* End */ /* Start:/bitrix/templates/scale/components/bitrix/catalog.section.list/footmenu/style.css?178420697373*/ .footcatmenu { /*display: flex;*/ } .footcatmenu ul { /*width: 50%;*/ } /* End */ /* Start:/bitrix/templates/scale/components/altasib/feedback.form/form/form_style.css?178420697346858*/ .alx-feedb-error.alx-popup-mess-show-anime1 .afbf_error_block{display:none;} .agreement{ display: flex; gap: 15px; align-items: center; } .formagree{ font-size:12px; } .modal_form{ border-radius:5px; background:#fff; /*position:fixed;*/ position:absolute; top:45%; left:50%; opacity:0; z-index:2001; transition:all 0.3s ease 0s; box-shadow:0 0 33px rgba(0,0,0,0.36); min-height:200px; height:auto; overflow:hidden; box-sizing:border-box; padding:40px 20px 40px; } .modal_close{ width:14px; height:14px; position:absolute; background:#fff; top:20px; right:20px; cursor:pointer; display:block; overflow:hidden; opacity:0.6; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); z-index:2; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; } .modal_close_ok{ width:115px; height:36px; line-height:36px; background:#0097f6; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:0 2px 4px 2px #e6e6e6; -moz-box-shadow:0 2px 4px 2px #e6e6e6; box-shadow:0 2px 4px 2px #e6e6e6; border:none; outline:none; color:#fff; text-align:center; margin:0 auto 10px; display:block; cursor:pointer; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; } .modal_close_ok:hover{ -webkit-box-shadow:0 2px 5px 3px #ccc; -moz-box-shadow:0 2px 5px 3px #ccc; box-shadow:0 2px 5px 3px #ccc; } .modal_close:hover{ opacity:1; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .modal_close__left:before{ position:absolute; content:''; left:-3px; top:-5px; border:12px solid transparent; border-left-color:#767676; } .modal_close__left:after{ position:absolute; content:''; left:-7px; top:-5px; border:12px solid transparent; border-left-color:#fff; } .modal_close__right:before{ position:absolute; content:''; right:-3px; top:-5px; border:12px solid transparent; border-right-color:#767676; } .modal_close__right:after{ position:absolute; content:''; right:-7px; top:-5px; border:12px solid transparent; border-right-color:#fff; } .alx_fb_overlay{ z-index:2000; position:fixed; background-color:#000; opacity:0.2; width:100%; height:100%; top:0; left:0; cursor:pointer; display:none; } .alx_feedback_popup{ cursor:pointer; } .alx-feedb-data-errorLoading{ text-align:center; padding-top:50px; } .alx_fedb_wait{ height:140px; left:45%; position:fixed; top:45%; width:140px; z-index:2001; text-align:center; } .alx-feedb-data{ position:absolute; opacity:0; } .alx-feedb-data-view{ position:relative; opacity:1; width:100%; transition:all 0.3s ease 0s; } .afbf_success_block{ height:140px; display:table; vertical-align:middle; width:100%; margin-bottom:20px; } .afbf_success_block._without-popup{ height:100px; } .afbf_success_block._without-popup .afbf_mess_ok{ text-align:left; } .afbf_success_block._without-popup .afbf_mess_ok .mess{ margin-left:60px; } .afbf_success_block._without-popup .afbf_ok_icon{ display:inline-block; width:auto; min-width:50px; float:left; margin-bottom:0; } .afbf_mess_ok{ display:table-cell; vertical-align:middle; text-align:center; } /* animation loading */ @keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} @-moz-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} @-webkit-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} @-o-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} .alx-rotate-loading, .alx-feedb-loading{ height:120px; position:relative; width:120px; border-radius:100%; } .alx-rotate-loading{ margin:40px auto; } .alx-feedb-loading{ border:13px solid transparent; border-color:transparent #fff transparent #FFF; -moz-animation:alx-rotate-loading 2s linear 0s infinite normal; -moz-transform-origin:50% 50%; -o-animation:alx-rotate-loading 2s linear 0s infinite normal; -o-transform-origin:50% 50%; -webkit-animation:alx-rotate-loading 2s linear 0s infinite normal; -webkit-transform-origin:50% 50%; animation:alx-rotate-loading 2s linear 0s infinite normal; transform-origin:50% 50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .alx-rotate-loading:hover .alx-feedb-loading{ border-color:transparent #E45635 transparent #E45635; } .alx-rotate-loading:hover .alx-feedb-loading, .alx-rotate-loading .alx-feedb-loading{ -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .alx-feedb-loading-text{ animation:2s linear 0s normal none infinite running loading-text-opacity; color:#fff; font-size:15px; font-weight:bold; margin-top:52.5px; position:absolute; text-align:center; text-transform:uppercase; top:0px; width:120px; } /* animation popup */ @-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @-moz-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-o-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-moz-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @-o-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @-webkit-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @-webkit-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @-moz-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @-o-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @-moz-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @-o-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @-webkit-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}} @keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-moz-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @-o-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @-moz-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}} @-o-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-webkit-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-webkit-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-moz-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-o-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-moz-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-o-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @keyframes pulse{0%,20%,40%,60%,80%,100%{-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);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @keyframes pulseMess{0%,20%,40%,60%,80%,100%{-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);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-moz-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @-moz-keyframes pulse{0%,20%,40%,60%,80%,100%{-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);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-moz-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-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);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-o-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @-o-keyframes pulse{0%,20%,40%,60%,80%,100%{-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);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-o-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-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);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-webkit-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @-webkit-keyframes pulse{0%,20%,40%,60%,80%,100%{-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);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-webkit-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-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);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} .alx-popup-show-anime1{ animation:pulse .75s ease-in-out 0s both; display:block; } .alx-popup-hide-anime1{ animation:bounceIn 0.5s; } .alx-popup-mess-show-anime1{ animation:pulseMess .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } .alx-popup-show-anime2{ animation:rotateIn .75s ease-in-out 0s both; display:block; } .alx-popup-hide-anime2{ animation:rotateOut 0.5s both; } .alx-popup-mess-show-anime2{ animation:rotateIn .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } .alx-popup-show-anime3{ animation:fadeInRight .75s ease-in-out 0s both; display:block; } .alx-popup-hide-anime3{ animation:fadeOutRight 0.5s both; } .alx-popup-mess-show-anime3{ animation:fadeInRight .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } .alx-popup-show-anime4{ animation:bounceInDown .75s ease-in-out 0s; display:block; } .alx-popup-hide-anime4{ animation:bounceOutDown 0.5s; } .alx-popup-mess-show-anime4{ animation:bounceInDown .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } /* feedb_styles */ .alx_feed_back{ padding:0px; margin:0px; text-transform:none !important; text-align:left !important; line-height:normal !important; text-decoration:none !important; } .alx_feed_back *{ text-transform:none !important; text-align:left !important; /*line-height:normal !important;*/ text-decoration:none !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .alx_feed_back form{ padding:0px; margin:0px; } .modal_form .afbf_error_block{ position:relative; margin-bottom:20px; } .modal_form .afbf_error_block:after{ content:''; position:absolute; bottom:-10px; left:-20px; right:-20px; height:1px; background:#ccc; } .afbf_error_icon{ float:left; margin-right:5px; width:50px; height:40px; background:url(/bitrix/templates/scale/components/altasib/feedback.form/form/images/afbf_danger-sign.png) no-repeat 0 0; } .afbf_error_block .afbf_error_text, .afbf_error_block .afbf_error_ftext{ font-size:16px; min-height:40px; /*line-height:40px;*/ padding-bottom:30px; color:#f80000; display:block; } .afbf_ok_icon{ margin:0 0 20px 0; width:100%; height:50px; background:url(/bitrix/templates/scale/components/altasib/feedback.form/form/images/afbf_check-box.png) no-repeat 50% 50%; } .modal_form .afbf_error_block td{ vertical-align:top; text-align:left; } .alx-feedb-error{ margin-top:20px; } .modal_form .alx-feedb-error{ margin-top:0px; } .alx-feedb-error .afbf_error_block ul{ list-style:none; padding-left:55px; font-size:14px; color:#f80101; margin:0; } .alx-feedb-error .afbf_error_block ul li{ padding:0px 0px 4px 8px; margin:0px; display:block; list-style:none !important; background:transparent !important; } .alx-feedb-error .afbf_error_block ul li:before{ content:'' !important; } .alx-feedb-error .afbf_error_block ul li span{ position:relative; z-index:1; margin-left:-8px; } .modal_form .afbf_feedback_poles{ padding:0px; margin:11px 0px 0px 0px; } .afbf_item_pole{ position:relative; } *html .afbf_item_pole{ position:relative; z-index:1; zoom:1; } .afbf_item_pole .afbf_name{ padding:0px; margin:0px 0px 6px 0px; } .afbf_item_pole .afbf_select, .afbf_item_pole .afbf_textarea, .afbf_item_pole .afbf_inputtext{ height:34px; width:100%; padding:7px 5px !important; font-size:14px; outline:none; border:1px solid #e0e0e0; } .afbf_item_pole.item_pole__captcha .afbf_inputtext{ box-sizing:content-box; padding:7px 0px !important; } .afbf_item_pole select.afbf_inputtext.afbf_select_sect{ height:auto; } /* -------- */ .afbf_item_pole .dropdownjs.feedback_dropdown> ul{ right:0; left:auto; top:35px; bottom:auto; height:120px; padding:0; -webkit-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right; -webkit-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75); -moz-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75); box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75); } .afbf_item_pole .dropdownjs.feedback_dropdown:after{ content:''; position:absolute; right:10px; top:50%; margin-top:-2px; display:inline-block; border:5px solid transparent; border-top:5px solid #767676; } .afbf_item_pole .afbf_checkbox label{ margin-left:0px; margin-bottom:5px; font-weight:normal; position:relative; cursor:pointer; font-size:14px; top:auto; left:auto; pointer-events:inherit; -webkit-transition:0.3s ease all; -o-transition:0.3s ease all; transition:0.3s ease all; } .afbf_checkbox{ margin:10px 0 20px; } .afbf_checkbox input[type=checkbox]{ position:absolute; opacity:0; width:0; height:0; margin:0; overflow:hidden; pointer-events:none; } .afbf_checkbox .afbf_checkbox_box{ vertical-align:middle; position:relative; top:2px; margin-right:12px; } .afbf_checkbox_box .afbf_checkbox_check{ position:relative; display:inline-block; width:18px; height:18px; border:2px solid rgba(0,0,0,.54); border-radius:2px; overflow:hidden; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; z-index:1; } .afbf_checkbox input[type=checkbox]+ .afbf_checkbox_box .afbf_checkbox_check:before{ content:''; position:absolute; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); display:block; margin-top:-4px; margin-left:5px; width:0; height:0; -webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset; box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{ content:''; position:absolute; color:#7b7f7f; -webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px; box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px; } .afbf_checkbox input[type=checkbox]:focus:checked+.afbf_checkbox_box .afbf_checkbox_check:before{ -webkit-animation:checkbox-on 0.3s forwards; -o-animation:checkbox-on 0.3s forwards; animation:checkbox-on 0.3s forwards; } .afbf_checkbox input[type=checkbox]:focus+.afbf_checkbox_box .afbf_checkbox_check:before{ -webkit-animation:checkbox-off 0.3s forwards; -o-animation:checkbox-off 0.3s forwards; animation:checkbox-off 0.3s forwards; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check{ border:none; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{ margin-top:-3px; margin-left:7px; } .afbf_item_pole.is_filled .afbf_name.static_name, .afbf_item_pole.is_focused .afbf_name.static_name, .afbf_name.static_name{ position:static; color:inherit; font-size:inherit; margin-bottom:20px } .afbf_item_pole.item_pole__captcha .afbf_name{ top:67px; } .afbf_item_pole.item_pole__captcha.is_filled .afbf_name, .afbf_item_pole.item_pole__captcha.is_focused .afbf_name{ top:55px; } .afbf_pole_captcha{ margin-bottom:30px; } .afbf_pole_captcha .image{ vertical-align:middle; } .afbf_pole_captcha .g-recaptcha{ display:inline-block; vertical-align:middle; } .afbf_pole_captcha .afbf_captcha_reload{ display:inline-block; vertical-align:middle; width:22px; height:16px; background:url(/bitrix/templates/scale/components/altasib/feedback.form/form/images/icon_reload.png) no-repeat 0 0; cursor:pointer; margin-left:20px; } .afbf_inputtext_bg .afbf_textarea{ width:100%; z-index:100; height:102px; overflow:auto; resize:vertical; max-height:450px; max-width:100%; min-height:34px; min-width:100%; } .afbf_submit_block{ margin:/*3*/0px 0px 0px 0px; padding:0px; display:block; text-align:right !important; } .afbf_btn{ display:inline-block; padding:15px 25px !important; border:none !important; text-transform:uppercase !important; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px !important; -webkit-box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75); -moz-box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75); box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75); cursor:pointer; font-size:16px !important; outline:none; -webkit-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; } .alx_feed_back .afbf_feedback_poles .afbf_btn:hover{ -webkit-box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75); -moz-box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75); box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75); } .afbf_inputtext_bg select{ width:100%; padding:0px; margin:0px; border:0px; } .afbf_file_button{ position:absolute; right:-1px; height:100%; top:-1px; z-index:1; } *html .alx_feed_back .afbf_feedback_poles div{ zoom:1; } .afbf_inputtext_bg_calendar{ position:relative; z-index:2; zoom:1; } .afbf_inputtext_bg_calendar .afbf_calendar_icon{ position:absolute; top:3px; right:5px; } .afbf_error_text, .afbf_error_ftext{ display:none; } .afbf_item_pole.error_pole .afbf_error_text, .afbf_item_pole.error_fpole .afbf_error_ftext{ position:relative; display:block; margin:5px 0 0; padding-left:20px; color:#f80000; font-size:12px; } .afbf_item_pole.error_pole .afbf_error_text:after, .afbf_item_pole.error_fpole .afbf_error_ftext:after{ content:''; position:absolute; left:0; display:inline-block; width:17px; height:16px; background:url(/bitrix/templates/scale/components/altasib/feedback.form/form/images/icon_error.png) 0 0 no-repeat; } /* dropdown styles */ .dropdownjs{ position:relative; } .dropdownjs *{ box-sizing:border-box; } .dropdownjs> input{ width:100%; padding-right:30px; text-overflow:ellipsis; } .dropdownjs> input.focus~ ul{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } .dropdownjs> ul{ position:absolute; padding:0; margin:0; min-width:200px; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); z-index:10000; } .dropdownjs> ul[placement=top-left]{ -webkit-transform-origin:bottom left; -ms-transform-origin:bottom left; transform-origin:bottom left; bottom:0; left:0; } .dropdownjs> ul[placement=bottom-left]{ -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; top:0; left:0; } .dropdownjs> ul> li{ list-style:none; padding:10px 20px; } .dropdownjs> ul> li.dropdownjs-add{ padding:0; } .dropdownjs> ul> li.dropdownjs-add> input{ border:0; padding:10px 20px; width:100%; } /* Theme */ .dropdownjs> input[readonly]{ cursor:pointer; } select[data-dropdownjs][disabled]+ .dropdownjs> input[readonly]{ cursor:default; } .dropdownjs> ul{ background:#FFF; box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 6px rgba(0,0,0,0.12); -webkit-transition:-webkit-transform 0.2s ease-out; transition:transform 0.2s ease-out; padding:10px; overflow:auto; max-width:500px; } .dropdownjs> ul> li{ cursor:pointer; word-wrap:break-word; -webkit-transition:background-color .15s ease 0s; -moz-transition:background-color .15s ease 0s; -ms-transition:background-color .15s ease 0s; -o-transition:background-color .15s ease 0s; transition:background-color .15s ease 0s; } .dropdownjs> ul> li:hover, .dropdownjs> ul> li.selected, .dropdownjs> ul> li:active{ background-color:#eaeaea; outline:0; } .dropdownjs> ul> li:focus{ outline:0; outline:1px solid #d4d4d4; } .dropdownjs> ul> li> .close:before{ content:"\00d7"; display:block; position:absolute; right:15px; float:right; font-size:21px; font-weight:700; line-height:1; color:#000; text-shadow:0 1px 0 #fff; opacity:.6; } .dropdownjs> ul> li:h> .close:hover:before{ opacity:.9; } /* end dropdown styles */ /* Radio buttons */ .afbf_radio{ margin:0 0 20px; } .afbf_radio label{ padding-bottom:10px; padding-left:34px; position:relative; top:auto; left:auto; pointer-events:inherit; cursor:pointer; font-size:14px; color:#1b1b1b; line-height:20px !important; display:inline-block; } .afbf_radio input[type=radio]{ position:absolute; opacity:0; height:0; width:0; overflow:hidden; } .afbf_radio span{ display:block; position:absolute; left:0; -webkit-transition-duration:0.2s; -o-transition-duration:0.2s; transition-duration:0.2s; } .afbf_radio .afbf_radio_circle{ border:2px solid rgba(0,0,0,.54); height:20px; width:20px; border-radius:50%; } .afbf_radio .afbf_radio_check{ left:5px; top:5px; height:10px; width:10px; border-radius:100%; background-color:rgba(0,0,0,.54); -webkit-transform:scale3d(0,0,0); transform:scale3d(0,0,0); } .afbf_radio input[type=radio]:checked ~ .afbf_radio_check{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } /* Togglebuttons */ .afbf_checkbox.toggle{ margin:0 0 40px; } .afbf_checkbox.toggle label{ position:relative; cursor:pointer; font-size:14px; color:#1b1b1b; top:auto; left:auto; pointer-events:inherit; } .afbf_checkbox.toggle input[type=checkbox]{ opacity:0; width:0; height:0; margin:0; position:absolute; } .afbf_checkbox.toggle label .afbf_checkbox_check{ display:none; } .afbf_checkbox.toggle, .afbf_checkbox.toggle label, .afbf_checkbox.toggle input, .afbf_checkbox.toggle .afbf_checkbox_box{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .afbf_checkbox.toggle label .afbf_checkbox_box{ display:inline-block; width:36px; height:15px; background-color:#bbb9b9; border-radius:15px; margin-right:15px; -webkit-transition:background 0.3s ease; -o-transition:background 0.3s ease; transition:background 0.3s ease; vertical-align:middle; top:-2px; } .afbf_checkbox.toggle label .afbf_checkbox_box:after{ content:""; display:inline-block; width:20px; height:20px; background-color:#f1f1f1; border-radius:20px; position:relative; -webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,0.4); box-shadow:0 1px 3px 1px rgba(0,0,0,0.4); left:0; top:-3px; -webkit-transition:left 0.3s ease,background 0.3s ease,-webkit-box-shadow 0.1s ease; -o-transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease; transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease; } /* Fileinput */ .afbf_inputtext_bg.file input[type=file]{ opacity:0; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; z-index:100; cursor:pointer } .afbf_inputtext_bg.file .afbf_input_group{ position:relative; display:table; width:100%; border-collapse:separate; } .afbf_inputtext_bg.file .afbf_input_group .afbf_inputtext{ display:table-cell; width:100%; height:34px; } .afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn{ position:relative; display:table-cell; padding-left:5px; font-size:0; white-space:nowrap; width:1%; vertical-align:middle; } .afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn .afbf_file_button{ border-radius:50%; height:34px; margin:auto; width:34px; overflow:hidden; background:#fff; border:none; position:relative; line-height:normal; background:url(/bitrix/templates/scale/components/altasib/feedback.form/form/images/icon_file.png) center no-repeat; cursor:pointer; -webkit-box-shadow:0px 1px 2px 1px rgba(231,231,231,1); -moz-box-shadow:0px 1px 2px 1px rgba(231,231,231,1); box-shadow:0px 1px 2px 1px rgba(231,231,231,1); } .afbf_inputtext_bg.file.load_file label{ font-size:12px; } .afbf_radio .afbf_radio_circle{ border:2px solid; } .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after{ left:15px; } /* -------- */ @media screen and (max-width:768px){ .alx_feed_back{ width:99% !important; } .modal_form{ width:100% !important; margin-left:0 !important; left:0; } } /* Animation */ @-webkit-keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-o-keyframes checkbox-on{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-webkit-keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@-o-keyframes checkbox-off{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}} /* End */ /* Start:/bitrix/templates/scale/components/altasib/feedback.form/form/minstyle.css?1784206973106*/ #afbf_agree_fid5 .afbf_checkbox { display: flex; } #afbf_policy_fid5 .afbf_checkbox { display: flex; } /* End */ /* Start:/bitrix/components/rp/customtext/templates/.default/style.css?17842069843157*/ /*.btn{ border:1px solid #7bd8d0; background:#7bd8d0; color:#fff; text-decoration:none; } .btn:hover{ border:1px solid #54ccc2; background:#54ccc2; color:#fff; text-decoration:none; } .btn.white{ border:1px solid #54ccc2; background:#fff; color:#54ccc2; } .btn.white:hover{ border:1px solid #54ccc2; background:#54ccc2; color:#fff; text-decoration:none; }*/ .ctbg{ display: none; background:rgba(0,0,0,0.4); position:fixed; left:0; right:0; bottom:0; top:0; z-index:2000; } .ctpopup.withbg{z-index:2001;} .ctpopup{ display: none; position: fixed; overflow: hidden; overflow-y: hidden; z-index: 1000; max-height:80%; box-shadow: 0 0 20px rgba(0,0,0,.1); } .ctarea{ padding: 10px 30px; } .ctbuttons { padding: 10px 0 0 0; } .hor_left{ left:10px; background: #fff } .hor_right{ right:10px; } .hor_center{ left:50%; } .vert_top{ top:10px; } .vert_center{ top:20%; } .vert_bottom{ bottom:10px; } .ctpopup.ctsmall{ width:320px; background: #fff; font-size:12px; } .ctbuttons{ display:flex; justify-content:space-between; align-items: center; } .ctpopup .ctbuttons .btn{ padding: 5px 10px; font-size: 0.8em; } .ctpopup.ctmiddle{ width:40%; background: #fff } .ctpopup.ctlarge{ width:60%; background: #fff } .ctpopup.ctfull{ left:0; right:0; background: rgba(20, 26, 30, 0.5); bottom:0; } .ctpopup.ctfull .ctarea{ padding: 40px 5%; } .ctpopup.ctfull .ctbuttons .btn{ padding: 12px 21px 11px; font-size: 1em; } .ctpopup.ctfull .ctarea{ display:flex; justify-content:space-between; align-items: center; color:#fff; } .ctpopup.ctfull .ctbuttons .ctagree{ margin-right:15px; } .ctpopup.ctlarge .ctbuttons{ justify-content:right; } .ctpopup.ctlarge .ctbuttons{ justify-content:right; } .ctlarge .ctagree { margin-right: 20px; } .ctpopup.ctfull .ctarea{ display:flex; justify-content:space-between; align-items: center; color:#fff; } .ctpopup.ctfull .ctbuttons { padding: 0; } .ctpopup.ctsmall.hor_center { margin-left: -160px; } .ctpopup.ctmiddle.hor_center { margin-left: -20%; } .ctpopup.ctlarge.hor_center { margin-left: -30%; } .ctagree{ cursor:pointer; } .ctclose{ top: 10px; right: 10px; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQgLjdsLS43LS43TDcgNi4zLjcgMCAwIC43IDYuMyA3IDAgMTMuM2wuNy43TDcgNy43bDYuMyA2LjMuNy0uN0w3LjcgN3oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) 50% no-repeat; background-size: auto; opacity: 0.5; width: 10px; height: 10px; cursor: pointer; background-size: 100%; } .cthead{ font-size: 24px; line-height: 32px; font-family: 'OSB', sans-serif; padding: 20px 0 0 0; } @media (max-width: 740px) { .ctpopup.ctmiddle {width: 60%;} .ctpopup.ctmiddle.hor_center {margin-left: -30%;} } @media (max-width: 620px) { .ctpopup.ctfull .ctarea {padding: 20px 5%;} .ctpopup.ctfull .ctarea{flex-wrap: wrap;} .ctbody {width: 100%;margin: 0 0 15px 0;} .ctbuttons {width: 100%;justify-content: space-evenly;} .ctpopup.ctmiddle {width: 320px;left:0;} .ctpopup.ctmiddle.hor_center {margin-left: -160px;} } /* End */ /* Start:/bitrix/templates/scale/template_styles.css?178826091318646*/ @font-face { font-family: 'OB'; src: url('/bitrix/templates/scale/./fonts/OpenSans-Bold.ttf'); font-display:swap; } @font-face { font-family: 'OSB'; src: url('/bitrix/templates/scale/./fonts/OpenSans-SemiBold.ttf'); font-display:swap; } @font-face { font-family: 'OEB'; src: url('/bitrix/templates/scale/./fonts/OpenSans-ExtraBold.ttf'); font-display:swap; } @font-face { font-family: 'OL'; src: url('/bitrix/templates/scale/./fonts/OpenSans-Light.ttf'); font-display:swap; } @font-face { font-family: 'OM'; src: url('/bitrix/templates/scale/./fonts/OpenSans-Medium.ttf'); font-display:swap; } @font-face { font-family: 'OR'; src: url('/bitrix/templates/scale/./fonts/OpenSans-Regular.ttf'); font-display:swap; } body{/*background:url(/bitrix/templates/scale/img/1.jpg) top center no-repeat;background-size: 100%;*/ height:100%; margin:0; padding:0; font-size:16px; font-family: 'OR', sans-serif; color: #323237; /*height:4000px;*/ } form { margin:0; padding:0; } article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block; } audio,canvas,video { display: inline-block; *display: inline; *zoom: 1; } a,input{ outline: none; } :focus, :active { outline: none; } a{ /*color:#530000;*/ text-decoration:none; transition:0.5s; } a:hover{ text-decoration:underline; color:#850b0b; } h2 { /*font-size: 34px; font-style: normal; font-weight: bold; font-family: 'OB', sans-serif;*/ font-size: 30px; font-weight: normal; font-family: 'OSB', sans-serif; line-height: normal; letter-spacing: 0.34px; margin-bottom: 30px; text-align: left; color: #494949; } h3{ font-size: 20px; font-family: 'OSB', sans-serif; padding-bottom: 5px; color: #494949; letter-spacing: 0.34px; line-height: normal; margin-bottom:0; } #panel{/*display:none;position:fixed;left:0;right:0;top:0;z-index:100;*/} main { padding-bottom: 40px; } .clr,.clear{ clear:both; } .wrap { width: 90%; margin: 0 auto; } .popup{ display:none; position: fixed; top: 10%; left: 50%; width: 400px; margin-left: -230px; background: #fff; max-height: 80%; overflow: hidden; overflow-y: aito; padding: 0 30px; z-index: 260; max-height: 90%; overflow: hidden; overflow-y: auto; } .pophead { font-size: 24px; line-height: 32px; font-family: 'OSB', sans-serif; padding: 20px 0 0 0; } .popbody { padding: 0 0 20px 0; } .popclose { top: 14px; right: 14px; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQgLjdsLS43LS43TDcgNi4zLjcgMCAwIC43IDYuMyA3IDAgMTMuM2wuNy43TDcgNy43bDYuMyA2LjMuNy0uN0w3LjcgN3oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) 50% no-repeat; opacity: 0.5; width: 15px; height: 15px; cursor: pointer; background-size: 100%; } .popbg{ display:none; position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.5); z-index:250; } .gpopname { padding: 20px 0; line-height: 25px; } .gdelay .pophead,.gdelay .gpopname { text-align: center; } /*Buttons*/ .btn{ font-family: 'OSB', sans-serif; border-radius: 32px; background: #FFF; outline: 0; padding: 8px 20px; text-align: center; font-size: 12px; font-style: normal; line-height: normal; letter-spacing: 0.12px; text-transform: uppercase; transition: color 0.2s linear, background-color 0.2s linear; cursor:pointer; /*letter-spacing: 1px;*/ } .btn:hover{ border: 1px solid #850b0b; background:#850b0b; text-decoration:none; } .btn.white{ background:transparent; border: 1px solid; /*padding: 11px 21px 10px;*/ } .btn.white:hover{ } .btn.red{ background:transparent; border: 1px solid; padding: 11px 21px 10px; } .btn.red:hover{ } .btn.bleck{ } /*End Buttons*/ /*Titles*/ .pagetitle { margin: 0; padding: /*2*/5px 0 25px 0; /*font-size: 30px; font-weight: normal; font-family: 'OSB', sans-serif;*/ font-size: 34px; font-style: normal; font-weight: bold; line-height: normal; letter-spacing: 0.34px; /*margin-bottom: 30px;*/ text-align: left; font-family: 'OB', sans-serif; color: #494949; } .btwrap{ margin: 43px 0; font-family: 'OM', sans-serif; } .blocktitle{ display:inline-block; margin:0; font-size: 48px; line-height: 1.1; font-family: 'OSB', sans-serif; padding-bottom: 0; margin: 0; font-weight: 400; } .btall{ font-size: 12px; line-height: 20px; text-transform: uppercase; text-decoration: none; margin-left: 20px; } .btall:hover{ text-decoration: none; } .bnext{ display: inline-block; text-decoration: none; padding: 8px 16px; color: #3B3B3B; line-height: 24px; font-weight: 600; margin-top:20px; } .bnext span { color: #3B3B3B; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .bnext:hover{ background: #F7F8FB; text-decoration: none; background: #fff; } .bnext svg { margin-left: 8px;vertical-align: middle } .block-description { color: #3B3B3B; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .block-description.grey{ color: #7D8386; text-align:center; margin-bottom:30px; } /*End Titles*/ /*Top Menu*/ .tophead{ } .topmenu a:hover,.topmenu a.selected{ } .soclink path{ } .soclink:hover path{ } .hspsoc path{ } .hspsoc .soclink:hover path { } /*End Top Menu*/ /*Head*/ .hlogo path { } .hlogo:hover path { } .hcompname span{} .hcompname b{ font-family: 'OM', sans-serif; } .headphone{ font-family: 'ORB', sans-serif; } .hcart path { } .hcart:hover path{ } .hsearch path { } .hsearch:hover path { } .headphone path { transition:0.5s; } .headphone a:hover path { } .hspphone path { transition:0.5s; } .hspphone a:hover path{ } .headphone a:hover{ } .hspphone a:hover{ } .smcall svg path { } .hspsoc .soclink path { } .fsoc .soclink path { } .soclink:hover path,.hspsoc .soclink:hover path{ } .mainmenu{ font-family: 'OSB', sans-serif; } .mmparent:hover > a,.mmparent a.act,.mmsub li a:hover{ } .mmparent > a:after{ } header.fix{ } .mainmenu .mmsub{ font-family: 'OSB', sans-serif; } .mainmenu{ font-family: 'OB', sans-serif; } .hmenutit{ font-family: 'OM', sans-serif; } .hspstit{ font-family: 'OM', sans-serif; } .hspphone{ font-family: 'OSB', sans-serif; } .headphone a:hover{ } /*End Head*/ /*Search Title*/ .bx_item_block.all_result { } .bx_item_block.all_result:hover { } .bx_item_block.others_result:hover{ } /*End Search Title*/ /*Slider*/ #mslidarea .owl-dots .owl-dot:hover,#mslidarea .owl-dots .owl-dot.active:hover{ } #mslidarea .owl-dots .owl-dot.active{ } #mslidarea .owl-nav button:hover{ } /*End Slider*/ /*Main Brands*/ .mbri:hover } .mbrend .owl-carousel .owl-nav button.owl-prev:hover, .mbrend .owl-carousel .owl-nav button.owl-next:hover{ } /*End Main Brands*/ /*Floor Type */ .mtypeiwrap { /*margin: -10px 0 0 0;*/ } /*End Floor Type */ /*Catalog*/ .filter path{} .filter .bx-ui-slider-track{} .filter .bx-ui-slider-pricebar-vd{} .filter .bx-ui-slider-pricebar-vn{} .filter .bx-ui-slider-pricebar-v {} .filter .bx-ui-slider-part {} .filter .bx-ui-slider-handle {} .filter .bx-ui-slider-handle:after{} .filter .bx-filter-input-container input:focus {} .bx-filter-param-label.bx-active .bx-filter-btn-color-icon{} .sortarea a{ font-family: 'OSB', sans-serif; } .sortarea a.act,.sortarea a:hover{ } .sortarea a.act path{ } .gitname{ font-family: 'OB', sans-serif; } .gitprice{ font-family: 'OSB', sans-serif; } .gitprval{ font-family: 'OSB', sans-serif; } .gdzoom:hover{ } .gdzoom path{ } .gdpricelb{ } .gdprice{ font-family: 'OSB', sans-serif; } .gdpricemeas{ font-family: 'OR', sans-serif; } .gdbaseprice{ } .gdtotal { font-family: 'OSB', sans-serif; } .gdtotab{ font-family: 'OSB', sans-serif; } .tabhit:after{ } .sectcarousel.owl-carousel .owl-nav button.owl-prev:hover, .sectcarousel.owl-carousel .owl-nav button.owl-next:hover { } .gdgallprev.owl-carousel .owl-nav button.owl-prev:hover, .gdgallprev.owl-carousel .owl-nav button.owl-next:hover { } .gddownicon:hover{ } /*End Catalog*/ /*MainCat Tabs*/ #mcatlist { padding: 25px 0 0 0; } #mcatlist .btwrap { margin: 43px 0 18px 0; } .maincatdescr { font-size: 17px; margin: 0 0px 30px 0; } .mtabitem { display: inline-block; padding: 6px 0 17px 0; color: #4a4a4f; text-decoration: none; /*border-bottom: 2px solid transparent;*/ font-family: 'OB', sans-serif; font-size: 15px; margin-right: 34px; cursor:pointer; position:relative; } .mtabitem:after { transition: width .2s ease-in-out; width: 0; content: ''; display: block; position: absolute; height: 2px; left: 0; bottom: 0; } .mtabitem:hover:after,.mtabitem.act:after{ width: 100%; } .mtabitem.act,.mtabitem:hover{ } .mtabbody { display: none; } /*End MainCat Tabs*/ /*Main About*/ #mainabout{ padding-top: 10px; padding-bottom: 60px; background: #F7F8FB; margin: 40px 0; } .madescr{ font-family: 'OSB', sans-serif; } .masname{ /*font-family: 'OSB', sans-serif;*/ } .masubtit{ font-family: 'OB', sans-serif; } .masicon{ box-shadow: 8px -8px 0px rgba(172,28,28,0.44); } .maimg{ border-radius: 32px; overflow:hidden; margin:30px 0; /*height: 678px;*/ } .maimg img{ display:block; width:100%; } .mastat{ display: grid; justify-content: center; column-gap: 24px; grid-template-columns: 244px 244px 244px 244px; grid-template-rows: 1fr; } .masitem{ font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; } .masnumber{ font-family: 'OB', sans-serif; font-size: 46px; font-style: normal; font-weight: 800; line-height: normal; letter-spacing: 0.46px; margin-bottom: 3px; color: #7D8386; } .masdescr{ font-size: 18px; color:#7D8386; } /*End Main About*/ /*Main Reviews*/ #mainreviews{ margin: 40px 0; } /*End Main Blog*/ /*Main Reviews*/ #mainblog{ margin: 40px 0; } /*End Main Blog*/ /*Main Faq*/ #mfaq{ margin: 40px 0 20px; } /*End Main Faq*/ #mbrands { margin: 0 0 40px 0; } /*Main MAP*/ #maincont{margin-bottom:/*-4*/0px;} #maincont .btwrap { margin: 28px 0 36px 0; } /*End MAP*/ /*Cart*/ .cartheader{ } /*End Cart*/ /*Breadcrums*/ .breadarr path,.breadit-link path{ } /*End Breadcrums*/ /*SHOPS*/ .spropval{ font-family: 'OSB', sans-serif; } .shopname{ } /*End SHOPS*/ /*Search Page*/ .search-result-count{ font-family: 'OSB', sans-serif; } .search-result-count b{ } /*End Search Page*/ /*Footer*/ footer{ } .foothead{ } .foothead .wrap{ display: flex; justify-content: space-between; } .flogo{ /*width:14%;*/ } .flogo img{ display:block; height: 72px; margin: 16px 0 0 0; } .flogo svg{ display:block; height: 70px; margin: 11px 0 0 0; } .flogo path{ } .fsoc{ display: flex; justify-content: /*right*/start; padding: /*33px 3%*/30px 0; /*width: 58%;*/ justify-content: start; align-items: center; } .fsoc .soclink{ margin-left: 6px; } .fsoc > div { display: flex; justify-content: right; justify-content: start; align-items: center; } .fsoc .soclink svg { width: 35px; height: 35px; display: block; } .fsoc .soclink path{ } .fsoc .soclink:hover path{ } .foothead .fcontform { width: 25%; text-align: right; padding: 29px 0 20px 20px; } .footcont .fcontform{ width:100%; padding:0; } .foothead { width: 34%; } .foothead .ascquest{ float:none; margin: 30px 0 0 0;max-width: 150px; } .footcont .fcontform { margin-bottom: 20px; display:none; } .footcont .fcontform .ascquest{ /*max-width: none;*/ float: none; display: flex; align-items: center; gap: 8px; justify-content: space-around; } .footcont .fcontform .ascquest svg{ position:static; } .fcontform .btn{ position:relative; } .fcontform .btn,.ascquest{ display:flex; align-items:center; gap:8px; justify-content:space-around; } .fcontform .btn svg, .ascquest svg{ width: 20px; height: 20px; } .fcontform .btn.white{ padding: 12px 21px 11px 50px; color: #000; } .fcontform .btn.white:hover{ color:#fff; } .fcontform .btn.white:hover svg,#ascquest.white:hover svg{ fill:#fff; } .footbody{ padding: 42px 0; } .footbody .wrap{ display: flex; justify-content: space-between; } .fmenu{ width: 25%; } .fmenu.cat{ width: 52%; } .fmenutit{ font-family: 'OB', sans-serif; font-size: 17px; /*letter-spacing: -1.5px;*/ padding: 0 0 15px 0; } .fmenu ul{ margin: 0 0 0 0; padding: 0; } .fmenu li{ display: block; font-size: 15px; margin: 0 0 12px 0; } .fmenu a{ display: block; color: #4a4a4f; } .fmenu a:hover{ text-decoration:none; } .footcont{ width: 24%; } .fcontitem{ display: block; text-decoration: none; color: #4a4a4f; font-family: 'OL', sans-serif; position: relative; padding: 0 0px 17px 30px; } .fcontitem b{ font-size: 17px; font-family: 'OSB', sans-serif; } .footcont svg{ width: 20px; height: 23px; top: 1px; position: absolute; left: 0; } .footcont path{ } .fbottom{ border-top:1px solid #e1e1e6; } .fbottom .wrap{ display:flex; justify-content:space-between; padding:16px 0; font-size:14px; font-family: 'OL', sans-serif; } .footpolicy .wrap{ /*border-top: 1px solid #e1e1e6;*/ display:flex; justify-content:space-between; padding:16px 0; font-size:14px; font-family: 'OL', sans-serif; } .footpolicy .wrap>div{ display:flex; justify-content:space-between; width: 100%; } .footpolicy a{ color: #4a4a4f; } .footpolicy a:hover{ text-decoration:none; } .fcopy{ } .fdev{ } /*End Footer*/ /*INPUTS*/ .customCheckbox{ width: 16px; height: 16px; border: 2px solid #850b0b; display: block; border-radius: 2px; position:relative; } .customCheckbox.checkboxAreaChecked:before { content: "\2713"; line-height: 17px; position: absolute; font-weight: bold; color: #850b0b; width: 100%; height: 100%; text-align: center; top: -2px; left: 0px; font-size: 19px; } .bx-filter-input-checkbox .outtaHere{ } input.field,textarea.field{ font-size: 14px; font-weight: 400; letter-spacing: 0; line-height: 22px; color: #4a4a4f; background: /*#f8f8fa*/#fff; border: 1px solid #e0e0e0; border-radius: 0; padding: 8px 0; text-indent: 15px; display:block; width:100%; } input.field:focus,textarea.field:focus { border-color: #850b0b; } input.field[type="checkbox"] { width: auto; } .buttonsarea{ /*padding: 15px 0 0 0;*/ } .fieldarea { padding: 0 0 15px 0; } .fieldlabel { font-family: 'OM', sans-serif; padding: 0 0 5px 0; font-size: 13px; } .fieldreq { color: red; } .orderform{ padding:0 0 40px 0; } .orderform .buttonsarea{ padding: 15px 0 0 0; text-align:right; } /*END INPUTS*/ /*ОТСТУПЫ*/ .mt-48 { margin-top: 48px; } .mt-20 { margin-top: 20px; } .mb-30 { margin-bottom: 30px; } .mb-24{ margin-bottom: 24px; } /*END ОТСТУПЫ*/ /*CONTENT*/ .contentarea{ display: flex; justify-content: space-between; } .leftcoll{ width: 25%; } .content{ width: 75%; } /*END CONTENT*/ /*REKVIZITI*/ .requisites-files{ } .requisites-files .item__file{ display: flex; flex-direction: row; align-items: center; position: relative; margin-top: 0px; margin-bottom: 30px; padding: 20px; border: 1px solid #F7F8FB; background: #FFF; } .requisites-files .file__icon{ width: 56px; height: 56px; margin-right: 8px; } .requisites-files .file__link{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .requisites-files .file__info{ display: flex; flex-direction: column; width: 100%; } .requisites-files .file__name{ color: #3F3F3F; font-size: 16px; font-family: 'OB', sans-serif; line-height: 20px; margin-bottom: 10px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .file__size{ color: rgba(0, 0, 0, 0.40); font-size: 11px; font-family: 'OM', sans-serif; line-height: 11px; } .requisites-files .file__link:hover + .file__info .file__name{ color: #067241; } .requisites{ margin-bottom: 120px; display: flex; flex-direction: column; } .requisites__item:nth-child(2n-1) { background: rgba(0, 0, 0, 0.01); } .requisites__item{ flex-direction: row; display: flex; padding: 8px 16px; } .item__name{ color: #3B3B3B; font-family: 'OB', sans-serif; font-size: 16px; line-height: 24px; min-width: 330px; max-width: 330px; } .item__value{ color: #3B3B3B; font-family: 'OR', sans-serif; font-size: 16px; line-height: 22px; } /*END REKVIZITI*/ /*VACANCIES*/ .vacancies-banner { display: flex; flex-direction: row; margin-bottom: 48px; } .vacancies-banner .vacancies-banner__info-contaner { display: flex; flex-direction: column; padding: 32px 40px; border: 1px solid #D4D4D4; background: #F7F8FB; } .vacancies-banner .vacancies-banner__info-contaner .info-contaner__data { display: flex; flex-direction: row; margin-bottom: 24px; justify-content: space-between; } .vacancies-banner .info-contaner__data .data__item:not(:last-child) { margin-bottom: 8px; } .vacancies-banner .info-contaner__data .data__item { display: flex; flex-direction: column; } .vacancies-banner .data__item label { color: #494949; font-size: 14px; line-height: normal; letter-spacing: 0.14px; opacity: 0.5; margin-bottom: 4px; } .vacancies-banner .data__item a { color: #494949; font-size: 16px; line-height: normal; letter-spacing: 0.16px; text-decoration: none; } .vacancies-banner .info-contaner__additional-info { display: flex; flex-direction: column; } .vacancies-banner .vacancies-banner__media-btn { padding: 24px; background: #008066; display: flex; flex-direction: column; min-width: 270px; } .vacancies-banner .vacancies-banner__media-btn > svg { margin-bottom: 16px; } .vacancies-banner .vacancies-banner__media-btn img { display: flex; margin-bottom: 24px; } .vacancies-banner .vacancies-banner__media-btn a { border-radius: 32px; border: 1px solid #067241; background: #FFF; display: flex; flex-direction: row; align-content: center; justify-content: center; padding: 16px 40px; text-decoration: none; } .vacancies-banner .vacancies-banner__media-btn a svg { margin-right: 8px; width: 16px; height: 16px; } /*END VACANCIES*/ /*END CONTACTS*/ .contacts .contacts__data label { margin-bottom: 8px; color: #7D8386; font-size: 14px; line-height: normal; letter-spacing: 0.14px; display:block; } .contacts .contacts__text p { margin-top: 0px; color: #3B3B3B; font-size: 17px; font-style: normal; font-weight: 400; line-height: 24px; } .cmaplinksbody .contacts{ } .contacts p{ margin-top:0; } /*END CONTACTS*/ #catdescr{ padding: 30px 0; border-top: 1px solid #e1e1e6; border-bottom: 1px solid #e1e1e6; margin-top: 30px; } .err404area { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; } .err404 { width: 100%; font-size: 150px; font-weight: bold; color:#067241 } .err404title { font-size: 30px; width: 100%; margin: 0 0 20px 0; } .err404text { width: 100%; margin: 0 0 20px 0; color: #888; } /* End */ /* /bitrix/templates/scale/components/bitrix/search.title/hsearch_visual/style.css?17842069724828 */ /* /bitrix/templates/scale/components/bitrix/menu/multilevel/style.css?17842069734689 */ /* /bitrix/templates/scale/components/bitrix/breadcrumb/bread/style.css?1784206973628 */ /* /bitrix/templates/scale/components/bitrix/menu/left/style.css?1784206973629 */ /* /bitrix/templates/scale/components/altasib/feedback.form/largeform1/form_style.css?178430593249194 */ /* /bitrix/templates/scale/components/altasib/feedback.form/largeform1/themes/theme_803667a308eb161bfd2e734e75c128b7.css?17842069733124 */ /* /bitrix/templates/scale/components/bitrix/catalog.section.list/footmenu/style.css?178420697373 */ /* /bitrix/templates/scale/components/altasib/feedback.form/form/form_style.css?178420697346858 */ /* /bitrix/templates/scale/components/altasib/feedback.form/form/minstyle.css?1784206973106 */ /* /bitrix/components/rp/customtext/templates/.default/style.css?17842069843157 */ /* /bitrix/templates/scale/template_styles.css?178826091318646 */