body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0} .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /*! jQuery UI - v1.12.1 - 2017-10-15 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#000;opacity:.6;filter:Alpha(Opacity=60)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} html { height: 100%; } body { width: 100%; height: 100%; font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 21px; background: #fff; } * { box-sizing: border-box; } .video-cover{ width: 100%; height: 100%; } .g-noscroll { overflow: hidden !important; height: 100% !important; } .g-custom-scroll::-webkit-scrollbar-track { background-color: #ccc; } .g-custom-scroll::-webkit-scrollbar { width: 8px; } .g-custom-scroll::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0px; background-color: #FECC2F; } b, strong { } ul li, ol li { font-size: 16px; line-height: 21px; } h1, .g-h1 { font-weight: 600; font-size: 72px; line-height: 70px; text-align: left; color: #000000; } h2, .g-h2 { font-weight: 600; font-size: 48px; line-height: 53px; text-align: left; color: #000000; margin-bottom: 40px; } h3, .g-h3 { font-weight: 600; font-size: 24px; line-height: 26px; text-align: left; color: #000000; } h4 { } h5 { } h6 { } p { font-family: "PT Sans"; font-style: normal; font-weight: normal; line-height: normal; font-size: 16px; color: #000000; margin-top: 20px; } a { color: #0082F9; text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all .25s ease 0s; -moz-transition: all .25s ease 0s; -ms-transition: all .25s ease 0s; -o-transition: all .25s ease 0s; transition: all .25s ease 0s; border-bottom: 1px solid #0082F9; } a:hover { color: #00519C; border-bottom: 1px solid transparent; } a:active { color: #00519C; } a.g-yellow-link { color: #0082F9; border-bottom: 1px solid #00519C; } a.g-yellow-link:hover { color: #00519C; border-bottom: 1px solid transparent; } a.g-yellow-link:active { color: #00519C; } a:focus, a:hover { } b, strong { font-weight: 600; } .g-glitch { margin: 0; z-index: 1; cursor: default; position: relative; } .g-glitch:before, .g-glitch:after { display: block; content: attr(data-glitch); text-transform: uppercase; position: absolute; height: 100%; width: 100%; opacity: .8; } .g-glitch:before { color: #0ff; color: #FECC2F; z-index: -1; top: 0; left: 0; } .b-slick-hnav__item:hover .b-slick-hnav__text { color: #00519C; } .b-slick-hnav__item:hover .g-glitch:before, .g-glitch:hover:before { -webkit-animation: glitch 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 5; animation: glitch 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 5; } .g-glitch:after { color: #f0f; color: #fff; z-index: -2; top: 0; left: 0; } .g-glitch-red:before { color: #00D97E; z-index: -1; top: 0px; left: 3px; text-transform: none; } .g-glitch-red:after { color: #FF0000; z-index: -2; top: 7px; left: -5px; text-transform: none; } .stable-glitch.g-glitch-red:after, .stable-glitch.g-glitch-red:before { top: 0; left: 0; } .g-glitch:hover:after { animation: glitch 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both 5; } @media only screen and (max-width: 400px) { .glitch { font-size: 3em; } } @keyframes glitch { 0% { transform: translate(0) } 20% { transform: translate(-5px, 5px) } 40% { transform: translate(-5px, -5px) } 60% { transform: translate(5px, 5px) } 80% { transform: translate(5px, -5px) } to { transform: translate(0) } } .g-no-border { border: 0 !important; } .g-clearfix:after, .g-clearfix:before { content: " "; width: 100%; display: table; clear: both; } .g-hide { display: none !important; } .g-hidden { visibility: hidden; opacity: 0.0; } .js-block-load { visibility: hidden; } .js-block-load_already-visible { visibility: visible; } .js-block-load_come-in-left { /*transform: translateX(-150px);*/ transform: translateY(75px); animation: come-in-left 0.6s ease-out forwards; visibility: visible; } .js-block-load_come-in-left:nth-child(odd) { animation-duration: 0.4s; /* So they look staggered */ } .js-block-load_come-in-right { transform: translateY(75px); animation: come-in-right 0.6s ease-out forwards; visibility: visible; } .js-block-load_come-in-right:nth-child(odd) { animation-duration: 0.4s; /* So they look staggered */ } h2.js-block-load { position: relative; display: inline-block; overflow: hidden; } h2.js-block-load.js-block-load_come-in-left-h2 { visibility: visible; } h2.js-block-load.js-block-load_come-in-left-h2::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: #FECC2F; z-index: 15; transform: translateX(-100%); animation: come-in-left-h2 .8s ease-out forwards; } h2.js-block-load.js-block-load_come-in-left-h2::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: #FFF; z-index: 14; animation: come-in-left-h2 .8s ease-out forwards; } @keyframes come-in-left { to { transform: translateY(0); } } @keyframes come-in-right { to { transform: translateY(0); } } @keyframes come-in-left-h2 { 50% { transform: translateX(0); } 100% { transform: translateX(101%); } } input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], input[type="number"], input[type="month"], input[type="date"], input[type="email"], input[type="datetime-local"], input[type="color"] { border: 1px solid #FECC2F; font-size: 16px; height: 64px; line-height: 64px; padding: 0px 25px; font-family: 'PT Sans', sans-serif; background: #FEFDF2; } textarea { background: #FEFDF2; border: 1px solid #FECC2F; font-size: 16px; line-height: 21px; min-height: 80px; font-family: 'PT Sans', sans-serif; padding: 25px 25px; } textarea::-webkit-input-placeholder { color: #9A9A9A; } textarea::-moz-placeholder { color: #9A9A9A; } /* Firefox 19+ */ textarea:-moz-placeholder { color: #9A9A9A; } /* Firefox 18- */ textarea:-ms-input-placeholder { color: #9A9A9A; } input[type="text"]::-webkit-input-placeholder { color: #9A9A9A; } input[type="text"]::-moz-placeholder { color: #9A9A9A; } /* Firefox 19+ */ input[type="text"]:-moz-placeholder { color: #9A9A9A; } /* Firefox 18- */ input[type="text"]:-ms-input-placeholder { color: #9A9A9A; } input[type="email"]::-webkit-input-placeholder { color: #9A9A9A; } input[type="email"]::-moz-placeholder { color: #9A9A9A; } /* Firefox 19+ */ input[type="email"]:-moz-placeholder { color: #9A9A9A; } /* Firefox 18- */ input[type="email"]:-ms-input-placeholder { color: #9A9A9A; } input[type="password"]::-webkit-input-placeholder { color: #9A9A9A; } input[type="password"]::-moz-placeholder { color: #9A9A9A; } /* Firefox 19+ */ input[type="password"]:-moz-placeholder { color: #9A9A9A; } /* Firefox 18- */ input[type="password"]:-ms-input-placeholder { color: #9A9A9A; } input[type="date"]::-webkit-input-placeholder { color: #9A9A9A; } input[type="date"]::-moz-placeholder { color: #9A9A9A; } /* Firefox 19+ */ input[type="date"]:-moz-placeholder { color: #9A9A9A; } /* Firefox 18- */ input[type="date"]:-ms-input-placeholder { color: #9A9A9A; } input[type="search"]::-webkit-input-placeholder { color: #9A9A9A; } input[type="search"]::-moz-placeholder { color: #9A9A9A; } /* Firefox 19+ */ input[type="search"]:-moz-placeholder { color: #9A9A9A; } /* Firefox 18- */ input[type="search"]:-ms-input-placeholder { color: #9A9A9A; } input[type="tel"]::-webkit-input-placeholder { color: #9A9A9A; } input[type="tel"]::-moz-placeholder { color: #9A9A9A; } /* Firefox 19+ */ input[type="tel"]:-moz-placeholder { color: #9A9A9A; } /* Firefox 18- */ input[type="tel"]:-ms-input-placeholder { color: #9A9A9A; } input[type="number"]::-webkit-input-placeholder { color: #9A9A9A; } input[type="number"]::-moz-placeholder { color: #9A9A9A; } /* Firefox 19+ */ input[type="number"]:-moz-placeholder { color: #9A9A9A; } /* Firefox 18- */ input[type="number"]:-ms-input-placeholder { color: #9A9A9A; } input[type="time"]::-webkit-input-placeholder { color: #9A9A9A; } input[type="time"]::-moz-placeholder { color: #9A9A9A; } /* Firefox 19+ */ input[type="time"]:-moz-placeholder { color: #9A9A9A; } /* Firefox 18- */ input[type="time"]:-ms-input-placeholder { color: #9A9A9A; } input[type="url"]::-webkit-input-placeholder { color: #9A9A9A; } input[type="url"]::-moz-placeholder { color: #9A9A9A; } /* Firefox 19+ */ input[type="url"]:-moz-placeholder { color: #9A9A9A; } /* Firefox 18- */ input[type="url"]:-ms-input-placeholder { color: #9A9A9A; } input[type="datetime-local"]::-webkit-input-placeholder { color: #9A9A9A; } input[type="datetime-local"]::-moz-placeholder { color: #9A9A9A; } /* Firefox 19+ */ input[type="datetime-local"]:-moz-placeholder { color: #9A9A9A; } /* Firefox 18- */ input[type="datetime-local"]:-ms-input-placeholder { color: #9A9A9A; } input[type="color"]::-webkit-input-placeholder { color: #9A9A9A; } input[type="color"]::-moz-placeholder { color: #9A9A9A; } /* Firefox 19+ */ input[type="color"]:-moz-placeholder { color: #9A9A9A; } /* Firefox 18- */ input[type="color"]:-ms-input-placeholder { color: #9A9A9A; } select { border: 1px solid #FECC2F; font-size: 16px; height: 64px; line-height: 64px; padding: 0px 25px; background: #FEFDF2; } select::-ms-expand { display: none; } input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], input[type="number"], input[type="month"], input[type="date"], input[type="email"], input[type="datetime-local"], input[type="color"], textarea, select { outline: none; } input[type="text"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="month"]:hover, input[type="date"]:hover, input[type="email"]:hover, input[type="datetime-local"]:hover, input[type="color"]:hover, textarea:hover, select { border: 1px solid #BD9000; } input[type="text"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="month"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select { border: 1px solid #3D3D3B; background-color: #fff; } input[type="text"].error, input[type="password"].error, input[type="search"].error, input[type="tel"].error, input[type="time"].error, input[type="url"].error, input[type="week"].error, input[type="number"].error, input[type="month"].error, input[type="date"].error, input[type="email"].error, input[type="datetime-local"].error, input[type="color"].error, textarea.error, select { color: #FF0000; border: 1px solid #FF0000; background-color: #fff; } input[type="text"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input[type="number"]:disabled, input[type="month"]:disabled, input[type="date"]:disabled, input[type="email"]:disabled, input[type="datetime-local"]:disabled, input[type="color"]:disabled, textarea:disabled, select { color: #9A9A9A; border: 1px solid #DBDBD9; background-color: #F8F8F8; } label { display: block; color: #000; font-weight: 600; } label.disabled { opacity: 0.2; } label.error { color: #FF0000; font-weight: 500; position: absolute; top: 100%; left: 0px; margin-bottom: 10px; } input[type="radio"], input[type="checkbox"] { margin: 0 !important; padding: 0 !important; width: 50px; height: 50px; opacity: 0; z-index: 99; border: 1px solid #FECC2F; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; cursor: pointer; } .b-radio-wrap, .b-chbox-wrap { position: relative; display: inline-block; width: 50px; height: 50px; padding: 0 !important; vertical-align: sub; -moz-width: 50px; -moz-height: 50px; cursor: pointer; z-index: 99; } .b-radio-bg, .b-chbox-bg { display: block; width: 50px; height: 50px; position: absolute; left: 0; top: 0; margin: 0 !important; padding: 0 !important; cursor: pointer; z-index: -1; -moz-width: 50px; -moz-height: 50px; } input[type="checkbox"]:checked + .b-chbox-bg { background-color: #FECC2F; background-image: url(../images/icons/el_ch_checked.svg); background-repeat: no-repeat; background-position: center center; background-size: 27px 27px; } input[type="checkbox"] + .b-chbox-bg { background-color: #FEFDF2; border: 1px solid #FECC2F; } input[type="radio"]:checked + .b-radio-bg { background-color: #FECC2F; background-image: url(../images/icons/el_ch_checked.svg); background-repeat: no-repeat; background-position: center center; background-size: 27px 27px; } input[type="radio"] + .b-radio-bg { background-color: #FEFDF2; border: 1px solid #FECC2F; } .b-radio-wrap:hover .b-radio-bg { background-color: #FECC2F; } .b-chbox-wrap:hover .b-chbox-bg { background-color: #FECC2F; } .b-big-ch { border: 1px solid #FECC2F; display: inline-block; padding: 19.5px 40px; } .b-big-ch_active { border: 1px solid transparent; -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); } .b-big-ch .b-radio-wrap, .b-big-ch .b-chbox-wrap { float: left; } .b-big-ch .b-radio-wrap + .b-icon, .b-big-ch .b-chbox-wrap + .b-icon { float: left; margin-left: 15px; } .b-big-ch__name { margin-top: 10px; color: #000; } .b-big-ch__text { color: #9A9A9A; } .b-fieldblock { display: block; position: relative; width: 100%; margin-bottom: 20px; } .b-fieldblock__label { margin-bottom: 7px; } .b-fieldblock__input { width: 100%; } .b-form-block { border: 1px solid #FECC2F; background: #fff; padding: 39px 73px 39px 73px;; -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); position: relative; height: 700px; } .b-page__section_case_20 .b-confirm-block { padding-right: 20px; } .b-confirm-block__btn { display: inline-block; float: left; } .b-confirm-block__btn .b-btn-block__text { padding: 15px 75px 15px 75px; } .b-confirm-block__text { display: inline-block; margin-left: 15px; float: left; margin-top: 15px; } .b-form-block__container { position: relative; z-index: 5; } .b-form-block::before { content: ''; display: block; position: absolute; right: 0px; top: 0px; background-image: url(../images/form_border.png); background-repeat: no-repeat; background-position: right center; background-size: 100% 100%; width: 100%; height: 734px; margin-top: -43px; margin-right: -43px; z-index: 1; } .b-page__section_b20 .b-form-block { margin-top: 66px; } .b-flex-column { display: flex; flex-direction: row; } .b-flex-column__item { flex-basis: 100%; line-height: normal; } .b-var-list { display: block; list-style: none; margin: 0px; padding: 0px; } .b-var-list__item { text-align: left; display: block; padding: 6px 10px 6px 44px; } .b-var-list .b-var-list__item:nth-child(odd) { background-color: #F9F9F9; } .b-var-list .b-var-list__item:nth-child(even) { background-color: #FFF; padding-top: 12px; padding-bottom: 12px; } .b-table { display: table; } .b-table__row { display: table-row; } .b-table__cell { display: table-cell; } .b-box { position: relative; border: 1px solid #000; } .b-box::after { position: absolute; content: ''; display: block; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 5; background-color: #000; margin-top: 10px; margin-left: 10px; } .b-box__inner { display: block; padding: 27px 82px 24px 82px; text-align: center; font-family: "PT Sans"; font-weight: 600; font-size: 34px; line-height: 44px; position: relative; z-index: 10; background: #fff; } .b-box_yellow { border: 1px solid #FECC2F; -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); } .b-box_yellow .b-box__inner { /*background-color:#FECC2F;*/ } .b-box_yellow::after { background-color: #FECC2F; /*display:none;*/ } .b-box_yellowfull .b-box__inner { background-color: #FECC2F; } .b-box_yellowfull::after { display: none; } .b-list-line__item { padding: 3px 0px; } .b-list-line__item::before { content: '\2014'; display: inline-block; margin-right: 5px; } .b-table { display: table; } .b-table__row { display: table-row; } .b-table__cell { display: table-cell; } .b-btn-block { display: inline-block; position: relative; padding-right: 8px; padding-bottom: 8px; padding-left: 0; cursor: pointer; outline: none; background: none; } .b-btn-block_responsive { display: block; width: 100%; } .b-btn-block__text { background: #FECC2F; padding: 15px 35px 15px 35px; display: inline-block; } .b-btn-block__text_responsive { display: block; width: 100%; } .b-btn-block__text { font-family: PT Sans; font-style: normal; font-weight: bold; line-height: 18px; font-size: 16px; text-align: center; color: #000000; position: relative; z-index: 5; } .b-btn-block::before { content: ''; display: block; width: calc(100% - 12px); height: 8px; -webkit-transform: skew(45deg); -moz-transform: skew(45deg); -o-transform: skew(45deg); background: none; border-left: 4px solid #FECC2F; position: absolute; left: 0px; bottom: 0px; margin-left: 4px; } .b-btn-block::after { content: ''; display: block; height: calc(100% - 12px); width: 8px; -webkit-transform: skewY(45deg); -moz-transform: skewY(45deg); -o-transform: skewY(45deg); background: none; border-top: 4px solid #FECC2F; position: absolute; right: 0px; top: 0px; margin-top: 4px; } .b-btn-block__bottom { content: ''; display: block; width: calc(100% - 9px); height: 2px; -webkit-transform: skew(45deg); -moz-transform: skew(45deg); -o-transform: skew(45deg); position: absolute; left: 0px; bottom: 0px; margin-left: 8px; background: #fecc2f; } .b-btn-block__right { content: ''; display: block; height: calc(100% - 9px); width: 2px; -webkit-transform: skewY(45deg); -moz-transform: skewY(45deg); -o-transform: skewY(45deg); background: #fecc2f; position: absolute; right: 0px; top: 0px; margin-top: 8px; } .b-btn-block:hover::before { border-left: 4px solid #000; background: #000;; } .b-btn-block:hover::after { border-top: 4px solid #000; background: #000;; } .b-btn-block:hover .b-btn-block__right, .b-btn-block:hover .b-btn-block__bottom { background: #000;; } .b-btn-block__bottom_right { width: 10px; height: 10px; position: absolute; right: 0px; bottom: 0px; background: #000; display: none; } .b-btn-block:hover .b-btn-block__bottom_right { display: block; } .b-btn-block:active .b-btn-block__bottom_right { display: none; } .b-btn-block:active .b-btn-block__bottom { display: none; } .b-btn-block:active .b-btn-block__right { display: none; } .b-btn-block:active::after { display: none; } .b-btn-block:active::before { display: none; } .b-btn-block:active .b-btn-block__text { right: -8px; bottom: -8px; } .b-utp { display: flex; flex-direction: row; } .b-utp__item { flex-basis: 100%; line-height: normal; } .b-price-block { display: table; } .b-price-block__item { float: left; width: 370px; margin-right: 25px; } .b-price-block .b-price-block__item:first-child { width: 304px; width: calc(100% - 370px - 370px - 25px - 25px); } .b-price-block .b-price-block__item:last-child { margin-right: 0px; } .b-price-packet { padding: 20px 20px 25px 20px; border-top: 1px solid #FECC2F; margin-top: 20px; } .b-price-packet__caption { float: left; display: inline-block; font-size: 14px; line-height: 18px; margin-top: 8px; } .b-price-packet__price { float: right; display: inline-block; font-size: 24px; line-height: 31px; font-weight: 600; } .b-price-packet__site{ border-top: none; margin-top: 0; padding-top: 0; } .b-info { display: flex; flex-direction: row; background: #fff; } .b-info__item { display: inline-block; position: relative; flex-basis: 100%; line-height: normal; height: 240px; border: 1px solid #FECC2F; overflow: hidden; background: #fff; } .b-info__item:nth-child(1) .b-icon { height: 2px; width: 75%; background: #FECC2F; position: absolute; left: 25px; bottom: 0px; } .b-info__item:nth-child(1) .b-icon:nth-child(4) { margin-bottom: 55px; } .b-info__item:nth-child(1) .b-icon:nth-child(3) { margin-bottom: 81px; } .b-info__item:nth-child(1) .b-icon:nth-child(2) { margin-bottom: 107px; } .b-info__item:nth-child(2) { margin: 0px 23px; } .b-info__item:nth-child(2)::after { content: ''; display: block; right: 8%; bottom: 0px; margin-bottom: -91px; position: absolute; background-image: url(../images/dotted_circle.png); background-repeat: no-repeat; background-position: 0px 0px; background-size: 182px 182px; width: 182px; height: 182px; } .b-info__item h3 { padding: 15px 25px; font-weight: 500; font-size: 24px; line-height: 31px; } .b-utp-numbers { display: flex; flex-direction: row; } .b-utp-numbers__item { flex-basis: 100%; line-height: normal; padding-right: 20px; } .b-utp-numbers__item-header { font-weight: 600; font-size: 64px; line-height: 70px; text-align: left; } .b-utp-numbers__item-text { text-align: left; margin-top: 0px; } .b-case-list { display: flex; flex-direction: row; } .b-case-list__item { flex-basis: 100%; line-height: normal; padding-right: 20px; max-width: 168px; } .b-case-list__item > img{ width: 100%; } .b-case-list__item-text { text-align: left; margin-top: 5px; } .b-link { font-style: normal; font-weight: normal; line-height: normal; font-size: 16px; text-decoration: none; color: #0082F9; } .b-link:hover { color: #00519C; text-decoration: none; } .b-link:active { color: #00519C; text-decoration: none; } .b-link_yellow { color: #FECC2F; } .b-link_white { color: #fff; border-color: #fff; } .b-link_white:hover { color: #fff; text-decoration: none; } .b-link_white:active { color: #E5AE00; text-decoration: none; } .b-link_yellow:hover { color: #E5AE00; text-decoration: none; } .b-link_yellow:active { color: #E5AE00; text-decoration: none; } .b-link_menu { text-decoration: none; font-style: normal; font-weight: bold; line-height: 60px; font-size: 18px; border: 0 !important; } .white-header .b-link_menu{ color: #000; } .white-header .b-mobile-menu, .white-header .b-tablet-menu{ background: #fff; } .b-link_menu:hover, .b-link_menu:active, .b-menu__item:hover .b-link_menu, .b-link_menu-sel { color: #fff; } .text-orange { color: orange !important; } .white-header .b-link_menu:hover, .white-header .b-link_menu:active, .white-header .b-menu__item:hover .b-link_menu, .white-header .b-link_menu-sel { color: #000; } .b-link_menu:hover .b-icon_menu-arrow-down, .b-link_menu:active .b-icon_menu-arrow-down, .b-menu__item:hover .b-link_menu .b-icon_menu-arrow-down, .b-link_menu-sel .b-icon_menu-arrow-down { background-image: url("../images/icons/el_menu_arrow_down_white.svg"); } .b-link_menu-sel .b-icon_menu-arrow-down { transform: rotate(-90deg); } .b-icon_menu-arrow-up { transform: rotate(-180deg); } .b-link_file { position: relative; /*margin-left:26px;*/ padding-left: 26px; border: 0; display: inline-block; } .b-link_file::before { content: ''; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 21px 21px; background-image: url("../images/icons/el_file.svg"); width: 21px; height: 21px; position: absolute; left: 0px; top: 0px; margin-top: 0; } .b-link_file:hover { border-bottom: none; } .b-link__text { border-bottom: 1px solid #0082F9; -webkit-transition: all .25s ease 0s; -moz-transition: all .25s ease 0s; -ms-transition: all .25s ease 0s; -o-transition: all .25s ease 0s; transition: all .25s ease 0s; } .b-link__text:hover { border-bottom: 1px solid transparent; } .b-link_blue-arrow { position: relative; margin-right: 26px; } .b-link_blue-arrow::after { content: ''; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 19px 12px; background-image: url("../images/icons/el_right_arrow_blue.svg"); width: 19px; height: 12px; position: absolute; right: 0px; top: 50%; margin-top: -6px; margin-right: -26px; } .b-icon { display: inline-block; } .b-socials { padding: 20px 0px 0px 0px; } .b-socials__item { position: relative; display: inline-block; margin-right: 5px; } .b-socials .b-socials__item:last-child { margin-right: 0px; } .b-icon_social { position: absolute; z-index: 10; left: 50%; top: 50%; } .b-icon_social.b-icon_fb-logo { margin-top: -12px; margin-left: -11.5px; } .b-icon_social.b-icon_vk-logo { margin-top: -13px; margin-left: -14px; } .b-icon_social.b-icon_in-logo { margin-top: -12px; margin-left: -10px; } .b-icon_social.b-icon_youtube-logo { margin-top: -12.5px; margin-left: -11.8px; } .b-icon_social.b-icon_noname-logo { margin-top: -11px; margin-left: -11px; } .b-icon_social.b-icon_tw-logo { margin-top: -12.5px; margin-left: -11.5px; } .b-icon_social.b-icon_gplus-logo { margin-top: -12.5px; margin-left: -11.5px; } .b-icon_social:active.b-icon_fb-logo { margin-top: -9px; margin-left: -8.5px; } .b-icon_social:active.b-icon_vk-logo { margin-top: -10px; margin-left: -11px; } .b-icon_social:active.b-icon_in-logo { margin-top: -9px; margin-left: -7px; } .b-icon_social:active.b-icon_youtube-logo { margin-top: -9.5px; margin-left: -8.8px; } .b-icon_social:active.b-icon_noname-logo { margin-top: -8px; margin-left: -8px; } .b-icon_social:active.b-icon_tw-logo { margin-top: -9.5px; margin-left: -8.5px; } .b-icon_social:active.b-icon_gplus-logo { margin-top: -9.5px; margin-left: -8.5px; } .b-icon_menu-arrow-down { background-position: center center; background-repeat: no-repeat; background-size: 11px 7px; background-image: url("../images/icons/el_menu_arrow_down.svg"); width: 11px; height: 7px; margin-left: 2px; } .b-icon_menu-arrow-down_bleck { background-position: center center; background-repeat: no-repeat; background-size: 11px 7px; background-image: url("../images/icons/el_menu_arrow_down_black.svg"); width: 11px; height: 7px; margin-left: 2px; } .b-link_menu-sel .b-icon_menu-arrow-down_bleck{ transform: rotate(-90deg); position: relative; top: -1px; } .b-icon_right-arrow-yellow { background-position: center center; background-repeat: no-repeat; background-size: 40px 27px; background-image: url("../images/icons/el_right_arrow_yellow.svg"); width: 40px; height: 27px; } .b-icon_right-arrow-blue { background-position: center center; background-repeat: no-repeat; background-size: 19px 12px; background-image: url("../images/icons/el_right_arrow_blue.svg"); width: 19px; height: 12px; } .b-icon_right-arrow-blue:hover, .b-icon_right-arrow-blue:active { background-image: url("../images/icons/el_right_arrow_darkblue.svg"); } .b-icon_black-box { background-position: center center; background-repeat: no-repeat; background-size: 80px 65px; background-image: url("../images/icons/el_black_box.svg"); width: 80px; height: 65px; } .b-icon_black-voronka { background-position: center center; background-repeat: no-repeat; background-size: 68px 60px; background-image: url("../images/icons/el_black_voronka.svg"); width: 68px; height: 60px; } .b-icon_black-graph { background-position: center center; background-repeat: no-repeat; background-size: 60px 63px; background-image: url("../images/icons/el_black_graph.svg"); width: 60px; height: 63px; } .b-icon_file { background-position: center center; background-repeat: no-repeat; background-size: 21px 21px; background-image: url("../images/icons/el_file.svg"); width: 21px; height: 21px; } .b-icon_left-big-arrow-yellow { background-position: center center; background-repeat: no-repeat; background-size: 40px 45px; background-image: url("../images/icons/el_left_big_arrow_yellow.svg"); width: 40px; height: 45px; } .b-icon_right-big-arrow-yellow { background-position: center center; background-repeat: no-repeat; background-size: 40px 45px; background-image: url("../images/icons/el_right_big_arrow_yellow.svg"); width: 40px; height: 45px; } .b-icon_right-arrow-black { background-position: center center; background-repeat: no-repeat; background-size: 47px 27px; background-image: url(../images/icons/el_right_arrow_black.svg); width: 47px; height: 27px; } .b-icon_graph-down { background-position: center center; background-repeat: no-repeat; background-size: 13px 18px; background-image: url(../images/icons/el_graph_down.svg); width: 13px; height: 18px; } .b-icon_graph-up { background-position: center center; background-repeat: no-repeat; background-size: 13px 18px; background-image: url(../images/icons/el_graph_up.svg); width: 13px; height: 18px; } .b-icon_right-arrow-black2 { content: ''; width: 19px; height: 12px; margin-left: 5px; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 19px 12px; background-image: url("../images/icons/el_right_arrow_black2.svg"); } .b-icon_fb-logo { content: ''; width: 20px; height: 21px; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 20px 21px; background-image: url("../images/fb_logo.svg"); } .b-icon_vk-logo { content: ''; width: 24px; height: 24px; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../images/vk_logo.svg"); } .b-icon_in-logo { content: ''; width: 17px; height: 17px; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 17px 17px; background-image: url("../images/in_logo.svg"); } .b-icon_youtube-logo { content: ''; width: 21px; height: 21px; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 21px 21px; background-image: url("../images/youtube_logo.svg"); } .b-icon_noname-logo { content: ''; width: 18px; height: 17px; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 18px 17px; background-image: url("../images/noname_logo.svg"); } .b-icon_tw-logo { content: ''; width: 21px; height: 21px; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 21px 21px; background-image: url("../images/tw_logo.svg"); } .b-icon_gplus-logo { content: ''; width: 23px; height: 23px; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 23px 23px; background-image: url("../images/gplus_logo.svg"); } .b-icon_horse-packet { content: ''; width: 35px; height: 50px; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 42px 60px; background-image: url(../images/icons/el_horse_packet.svg); } .b-icon_horse-packet2 { content: ''; width: 41px; height: 49px; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 41px 49px; background-image: url(../images/icons/el_horse_packet2.svg); } .b-icon_light-packet { content: ''; width: 41px; height: 41px; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 41px 41px; background-image: url(../images/icons/el_light_packet.svg); } .b-icon_light-packet2 { content: ''; width: 49px; height: 49px; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 49px 49px; background-image: url(../images/icons/el_light_packet2.svg); } .b-icon_warning { content: ''; width: 40px; height: 40px; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 40px 40px; background-image: url(../images/icons/el_warning.svg); } .b-icon_close { content: ''; width: 29px; height: 29px; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 29px 29px; background-image: url(../images/icons/el_close.svg); } .b-link_submenu { text-decoration: none; font-style: normal; font-weight: 500; line-height: 22px; font-size: 18px; /*border:0;*/ color: #fff; position: relative; display: inline-block; border-color: #fff; } .white-header .b-link_submenu:hover, .white-header .b-link_submenu{ color: #000; border-color: #000; } .white-header .b-submenu-block__left *{ color: #000; } .white-header .b-link_submenu:hover{ border-color: transparent; } .b-link_submenu:hover { border-color: transparent; color: #fff; } .b-link_bottom-menu { line-height: 21px; font-size: 16px; color: #fff; border-color: #fff; } .b-link_bottom-menu:hover { color: #fff; text-decoration: none; } /* .b-link_submenu::after { content:''; height:4px; background-color:#FECC2F; width:100%; position:absolute; left:0px; bottom:0px; margin-bottom:-5px; display:none; } .b-link_submenu:hover { border:0; color:#fff; } .b-link_submenu:hover::after { display:block; } .b-link_submenu:active { border:0; color:#fff; } */ .b-icon_play { position: relative; } .b-icon_play::before { content: ''; width: 0; height: 0; border-top: 22.5px solid transparent; border-left: 34px solid #FECC2F; border-bottom: 22.5px solid transparent; z-index: 10; position: absolute; left: 0px; top: 0px; transition: 0.3s; } .b-icon_play:hover { border-color: #E5AE00; } .b-icon_play::after { content: ''; width: 0; height: 0; border-top: 22.5px solid transparent; border-left: 34px solid #000; border-bottom: 22.5px solid transparent; z-index: 5; position: absolute; left: 0px; top: 0px; margin: 6px 0px 0px 6px; } .b-icon_play:hover:before { border-left-color: #E5AE00 !important; } .b-icon_play:active::before { display: none; } .b-icon_play:active::after { border-left-color: #FECC2F !important; } .b-icon_circle { position: relative; width: 18px; height: 18px; } .b-icon_circle::before { content: ''; width: 15px; height: 15px; border-radius: 15px; z-index: 10; position: absolute; left: 0px; top: 0px; background-color: #FECC2F; } .b-icon_circle::after { content: ''; width: 15px; height: 15px; border-radius: 15px; z-index: 5; position: absolute; left: 0px; top: 0px; margin: 3px 0px 0px 3px; background-color: #000; } .b-icon_circle:hover::before { background-color: #E5AE00; } .b-icon_circle:active::before { display: none; } .b-icon_circle:active::after { background-color: #FECC2F; } .b-icon_circle_big { width: 33px; height: 33px; text-decoration: none; border-color: transparent; } .b-icon_circle_big::before { width: 30px; height: 30px; border-radius: 15px; } .b-icon_circle_big::after { width: 30px; height: 30px; border-radius: 15px; } .b-number { display: inline-block; } .b-number__digit { font-weight: 600; font-size: 64px; line-height: 1.0em; color: #000; z-index: 1; } .b-number__text { font-weight: 500; font-size: 16px; line-height: 18px; color: #000; } .b-menu .b-link_menu:last-child { margin-right: 0px; } .b-avatar { display: inline-block; } .b-avatar__img { width: 165px; height: 165px; border: 1px solid #FECC2F; border-radius: 165px; } .b-avatar__text { margin-top: 10px; text-align: center; } .b-quote { display: flex; flex-direction: row; } .b-quote-box { width: calc(100% - 22px); border: 1px solid #E3E3E3; background-color: #fff; padding: 25px 40px; font-size: 24px; line-height: 31px; position: relative; margin-left: 22px; } .b-quote-box::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 28px 22px; border-color: transparent transparent #E3E3E3 transparent; display: inline-block; position: absolute; left: 0px; bottom: 0px; margin-left: -23px; margin-bottom: 20px; z-index: 1; transform: scale(1.05); } .b-quote-box::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 28px 22px; border-color: transparent transparent #fff transparent; display: inline-block; position: absolute; left: 0px; bottom: 0px; margin-left: -22px; margin-bottom: 20px; z-index: 2; } .b-quote-box_topright::before { border-width: 0 22px 24px 0; border-color: transparent #E3E3E3 transparent transparent; bottom: auto; top: 0px; margin-top: 20px; } .b-quote-box_topright::after { border-width: 0 22px 24px 0; border-color: transparent #fff transparent transparent; top: 0px; margin-top: 20px; } .b-quote-round { display: inline-block; background-image: url(../images/quotebox1.png); background-repeat: no-repeat; background-position: 0px 0px; background-size: 244px 68px; width: 244px; height: 68px; text-align: center; padding-top: 15px; position: relative; } .b-quote-round_right { background-image: url(../images/quotebox2.png); } .b-clients { display: block; width: 100%; background: #fff; padding: 30px 15px; } .b-clients__h3 { color: #000; background: #FECC2F; display: inline-block; padding: 7px 25px; margin-left: -15px; } .b-graph { position: relative; display: block; } .b-graph__item { position: absolute; top: 0px; left: 0px; display: inline-block; color: #000; font-size: 18px; line-height: 23px; } .b-graph__item .b-icon_circle { float: left; margin: -5px 10px 0px 0px; } .b-graph__item_active { font-size: 24px; line-height: 31px; font-weight: 600; } .b-yellow-line { display: block; position: relative; } .b-yellow-line__part1, .b-yellow-line__part2 { display: inline-block; padding-top: 20px; padding-bottom: 20px; } .b-yellow-line__part1 { background: #FECC2F; padding-right: 7px; } .b-yellow-line__part2 { padding-left: 7px; } .b-page { width: 100%; } .b-page__section { width: 100%; position: relative; z-index: 5; overflow: hidden; background: #fff; } .b-page__section_index-0 { z-index: unset; position: relative; } .b-page__section_index-show { overflow: visible; } .b-page__section > .b-block { z-index: 15; } .b-page__section_fadedyellow { background-color: #FEFDF2; } .b-page__section_fadegray { background-color: #343434; } .b-page__section_bordered { border-bottom: 1px solid #FECC2F; border-top: 1px solid #FECC2F; } .b-page__section_yellow { background-color: #FECC2F; } .b-page__section_vortex { background-image: url("../images/vortex_bg_1.jpg"); color: #fff; } .b-block__left { float: left; } .b-block__right { float: right; } .b-block__bottom { width: 100%; clear: both; } .b-block { max-width: 1100px; margin: 0px auto; display: block; position: relative; } .b-page__header { left: 0; right: 0; margin: 0px auto; position: fixed; z-index: 999; } .white-header{ background: #fff; } .b-page__header_fixed, .b-page__header_fixedtablet, .b-page__header_fixedmobile { background-color: rgba(87, 84, 84, 0.95); } .white-header.b-page__header_fixed, .white-header.b-page__header_fixedtablet, .white-header.b-page__header_fixedmobile { background-color: rgba(255, 255, 255, 0.95); } .b-page__header:hover { background-color: rgba(87, 84, 84, 0.95); } .white-header.b-page__header:hover{ background-color: rgba(255, 255, 255, 0.95); } .b-page__header .b-block { width: 100%; display: table; z-index: 10; } .b-page__header_fixed:not(.b-page__header_fixed_submenu) .b-logo, .b-page__header_fixedtablet:not(.b-page__header_fixed_submenu) .b-logo, .b-page__header_fixedmobile:not(.b-page__header_fixed_submenu) .b-logo { margin: 12px 0px 9px 0px; } .b-page__header:hover:not(.b-page__header_fixed_submenu) .b-logo { margin: 12px 0px 9px 0px; } .b-page__header_fixed:not(.b-page__header_fixed_submenu) .b-logo__img, .b-page__header_fixedtablet:not(.b-page__header_fixed_submenu) .b-logo__img, .b-page__header_fixedmobile:not(.b-page__header_fixed_submenu) .b-logo__img { width: 106px; height: 37px; } .b-page__header:hover:not(.b-page__header_fixed_submenu) .b-logo__img { width: 106px; height: 37px; } .b-page__header_fixed_submenu .b-logo { position: relative; z-index: 30; } .b-page__header_fixed.b-page__header_fixed_submenu { background: none !important; } .b-page__header_fixed_submenu::before { content: ''; height: 58px; background-color: rgba(87, 84, 84, 0.95); width: 100%; position: absolute; left: 0px; top: 0px; display: block; z-index: 3; } .white-header.b-page__header_fixed_submenu::before{ background-color: rgba(255, 255, 255, 0.95); } .b-logo { float: left; margin: 12px 0px 9px 0px; display: inline-block; } .b-logo_footer { margin: 20px 0px 0px 0px; } .b-logo__img { width: 106px; height: 37px; display: block; } .b-menu { float: right; display: inline-block; position: relative; min-width: 672px; } .b-menu__item { display: inline-block; text-align: right; margin-right: 20px; } .b-menu .b-menu__item:last-child { margin-right: 0px; } .b-submenu-container { display: none; position: fixed; left: 0px; top: 58px; width: 100%; background-color: #575454; background-color: rgba(87, 84, 84, 0.95); -webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.5); } .white-header .b-submenu-container { background-color: #fff; background-color: rgba(255, 255, 255, 0.95); } .b-menu__item:hover .b-submenu-container { display: block; } .b-submenu-block { display: table; width: 100%; position: relative; } .b-mobile_menu_open .b-block::after { content: ''; display: block; width: 210px; height: 255px; position: absolute; right: 0; bottom: -70px; opacity: 0.7; background-image: url(../images/multi_dottes_2.png); background-repeat: no-repeat; background-position: bottom left; } .b-submenu-block::after { content: ''; display: block; width: 50%; height: 100%; position: absolute; left: 95%; top: 0px; background-image: url(../images/multi_dottes_2.png); background-repeat: no-repeat; background-position: bottom left; } .b-submenu-list { padding: 0px 0px 20px 0px; display: inline-block; float: left; /*max-width:316px;*/ /*margin-right:40px;*/ } .b-submenu-list__item { text-align: left; padding: 6px 0px; } .b-submenu-block__left { float: left; text-align: left; padding: 20px 40px 20px 0px; width: 428px; } .b-submenu-block__left * { color: rgba(255, 255, 255, 0.7); } .b-submenu-block__left p { line-height: 21px } .b-submenu-block__left .b-utp-numbers, .b-submenu-block__left .b-case-list { margin-top: 10px; } .b-submenu-block__right { float: left; width: 672px; } .b-menu .b-menu__item:nth-child(1) .b-submenu-container .b-submenu-block__right { padding-left: 0px; } .b-menu .b-menu__item:nth-child(2) .b-submenu-container .b-submenu-block__right { padding-left: 131px; } .b-menu .b-menu__item:nth-child(3) .b-submenu-container .b-submenu-block__right { padding-left: 221px; } .b-menu .b-menu__item:nth-child(4) .b-submenu-container .b-submenu-block__right { /*padding-left:325px;*/ } .b-menu .b-menu__item:nth-child(5) .b-submenu-container .b-submenu-block__right { } .b-menu .b-menu__item:nth-child(6) .b-submenu-container .b-submenu-block__right { } .b-menu .b-menu__item:nth-child(4) .b-submenu-container .b-submenu-block__right .b-submenu-list:nth-child(1) { margin-right: 102px; } .b-slider { position: relative; overflow: hidden; } .b-slider.js-slick-slider { width: 100%; } .b-slider.js-slick-slider .b-slider__item { width: 100%; height: 100vh; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .b-slider.js-slick-slider .b-slider__item::before { content: ''; display: block; width: 100%; height: 100%; z-index: 5; background: rgba(0, 0, 0, 0.25); position: absolute; left: 0px; top: 0px; } .b-slider.js-slick-slider .b-slider__video { position: absolute; height: 100%; width: 100%; overflow: hidden; z-index: 1; } .b-slider.js-slick-slider .b-slider__video video { min-width: 100%; min-height: 100%; object-fit: cover; } .b-slider-pagination, .b-slick-pagintation .slick-dots li { width: 24px; height: 24px; position: relative; cursor: pointer; display: inline-block; } .b-slick-pagintation .slick-dots li { list-style: none; margin-right: 6px; } .b-slick-pagintation .slick-dots li:last-child { margin-right: 0px; } .b-slider-pagination::after, .b-slider-pagination::before, .b-slick-pagintation .slick-dots li::after, .b-slick-pagintation .slick-dots li::before { content: ''; display: inline-block; width: 20px; height: 20px; position: absolute; } .b-slider-pagination::after, .b-slick-pagintation .slick-dots li::after { left: 0px; bottom: 4px; background-color: #FECC2F; } .b-slider-pagination::before, .b-slick-pagintation .slick-dots li::before { right: 0px; bottom: 0px; background-color: #000000; } .b-slider-pagination:hover::after, .b-slick-pagintation .slick-dots li:hover::after { display: none; } .b-slider-pagination:active::after, .b-slick-pagintation .slick-dots li:active::after { display: none; } .b-slick-pagintation .slick-dots li::after { display: none; } .b-slick-pagintation .slick-dots li:hover::after { display: inline-block; } .b-slick-pagintation .slick-dots li:active::after { display: none; } .b-slick-pagintation .slick-dots li:not(.slick-active):active::before { background-color: #FECC2F; } .b-slick-pagintation .slick-dots li.slick-active::after { display: inline-block; } /*.b-slick-pagintation_1 .slick-dots {*/ .b-slick-pagintation_1 { position: absolute; left: 0px; bottom: 0px; margin-bottom: 22px; margin-left: 173px; } .b-slick-pagintation_1 .b-icon_right-arrow-yellow { position: absolute; right: 0px; top: 0px; margin-right: -47px; margin-top: 2px; cursor: pointer; } .b-slick-pagintation .slick-dots li button { width: 24px; height: 24px; font-size: 0; background: none; border: none; outline: none; } .b-slick-pagintation .slick-dots li.slick-active::after { animation: slick-loader 6.3s linear forwards; height: 0px; } @keyframes slick-loader { from { height: 0; } to { height: 20px; } } .b-slick-pagintation_black .slick-dots li::after { background: #fff; } .b-slick-pagintation .slick-dots li:not(.slick-active):active::before { background-color: #fff; } .b-slider-content { width: 100%; height: 100%; position: relative; z-index: 10; } .b-slider-content__left, .b-slider-content__right { position: relative; } .b-slider-content__left { float: left; width: calc(50% - 280px); height: 100%; } .b-slider-content__right { width: calc(50% + 280px); float: left; height: 100%; } .b-slider-content__left::before { content: ''; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .b-slider-content__left .b-slider-info { width: 280px; height: 100%; float: right; padding-right: 27px; position: relative; display: flex; flex-direction: column; justify-content: center; } .b-slider-list { display: block; } .b-slider-list__item { margin-top: 40px; } .b-slider-list__item p { font-size: 16px; line-height: 21px; text-align: left; color: #fff; } /* ICONS */ .b-icon_seo_analys_plus-analytics { width: 49px; height: 49px; background-image: url("../images/analytics/icon/analytics.svg"); } .b-icon_seo_analys_plus-warning { width: 40px; height: 40px; background-image: url("../images/analytics/icon/warning.svg"); } .b-icon_seo_analys_plus-good { width: 59px; height: 59px; background-image: url("../images/analytics/icon/good.svg"); } .b-icon_seo_analys_plus-retail { width: 59px; height: 59px; background-image: url("../images/analytics/icon/retail.svg"); } .b-icon_seo_analys_plus-analysis { width: 58px; height: 58px; background-image: url("../images/analytics/icon/analysis.svg"); } .b-icon_seo_face_plus-cirkle { width: 38px; height: 38px; background-image: url("../images/analytics/icon/plus-cirkle.svg"); } .b-icon_seo_face_conversation { width: 54px; height: 54px; background-image: url("../images/analytics/icon/conversation.svg"); } .b-icon_seo_book_w { width: 46px; height: 46px; background-image: url("../images/seo/icons/book_w.svg"); } .b-icon_seo_internet_w { width: 46px; height: 46px; background-image: url("../images/seo/icons/internet_w.svg"); } .b-icon_seo_strategy_w { width: 46px; height: 46px; background-image: url("../images/seo/icons/strategy_w.svg"); } .b-icon_seo_sand-time { width: 35px; height: 39px; background-image: url("../images/seo/icons/sand-time.svg"); } .b-icon_seo_calendar_w { width: 41px; height: 46px; background-image: url("../images/seo/icons/calendar_w.svg"); } .b-icon_seo_timer { width: 44px; height: 44px; background-image: url("../images/seo/icons/timer.svg"); } .b-icon_seo_letter { width: 72px; height: 64px; background-image: url("../images/seo/icons/letter.svg"); } .b-icon_seo_unicorn { width: 42px; height: 42px; background-image: url("../images/seo/icons/unicorn.svg"); } .b-icon_seo_structure { width: 41px; height: 41px; background-image: url("../images/seo/icons/structure.svg"); } .b-icon_seo_save { width: 39px; height: 39px; background-image: url("../images/seo/icons/save.svg"); } .b-icon_seo_cooperation { width: 44px; height: 44px; background-image: url("../images/seo/icons/cooperation.svg"); } .b-icon_seo_strategies { width: 40px; height: 40px; background-image: url("../images/seo/icons/strategies.svg"); } .b-icon_seo_thumb_up { width: 79px; height: 80px; background-image: url("../images/seo/icons/thumb_up.svg"); } .b-icon_seo_strategy { width: 72px; height: 73px; background-image: url("../images/seo/icons/strategy.svg"); } .b-icon_seo_scroll { width: 72px; height: 73px; background-image: url("../images/seo/icons/scroll.svg"); } .b-icon_seo_profit { width: 72px; height: 72px; background-image: url("../images/seo/icons/profit.svg"); } .b-icon_seo_planning { width: 72px; height: 73px; background-image: url("../images/seo/icons/planning.svg"); } .b-icon_seo_planning_2 { width: 67px; height: 67px; background-image: url("../images/seo/icons/planning_2.svg"); } .b-icon_seo_internet { width: 69px; height: 69px; background-image: url("../images/seo/icons/internet.svg"); } .b-icon_seo_chart { width: 68px; height: 68px; background-image: url("../images/seo/icons/chart.svg"); } .b-icon_seo_analysis { width: 74px; height: 74px; background-image: url("../images/seo/icons/analysis.svg"); } .b-icon_one { width: 67px; height: 80px; background-image: url("../images/seo/header_slider/icons/one.svg"); } .b-icon_one { width: 67px; height: 80px; background-image: url("../images/seo/header_slider/icons/one.svg"); } .b-icon_two { width: 67px; height: 80px; background-image: url("../images/seo/header_slider/icons/two.svg"); } .b-icon_tree { width: 67px; height: 80px; background-image: url("../images/seo/header_slider/icons/tree.svg"); } .b-icon_four { width: 67px; height: 80px; background-image: url("../images/seo/header_slider/icons/four.svg"); } .b-icon_website { width: 49px; height: 49px; background-image: url("../images/seo/header_slider/icons/website.svg"); } .b-icon_growth { width: 49px; height: 49px; background-image: url("../images/seo/header_slider/icons/growth.svg"); } .b-icon_analysis { width: 49px; height: 49px; background-image: url("../images/seo/header_slider/icons/analysis.svg"); } .b-icon_outsourcing { width: 49px; height: 49px; background-image: url("../images/header_slider/icons/outsourcing.svg"); } .b-icon_factory { width: 49px; height: 49px; background-image: url("../images/header_slider/icons/factory.svg"); } .b-icon_group { width: 47px; height: 47px; background-image: url("../images/header_slider/icons/Group.svg"); } .b-icon_shopping { width: 45px; height: 45px; background-image: url("../images/header_slider/icons/shopping.svg"); } .b-icon_discount { width: 43px; height: 43px; background-image: url("../images/header_slider/icons/discount.svg"); } .b-icon_funnel { width: 45px; height: 45px; background-image: url("../images/header_slider/icons/funnel.svg"); } .b-icon_research { width: 45px; height: 45px; background-image: url("../images/header_slider/icons/research.svg"); } .b-icon_seo { width: 45px; height: 45px; background-image: url("../images/header_slider/icons/seo.svg"); } .b-slider-list__item .b-icon { float: left; margin-right: 23px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 5; } .b-slider-list__item .b-icon-num { float: left; margin-right: 23px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 5; top: -20px; line-height: 70px; font-size: 64px; color: #fff; font-weight: 700; } .b-slider-list__item .b-icon-num .g-glitch-red:after, .b-slider-list__item .b-icon-num .g-glitch-red:before { top: 7px; left: 0; } .b-slider-list__item_with-icon p::before { content: ''; display: block; left: 0px; top: 0px; background: #000; position: absolute; width: 50px; height: 50px; z-index: 2; border-radius: 50px; margin: 12px 0px 0px 7px; } .b-slider-list__item_with-icon p { padding-top: 10px; padding-left: 72px; position: relative; } .b-slider-list__item-full p { padding-top: 72px; padding-left: 0px; } .b-slider-content__right .b-slider-info { width: 820px; height: 100%; float: left; padding-left: 76px; position: relative; } .b-slider-content__right .b-slider-info .b-table { height: 100%; position: relative; z-index: 5; } .b-slider-content__right .b-slider-info .b-table__cell { height: 100%; vertical-align: middle; } .b-slider-content__right .b-slider-info .b-h1-bgwhite + .b-btn-block { margin-top: 40px; } .b-h1-bgwhite { display: inline-block; } .b-h1-bgwhite__item { background-color: #FEFDF2; display: inline-block; border-bottom: 1px solid transparent; padding-left: 4px; padding-right: 4px; margin: 0 0 1px 0; } .b-bgyellow { display: inline-block; } .b-bgyellow__item { background-color: #FECC2F; display: inline-block; border-bottom: 2px solid #fff; padding-left: 4px; padding-right: 4px; margin: 0px; font-size: 30px; line-height: 43px; } .b-bgyellow .b-bgyellow__item:last-child { border-bottom: 0; } .b-parallax-element { position: absolute; } .b-parallax-element_dotted_box { width: 123px; height: 123px; background-image: url("../images/dotted_box.png"); background-repeat: no-repeat; background-position: 0px 0px; background-size: 123px 123px; right: 5%; top: 0px; margin-top: 5%; z-index: 10; } .b-parallax-element_dotted_box_2 { width: 174px; height: 100%; background-image: url("../images/dotted_box_2.png"); background-repeat: no-repeat; background-position: 0px 0px; background-size: 174px 750px; right: 0; top: 0px; margin-top: 5%; z-index: 10; } .b-page__section_b1 .b-parallax-element_dotted_box { z-index: 10; } .b-parallax-element_multi_dottes { width: 100%; max-width: 700px; height: 478px; background-image: url("../images/multi_dottes_1.png"); background-repeat: no-repeat; background-position: right 0px; background-size: auto 478px; left: 90%; top: 0px; margin-top: 5%; z-index: 10; } .b-parallax-element_dotted_circle { width: 123px; height: 123px; background-image: url("../images/dotted_circle.png"); background-repeat: no-repeat; background-position: 0px 0px; background-size: 123px 123px; right: 5%; top: 0; margin-top: 5%; } .b-page__section_b2 { margin-top: 80px; position: relative; } .b-hightlight { display: inline-block; position: relative; } .b-hightlight__item { display: inline-block; position: relative; z-index: 10; } .b-hightlight::before { content: ''; position: absolute; width: 104%; margin-left: -2%; height: 20px; background-color: #FECC2F; left: 0px; bottom: 0px; z-index: 5; margin-bottom: -4px; } .b-page__section_b2 { padding-bottom: 65px; } .b-page__section_b2 .b-block__left { width: auto; width: 50%; /*max-width:750px;*/ z-index: 10; position: relative; } .b-page__section_b2 .b-block__left .g-h3 { font-weight: 500; } .b-page__section_b2 .b-block__right { /*width:350px;*/ width: 50%; z-index: 12; position: relative; } .b-page__section_b2 .b-list-number__item { padding-left: 0; } .b-page__section_b2 .b-list-number__item h3 { font-size: 36px; line-height: 40px; color: #FECC2F; } .b-page__section_b2 .b-list-number__item p { margin-top: 10px; } .b-list-number { } .b-list-number__item { position: relative; padding-left: 50px; margin-bottom: 40px; padding-top: 5px; } .b-block-video { position: relative; width: 100%; display: block; -webkit-box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.15); border: 0; } .b-block-video__img { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 0px 0px; } .b-block-video::before { content: ''; z-index: 5; background: rgba(0, 0, 0, 0.25); position: absolute; width: 100%; height: 100%; } .b-block-video::after { z-index: 5; } .b-block-video .b-icon.b-icon_play { position: absolute; left: 50%; top: 50%; margin: -22.5px 0px 0px -17px; } .b-list-number__item span { font-family: "PT Sans"; font-style: normal; font-weight: 600; line-height: 53px; font-size: 48px; position: absolute; left: 0px; top: 0px; } .b-page__section_b2 .b-block__left p:first-child { margin-top: 0px; } .b-page__section_b2 .b-block__left .b-list-number { width: 50%; float: left; padding-right: 50px; margin-top: 45px; } .b-page__section_b2 .b-block__right .b-block-video { /*width:350px; height:180px;*/ width: 100%; height: 275px; background-image: url("../images/video_img_01.png"); background-size: cover; } .b-page__section_b2 .b-block__right .b-block-video + p { margin-top: 8px; } .b-page__section_b2 .b-block__right .b-block-video + p + p { margin-top: 10px; } .b-page__section_b2 .b-box.b-box_yellow { margin-top: 40px; } .b-page__section_b3 { padding-top: 86px; padding-bottom: 112px; position: relative; } .b-page__section_b3 .b-block__left { display: inline-block; width: 300px; padding-right: 43px; } .b-slick-vnav { display: block; } .b-slick-vnav__item { color: #00B3FF; font-size: 16px; line-height: 21px; text-align: left; padding-left: 47px; position: relative; margin-bottom: 20px; cursor: pointer; } .b-slick-vnav__item::before { content: ''; width: 1px; height: calc(100% + 24px); background-color: #FECC2F; display: block; position: absolute; left: 0px; top: 0px; margin-left: 14px; } .b-slick-vnav .b-slick-vnav__item:first-child::before { margin-top: 4px; } .b-slick-vnav .b-slick-vnav__item:last-child::before { display: none; } .b-slick-vnav__item .b-icon_circle { position: absolute; left: 0px; top: 0px; margin-left: 6px; margin-top: 4px; } .b-slick-vnav__item_active { color: #000; } .b-slick-vnav__item_active .b-icon_circle { margin-left: 0px; } .b-slick-hnav { width: 100%; display: flex; flex-direction: row; } .b-slick-hnav__item { color: #0082F9; font-size: 16px; line-height: 21px; text-align: left; position: relative; cursor: pointer; flex-basis: 100%; line-height: normal; padding-right: 30px; padding-left: 40px; padding-bottom: 30px; } .b-slick-hnav__item_active { color: #000; } .b-slick-hnav__text { height: 61px; transition: 0.3s; } .b-slick-hnav__item .b-icon.b-icon_circle { position: absolute; left: 0px; bottom: 0px; } .b-slick-hnav__item .b-icon.b-icon_circle:not(.b-icon_circle_big) { margin-bottom: 8px; } .b-slick-hnav__item .b-number { position: absolute; left: 0px; top: 0px; margin-left: -2px; } .b-slick-hnav__item .b-number__digit { font-size: 36px; line-height: 40px; position: absolute; } .b-slick-hnav__item_active .b-number__digit { font-size: 64px; line-height: 1.0em; margin-top: -18px; } .b-slick-hnav__item::before { content: ''; width: 100%; height: 1px; background-color: #FECC2F; display: block; position: absolute; left: 0px; bottom: 0px; margin-bottom: 16px; } .b-page__section_b3 .b-block__left .b-slick-vnav { max-width: 234px; margin-top: 28px; } .b-page__section_b3 .b-block__left .b-btn-block { margin-top: 40px; } .b-page__section_b3 .b-block__left .b-btn-block__text { padding-left: 96px; padding-right: 96px; font-size: 24px; } .b-page__section_b3 .b-block__right { float: right; width: 800px; height: 430px; background-color: #fff; position: relative; -webkit-box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.15); z-index: 10; } .b-slider.js-slick-slider_3 .b-slider__item { height: 430px; } .b-slider.js-slick-slider_3 .b-slider__item { /*background-position:center center; background-repeat:no-repeat; background-size:100% auto; */ position: relative; } .b-slider.js-slick-slider_3 .b-slider__item[data-slick-index="2"] img { width: 100%; } .b-slider.js-slick-slider_3 .b-slider__item[data-slick-index="3"] img { max-width: 80%; } .b-slider.js-slick-slider_3 .b-slider__item img { width: auto; max-width: 100%; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .b-slick-pagintation_3 .slick-dots { margin-top: 10px; display: inline-block; width: auto; float: right; } .b-slick-pagintation_number .slick-dots li { width: 25px; height: 32px; text-align: center; position: relative; cursor: pointer; display: inline-block; padding-top: 5px; } .b-slick-pagintation_number .slick-dots li { list-style: none; margin-right: 0px; } .b-slick-pagintation_number .slick-dots li button { border: 0; background: none; color: #0082F9; font-size: 18px; line-height: 20px; outline: none; cursor: pointer; transition: 0.3s; } .b-slick-pagintation_number .slick-dots li button:hover { color: #00519C; } .b-slick-pagintation_number .slick-dots li.slick-active { background: rgba(255, 229, 0, 0.15); } .b-slick-pagintation_number .slick-dots li.slick-active button { color: #000000; font-weight: 600; } .b-slick-pagintation_number .b-icon_right-arrow-blue { float: right; margin-top: 20px; } /******SCREEN 4******/ .b-page__section_b4 { padding-bottom: 76px; } .b-page__section_b4 .b-block__left { width: calc(100% - 240px - 81px); display: inline-block; } .b-page__section_b4 .b-block__right { width: 321px; display: inline-block; padding-left: 81px; } .b-page__section_b4 .b-utp__item { padding-right: 43px; } .b-page__section_b4 .b-utp .b-utp__item:last-child { padding-right: 0px; } .b-page__section_b4 .b-utp__item h3 { margin-top: 8px; } .b-site-step { width: 121px; display: block; margin: 0px auto; padding-bottom: 50px; margin-top: 20px; margin-left: 46px; } .b-site-step__item { width: 100%; position: relative; -webkit-box-shadow: -24px 24px 34px -2px rgba(255, 238, 80, 0.5); -moz-box-shadow: -24px 24px 34px -2px rgba(255, 238, 80, 0.5); box-shadow: -24px 24px 34px -2px rgba(255, 238, 80, 0.5); position: relative; } .b-site-step__number { margin-left: 50px; } .b-site-step__caption { margin-left: 50px; font-weight: 600; } .b-site-step__item:nth-child(1) { height: 313px; background: rgba(254, 204, 47, 0.9); border-top-left-radius: 12px; border-top-right-radius: 12px; padding-top: 30px; } .b-site-step__item:nth-child(2) { height: 98px; background: #fddf66; /* Old browsers */ background: -moz-linear-gradient(left, #fddf66 0%, #fee490 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #fddf66 0%, #fee490 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #fddf66 0%, #fee490 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fddf66', endColorstr='#fee490', GradientType=1); /* IE6-9 */ padding-top: 5px; } .b-site-step__item:nth-child(3) { height: 66px; background: #fbf29e; /* Old browsers */ background: -moz-linear-gradient(left, #fbf29e 0%, #fef4cf 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #fbf29e 0%, #fef4cf 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #fbf29e 0%, #fef4cf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbf29e', endColorstr='#fef4cf', GradientType=1); /* IE6-9 */ padding-top: 5px; } .b-site-stat { width: 724px; height: 320px; background-image: url("../images/rectangle_site_stat.png"); background-size: cover; margin-top: 51px; margin-left: -89px; position: relative; } .b-site-stat__caption { text-align: left; padding-left: 48px; padding-top: 47px; position: absolute; border: 1px solid #E3E3E3; background-color: #fff; width: 260px; height: 223px; right: 0px; top: 63px; margin-right: -194px; } .b-site-stat__caption::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 39px 19px; border-color: transparent transparent #ffffff transparent; display: inline-block; position: absolute; left: 0px; top: 0px; margin-left: -18px; margin-top: 60px; z-index: 2; } .b-site-stat__caption::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 40px 20px; border-color: transparent transparent #E3E3E3 transparent; display: inline-block; position: absolute; left: 0px; top: 0px; margin-left: -20px; margin-top: 60px; z-index: 1; } .b-site-stat__caption h4 { font-weight: 600; font-size: 24px; line-height: 1.0em; color: #FECC2F; } .b-site-stat__caption p { font-size: 18px; line-height: 24px; color: #000; margin-top: 10px; } .b-site-stat__label { position: absolute; display: inline-block; } .b-site-stat__axis-x { height: 2px; width: 100%; position: absolute; left: 0px; bottom: 0px; background: #fff; display: block; } .b-site-stat__axis-x::before, .b-site-stat__axis-x::after { content: ''; width: 10px; height: 2px; display: block; position: absolute; right: 0px; top: 0px; background: #fff; } .b-site-stat__axis-x::before { -moz-transform: rotate(45deg); /* Äëÿ Firefox */ -ms-transform: rotate(45deg); /* Äëÿ IE */ -webkit-transform: rotate(45deg); /* Äëÿ Safari, Chrome, iOS */ -o-transform: rotate(45deg); /* Äëÿ Opera */ transform: rotate(45deg); margin-top: -3px; margin-right: -1px; } .b-site-stat__axis-x::after { -moz-transform: rotate(-45deg); /* Äëÿ Firefox */ -ms-transform: rotate(-45deg); /* Äëÿ IE */ -webkit-transform: rotate(-45deg); /* Äëÿ Safari, Chrome, iOS */ -o-transform: rotate(-45deg); /* Äëÿ Opera */ transform: rotate(-45deg); margin-top: 3px; margin-right: -1px; } .b-site-stat__axis-y { height: 100%; width: 2px; position: absolute; left: 0px; bottom: 0px; background: #fff; display: block; } .b-site-stat__axis-y::before, .b-site-stat__axis-y::after { content: ''; width: 2px; height: 10px; display: block; position: absolute; left: 0px; top: 0px; background: #fff; } .b-site-stat__axis-y::before { -moz-transform: rotate(45deg); /* Äëÿ Firefox */ -ms-transform: rotate(45deg); /* Äëÿ IE */ -webkit-transform: rotate(45deg); /* Äëÿ Safari, Chrome, iOS */ -o-transform: rotate(45deg); /* Äëÿ Opera */ transform: rotate(45deg); margin-left: -3px; margin-top: -1px; } .b-site-stat__axis-y::after { -moz-transform: rotate(-45deg); /* Äëÿ Firefox */ -ms-transform: rotate(-45deg); /* Äëÿ IE */ -webkit-transform: rotate(-45deg); /* Äëÿ Safari, Chrome, iOS */ -o-transform: rotate(-45deg); /* Äëÿ Opera */ transform: rotate(-45deg); margin-left: 3px; margin-top: -1px; } .b-site-stat__graph { display: block; width: 476px; height: 200px; background-image: url("../images/graph_block4.png"); background-size: cover; } .b-page__section_b4 .b-site-stat::before { content: ''; width: 100%; left: -100%; top: 0px; background-image: url(../images/rectangle_site_stat.png); background-size: cover; height: 320px; position: absolute; } .b-page__section_b4 .b-site-stat__axis-x { margin-bottom: 36.5px; margin-left: 92px; width: 520px; } .b-page__section_b4 .b-site-stat__axis-y { margin-bottom: 36.5px; margin-left: 92px; height: 246.5px; } .b-page__section_b4 .b-site-stat__graph { left: 0px; top: 0px; margin-top: 49px; margin-left: 134px; position: absolute; } .b-page__section_b4 .b-site-stat__graph .b-icon_circle { position: absolute; } .b-page__section_b4 .b-site-stat__graph .b-icon_circle:nth-child(1) { left: 0px; top: 0px; margin-top: -12px; } .b-page__section_b4 .b-site-stat__graph .b-icon_circle:nth-child(2) { right: 0px; bottom: 0px; margin-right: 131px; margin-bottom: -5px; } .b-page__section_b4 .b-site-stat__graph .b-number { position: absolute; z-index: 1; } .b-page__section_b4 .b-site-stat__graph .b-number .b-number__text { margin-top: 5px; } .b-page__section_b4 .b-site-stat__graph .b-number * { color: #fff; } .b-page__section_b4 .b-site-stat__graph .b-number:nth-child(3) { width: 138px; left: 0px; top: 0px; margin-top: 35px; } .b-page__section_b4 .b-site-stat__graph .b-number:nth-child(4) { width: 170px; right: 0px; top: 0px; margin-top: 35px; margin-right: -20px; } /******SCREEN 4******/ /******SCREEN 5******/ .b-page__section_b5 .b-avatar__img { background-position: 30% bottom; background-repeat: no-repeat; background-size: 80% auto; } .b-page__section_b5 { padding-left: 102px; padding-bottom: 69px; } .b-page__section_b5 .b-block__left + .b-block__left { margin-left: 24px; } .b-page__section_b5 .b-bgyellow { padding-left: 60px; padding-right: 60px; } .b-page__section_b5 .b-bgyellow .b-bgyellow__item { position: relative; } .b-page__section_b5 .b-bgyellow .b-bgyellow__item:first-child::before { content: ''; background-position: center center; background-repeat: no-repeat; background-size: 40px 45px; background-image: url("../images/icons/el_left_big_arrow_yellow.svg"); width: 40px; height: 45px; display: inline-block; position: absolute; left: 0px; top: 0px; margin-left: -60px; } .b-page__section_b5 .b-bgyellow .b-bgyellow__item:last-child::after { content: ''; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 40px 45px; background-image: url("../images/icons/el_right_big_arrow_yellow.svg"); width: 40px; height: 45px; position: absolute; right: 0px; top: 0px; margin-right: -60px; margin-top: 15px; } /******SCREEN 5******/ /******SCREEN 6******/ .b-page__section_b6 { padding-top: 60px; padding-bottom: 69px; } .b-page__section_b6 .b-number__digit { font-size: 48px; } .b-page__section_b6 .b-number__digit > span { font-size: 64px; display: inline-block; } .b-page__section_b6 .b-utp { margin-top: 40px; } .b-page__section_b6 .b-utp__item { border-left: 1px solid #FECC2F; padding-left: 15px; padding-top: 8px; padding-bottom: 8px; padding-right: 23px; } .b-page__section_b6 .b-number__text { margin-top: 15px; } .b-page__section_b6 .b-utp .b-utp__item:first-child { /*text-shadow: 3px 2px 2px rgba(254, 204, 47, 1);*/ } .b-page__section_b6 .b-utp + p .b-link.b-link_file { float: right; margin-top: 12px; display: inline-block; } /******SCREEN 6******/ /******SCREEN 7******/ .b-page__section_b7 { padding-top: 45px; padding-bottom: 63px; } .b-page__section_b7 .b-block__left { width: calc(100% - 880px); display: inline-block; padding-right: 20px; height: 472px; position: relative; } .b-page__section_b7 .b-block__left h3 { line-height: 31px; } .b-page__section_b7 .b-slick-vnav__item { padding-left: 0px; } .b-page__section_b7 .b-block__left h3 span { color: #fff; } .b-page__section_b7 .b-block__left .b-icon_black-graph { width: 45px; height: 47px; background-size: 45px 47px; position: absolute; left: 0px; bottom: 5px; } .b-page__section_b7 .b-block__left .b-number { position: absolute; padding-left: 55px; left: 0px; bottom: 0px; } .b-page__section_b7 .b-block__left .b-number__text { display: inline-block; font-weight: 600; } .b-page__section_b7 .b-block__left .b-number__digit { font-size: 52px; display: inline-block; } .b-page__section_b7 .b-block__left .b-icon_black-graph { display: inline-block; } .b-page__section_b7 .b-block__right { width: 880px; display: inline-block; } .b-slider.js-slick-slider_4 .b-slider__item { height: 472px; position: relative; } .b-slider.js-slick-slider_4 .b-slider__img { background-position: center center; background-repeat: no-repeat; background-size: 100% auto; background-color: #fff; position: relative; width: calc(100% - 20px); height: calc(100% - 20px); position: relative; z-index: 10; margin: 0px auto; margin-top: 10px; -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2); } .b-slider.js-slick-slider_4 .b-slider__img a{ position: absolute; display: block; left: 0; right: 0; width: 100%; height: 100%; } .b-slider.js-slick-slider_4::after { content: ''; display: block; height: calc(100% - 20px); width: calc(100% - 20px); background: #fff; position: absolute; left: 0px; top: 0px; z-index: 5; margin: 20px 0px 0px 20px; } .b-slider.js-slick-slider_4 .slick-list { z-index: 10; } .b-slick-pagintation_4 { text-align: right; margin-top: 15px; } .b-slick-pagintation_4 .slick-dots { display: inline-block; } .b-slick-pagintation_4 .b-icon_right-arrow-black { float: right; margin-left: 8px; margin-top: 2px; } .b-page__section_b7 .b-slick-vnav__item::before { display: none; } /******SCREEN 7******/ /******SCREEN 8******/ .b-page__section_b8 { padding-top: 98px; position: relative; } .b-page__section_b8 .b-number__digit, .b-page__section_b8 p, .b-page__section_b8 h2 { color: #fff; } .b-page__section_b8 .b-block { display: table; z-index: 10; } .b-page__section_b8 .b-block__left { width: 50%; padding-right: 30px; float: none; vertical-align: bottom; } .b-page__section_b8 .b-block__right { width: 50%; float: none; vertical-align: bottom; } .b-page__section_b8 .b-block > h2 { display: inline-block; } .b-page__section_b8 .b-block > h2 + .b-btn-block { float: right; } .b-page__section_b8 .b-number__text { color: #FECC2F; font-weight: 600; } .b-page__section_b8 .b-block__left .b-utp { margin-top: 54px; } .b-page__section_b8 .b-utp__item .b-number { float: right; } .b-page__section_b8 .b-block__right img { width: 100%; height: auto; margin-top: 30px; display: block; -webkit-box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.5); } .b-page__section_b8 .b-block__left img { display: block; bottom: 0px; left: 0px; width: 100%; margin-top: 30px; } .b-page__section_b8 h2.js-block-load.js-block-load_come-in-left-h2::after { background: #3f3f3f; } /******SCREEN 8******/ /******SCREEN 9******/ .b-page__section_b9 { padding-top: 110px; position: relative; } .b-page__section_b9 h3 { text-transform: uppercase; display: inline-block; } .b-page__section_b9 .b-yellow-line { margin-bottom: 20px; margin-top: 25px; } .b-page__section_b9 .b-block { position: relative; z-index: 15; } .b-page__section_b9 .b-yellow-line::before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; margin-left: -100%; background: #FECC2F; } .b-slider.js-slick-slider_5 .b-slider__item { position: relative; outline: none; } .b-slider.js-slick-slider_5 .b-slider__item img { width: auto; height: auto; max-width: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; position: absolute; } .b-page__section_b9 .b-block__right { width: 725px; height: 435px; } .b-slider.js-slick-slider_5 { background: #fff6d9; -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); border: 1px solid #FFF6D9; } .b-page__section_b9 .b-block__left { display: block; width: calc(100% - 725px); padding-right: 30px; height: 415px; position: relative; } .b-slider.js-slick-slider_5 .b-slider__item { height: 415px; margin: 0px auto; z-index: 15; } .b-page__section_b9 .b-block__left > .b-quote-box + p { padding-left: 22px; } .b-page__section_b9 .b-block__left > p:first-child { margin-top: 0px; } .b-page__section_b9 .b-block__left p { margin-top: 15px; } .b-page__section_b9 .b-block__left .b-quote-box { margin-top: 30px; } .b-page__section_b9 .b-block__left .b-btn-block { margin-top: 30px; } .b-page__section_b9 .b-block__left .b-btn-block__text { padding: 13px 25px 13px 25px; } .b-page__section_b9 .b-slider-5-textbottom { position: absolute; left: 0px; bottom: 0px; } .b-page__section_b9 .b-slider-5-text[data-slide-index="1"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="2"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="3"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="4"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="5"] .b-quote-box { position: absolute; bottom: 0px; z-index: 5; left: 100%; margin-left: 430px; margin-bottom: 49px; padding: 20px 10px 20px 20px; } .b-slider.js-slick-slider_5 .b-slider__item .b-block__right .b-graph__item[data-id="1"] { margin-top: 76px; margin-left: 106px; } .b-slider.js-slick-slider_5 .b-slider__item .b-block__right .b-graph__item[data-id="2"] { margin-top: 76px; margin-left: 377px; } .b-slider.js-slick-slider_5 .b-slider__item .b-block__right .b-graph__item[data-id="3"] { margin-top: 123px; margin-left: 297px; } .b-slider.js-slick-slider_5 .b-slider__item .b-block__right .b-graph__item[data-id="4"] { margin-top: 208px; margin-left: 362px; } .b-slider.js-slick-slider_5 .b-slider__item .b-block__right .b-graph__item[data-id="5"] { margin-top: 173px; margin-left: 538px; } .b-slider.js-slick-slider_5 .b-slider__item .b-block__right .b-graph__item[data-id="6"] { margin-top: 282px; margin-left: 229px; } .b-slider.js-slick-slider_5 .b-slider__item .b-block__right .b-graph__item[data-id="7"] { margin-top: 273px; margin-left: 513px; } .b-slider.js-slick-slider_5 .b-slider__item .b-block__right .b-graph__item[data-id="8"] { margin-top: 228px; margin-left: 52px; } .b-slider.js-slick-slider_5 .b-slider__item .b-block__right .b-graph__item[data-id="8"] .b-icon_circle { float: right; margin: -5px 0px 0px 10px; } /******SCREEN 9******/ /******SCREEN 10******/ .b-page__section_b10 { padding-top: 110px; padding-bottom: 55px; position: relative; overflow: visible; } .b-page__section_b10 .b-block { background: #FEFDF2; } .b-page__section_b10 h2, .b-page__section_b10 .b-block__left, .b-page__section_b10 .b-block__right { z-index: 3; position: relative; } .b-page__section_b10 .b-block::before { content: ''; display: block; background: #FEFDF2; width: calc(100% + 90px); height: calc(100% + 82px); position: absolute; left: 0; top: 0; margin-left: -45px; margin-top: -41px; z-index: 2; } .b-page__section_b10 .b-block::after { content: ''; display: block; background: #FECC2F; width: calc(100% + 90px); height: calc(100% + 82px); position: absolute; left: 0; top: 0; margin-left: -35px; margin-top: -31px; z-index: 1; } .b-page__section_b10 .b-block__right { width: 375px; margin-left: 94px; } .b-page__section_b10 .b-block__right .b-btn-block { margin-top: 40px; } .b-page__section_b10 .b-block__left { width: calc(100% - 375px - 94px); height: 409px; background-image: url(../images/vortex_bg.jpg); } .b-page__section_b10 .b-block__left::before { content: ''; display: block; width: 100%; height: 409px; left: 0; top: 0; margin-left: -100%; position: absolute; background-image: url(../images/vortex_bg.jpg); } .b-page__section_b10 .b-site-stat { width: 548px; height: 294px; display: block; margin: 0px auto; background-image: none; margin-top: 67px; } .b-page__section_b10 .b-site-stat.g-is-mobile { display: none; } .b-page__section_b10 .b-site-stat__graph { width: 504px; height: 214px; background-image: url(../images/graph_block10.png); background-size: cover; position: absolute; left: 0px; bottom: 0px; margin-bottom: 62px; margin-left: -6px; } .b-page__section_b10 .b-site-stat__label { color: #fff; font-size: 16px; line-height: 21px; left: 0px; bottom: 0px; } .b-page__section_b10 .b-site-stat__label[data-name="Jan"] { margin-bottom: -25px; margin-left: 0px; } .b-page__section_b10 .b-site-stat__label[data-name="Feb"] { margin-bottom: -25px; margin-left: 40px; } .b-page__section_b10 .b-site-stat__label[data-name="Mar"] { margin-bottom: -25px; margin-left: 80px; } .b-page__section_b10 .b-site-stat__label[data-name="Apr"] { margin-bottom: -25px; margin-left: 120px; } .b-page__section_b10 .b-site-stat__label[data-name="May"] { margin-bottom: -25px; margin-left: 160px; } .b-page__section_b10 .b-site-stat__label[data-name="Jun"] { margin-bottom: -25px; margin-left: 200px; } .b-page__section_b10 .b-site-stat__label[data-name="Jul"] { margin-bottom: -25px; margin-left: 240px; } .b-page__section_b10 .b-site-stat__label[data-name="Aug"] { margin-bottom: -25px; margin-left: 280px; } .b-page__section_b10 .b-site-stat__label[data-name="Sep"] { margin-bottom: -25px; margin-left: 320px; } .b-page__section_b10 .b-site-stat__label[data-name="Oct"] { margin-bottom: -25px; margin-left: 360px; } .b-page__section_b10 .b-site-stat__label[data-name="Nov"] { margin-bottom: -25px; margin-left: 400px; } .b-page__section_b10 .b-site-stat__label[data-name="Dec"] { margin-bottom: -25px; margin-left: 440px; } .b-page__section_b10 .b-site-stat__label[data-name="Month"] { margin-bottom: -25px; margin-left: 520px; } .b-page__section_b10 .b-site-stat__label[data-name="x1"], .b-page__section_b10 .b-site-stat__label[data-name="x2"], .b-page__section_b10 .b-site-stat__label[data-name="x3"], .b-page__section_b10 .b-site-stat__label[data-name="x4"], .b-page__section_b10 .b-site-stat__label[data-name="x5"], .b-page__section_b10 .b-site-stat__label[data-name="x6"], .b-page__section_b10 .b-site-stat__label[data-name="x7"], .b-page__section_b10 .b-site-stat__label[data-name="x8"], .b-page__section_b10 .b-site-stat__label[data-name="x9"], .b-page__section_b10 .b-site-stat__label[data-name="x10"], .b-page__section_b10 .b-site-stat__label[data-name="x11"], .b-page__section_b10 .b-site-stat__label[data-name="x12"] { width: 1px; height: 10px; background: #FECC2F; } .b-page__section_b10 .b-site-stat__label[data-name="x1"] { margin-left: 40px; height: 83px; } .b-page__section_b10 .b-site-stat__label[data-name="x2"] { margin-left: 80px; height: 75px; } .b-page__section_b10 .b-site-stat__label[data-name="x3"] { margin-left: 120px; height: 70px; } .b-page__section_b10 .b-site-stat__label[data-name="x4"] { margin-left: 160px; height: 65px; } .b-page__section_b10 .b-site-stat__label[data-name="x5"] { margin-left: 200px; height: 68px; } .b-page__section_b10 .b-site-stat__label[data-name="x6"] { margin-left: 240px; height: 82px; } .b-page__section_b10 .b-site-stat__label[data-name="x7"] { margin-left: 280px; height: 122px; } .b-page__section_b10 .b-site-stat__label[data-name="x8"] { margin-left: 320px; height: 198px; } .b-page__section_b10 .b-site-stat__label[data-name="x9"] { margin-left: 360px; height: 234px; } .b-page__section_b10 .b-site-stat__label[data-name="x10"] { margin-left: 400px; height: 256px; } .b-page__section_b10 .b-site-stat__label[data-name="x11"] { margin-left: 440px; height: 268px; } .b-page__section_b10 .b-site-stat__label[data-name="x12"] { height: 275px; margin-left: 480px; } .b-page__section_b10 .b-site-stat__label[data-name="y1"], .b-page__section_b10 .b-site-stat__label[data-name="y2"], .b-page__section_b10 .b-site-stat__label[data-name="y3"], .b-page__section_b10 .b-site-stat__label[data-name="y4"], .b-page__section_b10 .b-site-stat__label[data-name="y5"], .b-page__section_b10 .b-site-stat__label[data-name="y6"], .b-page__section_b10 .b-site-stat__label[data-name="y7"], .b-page__section_b10 .b-site-stat__label[data-name="y8"], .b-page__section_b10 .b-site-stat__label[data-name="y9"], .b-page__section_b10 .b-site-stat__label[data-name="y10"], .b-page__section_b10 .b-site-stat__label[data-name="y11"], .b-page__section_b10 .b-site-stat__label[data-name="y12"], .b-page__section_b10 .b-site-stat__label[data-name="y13"] { height: 2px; width: 10px; background: #fff; margin-left: -10px; } .b-page__section_b10 .b-site-stat__label[data-name="y1"] { margin-bottom: 0px; } .b-page__section_b10 .b-site-stat__label[data-name="y2"] { margin-bottom: 22px; } .b-page__section_b10 .b-site-stat__label[data-name="y3"] { margin-bottom: 44px; } .b-page__section_b10 .b-site-stat__label[data-name="y4"] { margin-bottom: 66px; } .b-page__section_b10 .b-site-stat__label[data-name="y5"] { margin-bottom: 88px; } .b-page__section_b10 .b-site-stat__label[data-name="y6"] { margin-bottom: 110px; } .b-page__section_b10 .b-site-stat__label[data-name="y7"] { margin-bottom: 132px; } .b-page__section_b10 .b-site-stat__label[data-name="y8"] { margin-bottom: 154px; } .b-page__section_b10 .b-site-stat__label[data-name="y9"] { margin-bottom: 176px; } .b-page__section_b10 .b-site-stat__label[data-name="y10"] { margin-bottom: 198px; } .b-page__section_b10 .b-site-stat__label[data-name="y11"] { margin-bottom: 220px; } .b-page__section_b10 .b-site-stat__label[data-name="y12"] { margin-bottom: 242px; } .b-page__section_b10 .b-site-stat__label[data-name="y13"] { margin-bottom: 264px; } .b-page__section_b10 .b-site-stat__label[data-name="50"], .b-page__section_b10 .b-site-stat__label[data-name="70"], .b-page__section_b10 .b-site-stat__label[data-name="90"], .b-page__section_b10 .b-site-stat__label[data-name="110"], .b-page__section_b10 .b-site-stat__label[data-name="130"], .b-page__section_b10 .b-site-stat__label[data-name="150"] { margin-left: -50px; } .b-page__section_b10 .b-site-stat__label[data-name="50"] { margin-bottom: 20px; } .b-page__section_b10 .b-site-stat__label[data-name="70"] { margin-bottom: 62px; } .b-page__section_b10 .b-site-stat__label[data-name="90"] { margin-bottom: 104px; } .b-page__section_b10 .b-site-stat__label[data-name="110"] { margin-bottom: 150px; } .b-page__section_b10 .b-site-stat__label[data-name="130"] { margin-bottom: 192px; } .b-page__section_b10 .b-site-stat__label[data-name="150"] { margin-bottom: 238px; } .b-page__section_b10 .b-site-stat__label[data-name="thousand"] { margin-bottom: 304px; margin-left: -48px; } .b-page__section_b10 .b-icon_circle { left: 0px; bottom: 0px; margin-bottom: 53px; margin-left: 185px; position: absolute; } .b-page__section_b10 .b-site-stat__label[data-name="start"] { font-size: 24px; line-height: 31px; font-weight: 600; margin-left: 198px; margin-bottom: 94px; } /******SCREEN 10******/ /******SCREEN 11******/ .b-page__section_b11 { padding-top: 110px; position: relative; padding-bottom: 120px; } .b-page__section_b11 .b-block__left { display: block; width: calc(100% - 725px); padding-right: 30px; } .b-page__section_b11 .b-block__left p:first-child { margin-top: 0px; } .b-page__section_b11 .b-block__left .b-btn-block { margin-top: 38px; } .b-page__section_b11 .b-block__right { width: 725px; height: 415px; } .b-page__section_b11 .b-block__right .b-graph { width: 700px; height: auto; margin: 0px auto; -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); z-index: 15; background-color: #fff; background-image: url(../images/graph_11.png); background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .b-page__section_b11 .b-block__right .b-graph img { width: 100%; height: auto; } .b-page__section_b11 .b-block__right .b-graph + p { text-align: right; margin-right: 12.5px; } /******SCREEN 11******/ /******SCREEN 12******/ .b-page__section_b12 { padding-top: 45px; padding-bottom: 63px; } .b-page__section_b12 .b-block__left { width: calc(100% - 880px); display: inline-block; padding-right: 20px; height: 472px; position: relative; } .b-page__section_b12 .b-block__left h3 { line-height: 31px; } .b-page__section_b12 .b-slick-vnav__item { padding-left: 0px; } .b-page__section_b12 .b-block__left h3 span { color: #fff; } .b-page__section_b12 .b-block__left .b-icon_black-graph { width: 45px; height: 47px; background-size: 45px 47px; position: absolute; left: 0px; bottom: 5px; } .b-page__section_b12 .b-block__left .b-number { position: absolute; padding-left: 55px; left: 0px; bottom: 0px; } .b-page__section_b12 .b-block__left .b-number__text { display: inline-block; font-weight: 600; } .b-page__section_b12 .b-block__left .b-number__digit { font-size: 52px; display: inline-block; } .b-page__section_b12 .b-block__left .b-icon_black-graph { display: inline-block; } .b-page__section_b12 .b-block__right { width: 880px; display: inline-block; } .b-slider.js-slick-slider_6 .b-slider__item { height: 472px; position: relative; } .b-slider.js-slick-slider_6 .b-slider__img { background-position: center center; background-repeat: no-repeat; background-size: 100% auto; background-color: #fff; position: relative; width: calc(100% - 20px); height: calc(100% - 20px); position: relative; z-index: 10; margin: 0px auto; margin-top: 10px; -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2); } .b-slider.js-slick-slider_6 .b-slider__img a{ position: absolute; display: block; left: 0; right: 0; width: 100%; height: 100%; } /*.b-slider.js-slick-slider_6 .b-slider__item::after {*/ .b-slider.js-slick-slider_6::after { content: ''; display: block; height: calc(100% - 20px); width: calc(100% - 20px); background: #fff; position: absolute; left: 0px; top: 0px; z-index: 5; margin: 20px 0px 0px 20px; } .b-slider.js-slick-slider_6 .slick-list { z-index: 10; } .b-slick-pagintation_6 { text-align: right; margin-top: 15px; } .b-slick-pagintation_6 .slick-dots { display: inline-block; } .b-slick-pagintation_6 .b-icon_right-arrow-black { float: right; margin-left: 8px; margin-top: 2px; } .b-page__section_b12 .b-slick-vnav__item::before { display: none; } /******SCREEN 12******/ /******SCREEN 13******/ .b-page__section_b13 { padding-top: 98px; padding-bottom: 65px; position: relative; } .b-page__section_b13 .b-number__digit, .b-page__section_b13 p, .b-page__section_b13 h2, .b-page__section_b13 h3 { color: #fff; } .b-page__section_b13 h3 { font-size: 24px; line-height: 31px; font-weight: 500; } .b-page__section_b13 .b-block__left h3 span { color: #FF0000; } .b-page__section_b13 .b-block__right h3 span { color: #00D97E; } .b-page__section_b13 .b-block__left, .b-page__section_b13 .b-block__right { width: 50%; padding-right: 116px; } .b-page__section_b13 .b-block__left img, .b-page__section_b13 .b-block__right img { width: 100%; height: auto; display: block; margin-top: 20px; } .b-page__section_b13 .b-block__left img + p, .b-page__section_b13 .b-block__right img + p { margin-top: 10px; } /******SCREEN 13******/ /******SCREEN 14******/ .b-page__section_b14 { padding-top: 46px; padding-bottom: 60px; position: relative; margin-top: 45px; } .b-page__section_b14 .b-block { background: #FEFDF2; display: table; } .b-page__section_b14 .b-block::before { content: ''; display: block; background: #FEFDF2; width: calc(100% + 90px); height: calc(100% + 82px); position: absolute; left: 0; top: 0; margin-left: -45px; margin-top: -41px; z-index: 2; } .b-page__section_b14 .b-block::after { content: ''; display: block; background: #FECC2F; width: calc(100% + 90px); height: calc(100% + 82px); position: absolute; left: 0; top: 0; margin-left: -35px; margin-top: -31px; z-index: 1; } .b-page__section_b14 h3, .b-page__section_b14 .b-block__left, .b-page__section_b14 .b-block__right { z-index: 3; position: relative; } .b-page__section_b14 .b-block__left, .b-page__section_b14 .b-block__right { width: 50%; margin-top: 20px; } .b-page__section_b14 .b-utp__item { padding-right: 50px; padding-bottom: 20px; } .b-page__section_b14 h4 { color: #FECC2F; font-size: 36px; line-height: 40px; font-weight: 600; } .b-page__section_b14 .b-block__left .b-utp .b-utp__item:nth-child(1) p:nth-child(3) { margin-top: 5px; } .b-page__section_b14 .b-block__left .b-utp .b-utp__item:nth-child(2) ul li { padding: 3px 0px; } .b-page__section_b14 .b-block__left .b-btn-block { margin-top: 20px; } .b-page__section_b14 .b-block__right .b-graph { width: 100%; height: auto; margin: 0px auto; -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); z-index: 15; } .b-page__section_b14 .b-block__right .b-graph + p a { display: inline-block; margin-top: 10px; } /******SCREEN 14******/ /******SCREEN 15******/ .b-page__section_b15 { padding-top: 69px; padding-bottom: 106px; position: relative; } .b-page__section_b15 h2 { margin-left: 44px; } .b-page__section_b15 .b-price-block .b-price-block__item { border: 1px solid #FECC2F; padding: 25px 20px; } .b-page__section_b15 .b-price-block { z-index: 5; position: relative; background: #fff; } .b-page__section_b15 .b-price-block .b-price-block__item.b-price-block__item_active { -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); border: 0; } .b-page__section_b15 .b-price-block .b-price-block__item:first-child { border: none !important; box-shadow: none !important; padding: 0px !important; } .b-page__section_b15 .b-price-block .b-price-block__item:nth-child(2) .b-var-list__item, .b-page__section_b15 .b-price-block .b-price-block__item:nth-child(3) .b-var-list__item { padding-left: 15px; padding-right: 0px; white-space: nowrap; } .b-page__section_b15 .b-price-block .b-price-block__item:first-child .b-var-list__item { font-size: 14px; line-height: 18px; } .b-page__section_b15 .b-price-block .b-price-block__item:first-child .b-var-list__item:nth-child(odd) { padding-top: 7.5px; padding-bottom: 7.5px; } .b-page__section_b15 .b-price-block .b-price-block__item:first-child .b-var-list__item:nth-child(even) { padding-top: 13px; padding-bottom: 13px; } .b-page__section_b15 .b-price-block .b-price-block__item:first-child .b-var-list { margin-top: 100px; } .b-page__section_b15 .b-big-ch { border: none !important; box-shadow: none !important; padding: 0px; margin-bottom: 20px; } .b-page__section_b15 .b-big-ch .b-big-ch__name { font-size: 18px; margin-top: 12px; margin-left: 6px; float: left; } .b-page__section_b15 .b-big-ch .b-big-ch__name > b { font-size: 24px; } .b-page__section_b15 .b-parallax-element_multi_dottes { left: auto; right: 90%; top: auto; bottom: 0; } /******SCREEN 15******/ /******SCREEN 16******/ .b-page__section_b16 { border-top: 1px solid #FFE500; border-bottom: 1px solid #FFE500; padding-top: 99px; position: relative; } .b-page__section_b16 h2 { margin-bottom: 20px; } .b-page__section_b16 .b-block > .b-block__left { width: 50%; padding-right: 20px; } .b-page__section_b16 .b-block > .b-block__right { width: 50%; padding-left: 20px; } .b-page__section_b16 .b-block > .b-block__left img { width: 100%; height: auto; display: block; } .b-page__section_b16 .b-block > .b-block__right .b-block__left { width: 70%; padding-right: 50px; } .b-page__section_b16 .b-block > .b-block__right .b-block__right { width: 30%; } .b-page__section_b16 .b-block > .b-block__right .b-block__right p { font-size: 14px; line-height: 18px; } .b-page__section_b16 .b-block > .b-block__right .b-block__right img { max-width: 100%; height: auto; } .b-page__section_b16 .b-block > .b-block__right .b-btn-block { margin-top: 40px; } .b-page__section_b16 .b-block > .b-block__right .b-block__right p, .b-page__section_b16 .b-block > .b-block__right .b-block__left p { margin-top: 0px; } .b-page__section_b16 .b-parallax-element_dotted_box { right: auto; left: 5%; } /******SCREEN 16******/ /******SCREEN 17******/ .b-page__section_b17 { padding-top: 99px; position: relative; } .b-page__section_b17 .b-quote-round_right::after { content: ''; background: #000; width: 39px; height: 17px; display: inline-block; position: absolute; right: 0px; top: 0px; margin: 17px 80px; } .b-page__section_b17 .b-quote-round { position: absolute; } .b-page__section_b17 .b-quote-round:not(.b-quote-round_right) { left: 25px; bottom: 73px; } .b-page__section_b17 .b-quote-round_right { right: 13px; bottom: 12px; } .b-page__section_b17 .b-parallax-element_multi_dottes { left: auto; right: 90%; top: auto; bottom: 0; } /******SCREEN 17******/ .b-page__section_b18 { padding-top: 100px; padding-bottom: 100px; position: relative; } .b-page__section_b18 .js-slick-slider_7 + .b-block { width: 730px; position: relative; } .b-slick-pagintation_7 { display: inline-block; margin-left: -10%; margin-top: -98px; position: absolute; } .b-slick-pagintation_7 .slick-dots { margin-top: 10px; display: inline-block; width: auto; float: left; } /******SCREEN 18******/ /******SCREEN 18******/ /******SCREEN 19******/ .b-page__section_b19 { padding-top: 80px; padding-bottom: 80px; position: relative; border-top: 1px solid #FFE500; } .b-page__section_b19 .b-block__bottom .b-number__digit, .b-page__section_b19 p, .b-page__section_b19 .b-block__bottom .b-number__text, .b-page__section_b19 h2, .b-page__section_b19 .b-block__bottom h3 { color: #fff; } .b-page__section_b19 .b-block__right, .b-page__section_b19 .b-block__right h3, .b-page__section_b19 .b-block__right .b-number__text, .b-page__section_b19 .b-block__right .b-number__digit { color: #000; } .b-page__section_b19 .b-block__right { width: 725px; padding-bottom: 60px; } .b-page__section_b19 .b-block__left { width: calc(100% - 725px); display: inline-block; padding-right: 40px; padding-bottom: 60px; position: relative; } .b-page__section_b19 .b-block__left p:first-child { margin-top: 0px; } .b-page__section_b19 .b-number__digit { line-height: 84px; display: inline; } .b-page__section_b19 .b-block__right .b-utp__item { padding-right: 0px; } .b-page__section_b19 .b-block__right .b-utp { align-items: center; margin-top: 30px !important; } .b-page__section_b19 .b-block__right .b-utp .b-utp__item { padding-right: 20px; } .b-page__section_b19 .b-block__right .b-utp .b-utp__item:nth-child(4n+4) { padding-right: 0px; } .b-page__section_b19 .b-block__right .b-number { position: relative; } .b-page__section_b19 .b-block__right .b-number__text { font-weight: 600; } .b-page__section_b19 .b-block__right .b-number .b-number__text { position: absolute; width: 100%; text-align: center; } .b-page__section_b19 .b-block__right .b-number .b-number__text:first-child { top: 0px; left: 0px; margin-top: -8px; } .b-page__section_b19 .b-block__right .b-number .b-number__text:last-child { bottom: 0; left: 0px; margin-bottom: -8px; } .b-page__section_b19 .b-utp__item { text-align: center; padding-right: 40px; } .b-page__section_b19 .b-block__bottom h3 + .b-utp { margin-top: 30px; } .b-page__section_b19 .b-block__bottom .b-utp + .b-utp { margin-top: 50px; } .b-page__section_b19 .b-block__bottom .b-utp + .b-utp .b-utp__item:first-child .b-number .b-number__text:first-child { font-size: 36px; font-weight: 600; } .b-page__section_b19 .b-block__right .b-clients { -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); z-index: 15; } /******SCREEN 19******/ /******SCREEN 20******/ .b-page__section_b20 { padding-top: 81px; padding-bottom: 166px; } .b-page__section_b20 textarea { height: 100px; } .b-page__section_b20 .b-fieldblock { float: left; } /* .b-page__section_b20 .b-fieldblock:nth-child(1), .b-page__section_b20 .b-fieldblock:nth-child(2), .b-page__section_b20 .b-fieldblock:nth-child(3) { width: 32.66666666666667%; } .b-page__section_b20 .b-fieldblock:nth-child(2) { margin-left: 1%; margin-right: 1%; } .b-page__section_b20 .b-fieldblock:nth-child(4) { width: 66.16666666666667%; margin-right: 0.5%; } .b-page__section_b20 .b-fieldblock:nth-child(5) { width: 32.83333333333333%; margin-left: 0.5%; } .b-page__section_b20 .b-fieldblock:nth-child(7) .b-big-ch:nth-child(2) { margin-right: 20px; } .b-page__section_b20 .b-fieldblock:nth-child(7) .b-big-ch:nth-child(2) .b-radio-wrap + .b-icon { margin-left: 8px; margin-top: -2px; } .b-page__section_b20 .b-fieldblock:nth-child(7) .b-big-ch:nth-child(3) .b-radio-wrap + .b-icon { margin-top: 5px; } .b-page__section_b20 .b-fieldblock:nth-child(8) { margin-top: 10px; }*/ .b-page__section_b20 .b-box_yellow { display: inline-block; max-width: 302px; float: right; } .b-page__section_b20 .b-box__inner { font-weight: 500; font-size: 16px; line-height: 21px; padding: 16px 24px; text-align: left; } .b-page__section_b20 .b-box__inner p { color: #8C8C8C; margin: 0px; } /******SCREEN 20******/ /******FOOTER******/ .b-page__footer { background-color: #262222; padding: 52px 0px 56px 0px; color: #fff; } .b-page__footer p { color: #fff; } .b-footer-column { display: flex; flex-direction: row; justify-content: space-between; } .b-footer-column__item { box-sizing: border-box; line-height: normal; } .b-footer-column .b-footer-column__item:nth-child(1) { flex: 0 0 32%; } .b-footer-column .b-footer-column__item:nth-child(2) { flex: 0 0 30%; } .b-footer-column .b-footer-column__item:nth-child(3) { flex: 0 0 25%; } .b-bottom-menu { margin-bottom: 20px; } .b-bottom-menu__item { padding: 9px 0px; } .b-bottom-menu__item_header { color: #FECC2F; font-weight: 600; font-size: 16px; line-height: 21px; } .b-bottom-menu__item_header > span, .b-bottom-menu__item_header a { color: #FECC2F; border-color: #FECC2F; } .b-bottom-menu__item_header a:hover { border-color: transparent; } .b-page__footer .b-footer-column + .b-footer-column { margin-top: 40px; } .b-page__footer .b-logo__img { width: 167px; height: 59px; } /******FOOTER******/ /******POPUP STYLE******/ .b-popup__content { max-width: 700px; } .b-popup__content-notebook h3 { text-align: center; position: relative; top: -19px; } .b-popup__content-notebook img { margin-bottom: 25px; max-width: 100%; } .ui-widget.ui-widget-content.b-popup-style p { font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 21px; } .ui-widget.ui-widget-content.b-popup-style { border: 1px solid #FECC2F; } .ui-corner-all.b-popup-style { border-radius: 0; } .b-popup-style .ui-dialog-titlebar { display: none; } .b-popup-style.ui-dialog .ui-dialog-content { text-align: center; padding: 30px 30px; } .b-popup-style.ui-dialog .ui-dialog-content h2 { text-align: center; } .ui-widget.ui-widget-content.b-popup-style a { color: #0082F9; text-decoration: none; border-bottom: 1px solid #0082F9; } .ui-widget.ui-widget-content.b-popup-style a:hover { color: #00519C; border-bottom: 1px solid transparent; } .ui-widget.ui-widget-content.b-popup-style a:active { color: #00519C; } .ui-widget.ui-widget-content.b-popup-style .b-icon_close { position: absolute; right: 0px; top: 0px; margin: 10px 10px 0px 0px; cursor: pointer; } /******POPUP STYLE******/ .b-site-examples__item { padding: 30px; position: relative; outline: none; } .b-site-examples__item .b-block { height: 450px; width: 730px; position: relative; margin-left: -10%; } .b-site-examples__item img { height: 100%; width: auto; -webkit-box-shadow: 0px 0px 40px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 40px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 40px 3px rgba(0, 0, 0, 0.4); display: block; float: right; margin-right: 30px; position: relative; z-index: 5; } .b-site-examples__content { position: absolute; top: 0px; left: 0px; width: 100%; margin-top: -30px; } .b-site-examples__wrap { background: #FECC2F; width: 100%; padding: 30px 20px 30px 20px; width: 100%; margin-bottom: 15px; } .b-site-examples__text { max-width: 170px; color: #000; } .b-site-examples__item.slick-center { margin-top: -10px; } .b-site-examples__item:not(.slick-center)::before { content: ''; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); z-index: 10; margin-left: -10%; } .b-site-examples__item:not(.slick-center) .b-site-examples__wrap { background: rgba(255, 255, 255, 0.15); } .b-burger-menu { display: none; border: 0 !important; } .b-burger-menu { width: 42px; height: 30px; position: relative; float: right; margin-top: 12px; margin-right: 10px; } .b-burger-menu > span { position: absolute; display: inline-block; width: 100%; height: 3px; background: #FECC2F; position: absolute; left: 0; top: 50%; margin-top: -1.5px; } .b-burger-menu span:after, .b-burger-menu span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; background: #FECC2F; position: absolute; left: 0; } .b-burger-menu span:after { top: 0; margin-top: -10px; } .b-burger-menu span:before { bottom: 0; margin-bottom: -10px; } .b-burger-menu_open span { background-color: transparent; } .b-burger-menu_open span::before { transform: rotate(45deg); margin-bottom: 0px; height: 2px; } .b-burger-menu_open span::after { transform: rotate(-45deg); margin-top: 0px; height: 2px; } .b-tablet-menu { display: none; visibility: hidden; width: 100%; z-index: 999; max-height: 100%; overflow-y: auto; overflow-x: hidden; position: fixed; left: 0px; top: 56px; background-color: #575454; background-color: rgba(87, 84, 84, 0.95); -webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.5); padding: 20px 0px; } .b-tablet-menu__item { margin-bottom: 10px; } .b-tablet-menu__item .b-link_menu { line-height: 23px; } .b-tablet-menu .b-block { display: flex; flex-direction: row; } .b-tablet-menu .b-block .b-tablet-menu__left, .b-tablet-menu .b-block .b-tablet-menu__right { line-height: normal; } .b-tablet-menu .b-block .b-tablet-menu__left { flex-basis: 30%; } .b-tablet-menu .b-block .b-tablet-menu__right { flex-basis: 70%; } .b-tablet-submenu__item { margin-bottom: 10px; } .b-tablet-menu::after { content: ''; display: block; right: -20%; bottom: 0px; position: absolute; width: 50%; height: 100%; background-image: url(../images/multi_dottes_2.png); background-repeat: no-repeat; background-position: left bottom; background-size: auto 220px; } .b-mobile-menu { display: none; visibility: hidden; width: 100%; max-height: 100%; z-index: 999; overflow: auto; position: fixed; left: 0px; top: 56px; background-color: #575454; background-color: rgba(87, 84, 84, 0.95); -webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.5); padding: 20px 0px; } .b-price-block_tablet, .b-price-block_mobile { display: flex; flex-direction: row; z-index: 5; background: #fff; -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); padding-bottom: 20px; } .g-is-tablet { display: none; } .g-is-mobile { display: none; } .b-price-block_tablet__item, .b-price-block_mobile__item { flex-basis: 100%; line-height: normal; } .b-price-block_tablet__header, .b-price-block_mobile__header { background-color: #FECC2F; height: 82px; line-height: 52px; padding: 15px 20px; } .b-price-block_tablet__name, .b-price-block_mobile__name { font-size: 18px; float: left; margin-left: 20px; } .b-price-block_tablet__header .b-icon, .b-price-block_mobile__header .b-icon { float: left; } .b-price-block_tablet .b-var-list__item, .b-price-block_mobile .b-var-list__item { padding-left: 20px; } .b-price-block_tablet .b-btn-block, .b-price-block_mobile .b-btn-block { width: calc(100% - 40px); margin: 0px auto; } .b-price-block_tablet .b-var-list__item p, .b-price-block_mobile .b-var-list__item p { margin-top: 0; margin-bottom: 5px; } .b-mobile-menu__item { margin-top: 12px; } .b-mobile-submenu { margin-left: 30px; } .b-mobile-submenu__item { margin-top: 12px; } @media (min-width: 960px) and (max-width: 1230px) { .b-block { max-width: 100%; padding-left: 20px; padding-right: 20px; } .b-slider-content__left { width: calc(50% - 220px); } .b-slider-content__right { width: calc(50% + 220px); } .b-submenu-block__left { width: calc(100% - 672px); } .b-page__section_b2 .b-block__left { / / width: calc(100 % - 350 px); } .b-page__section_b2 .b-block__left .b-list-number { padding-right: 20px; } .b-page__section_b3 .b-block__left { width: 27%; } .b-page__section_b3 .b-block__right { width: 73%; } .b-page__section_b9 .b-slider-5-text[data-slide-index="1"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="2"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="3"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="4"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="5"] .b-quote-box { margin-left: 100%; } .b-page__section_b9 .b-quote-box { padding: 10px 20px; } .b-page__section_b9 .b-block__left .b-btn-block { margin-top: 10px; } .b-page__section_b10 .b-block { padding-top: 40px; } .b-page__section_b10 .b-block__left { width: 50%; } .b-page__section_b10 .b-block__right { width: 50%; margin-left: 0px; padding-left: 10px; } .b-page__section_b10 { overflow: hidden; } .b-page__section_b10 .b-block__left { width: 640px; } .b-page__section_b10 .b-block__right { width: calc(100% - 640px - 10px); padding-bottom: 20px; } } @media (max-width: 1120px) { .b-slider-content__right .b-slider-info { width: 100%; } } @media (min-width: 960px) and (max-width: 1120px) { .b-page__section_b4 .b-site-stat__caption { padding-left: 40px; padding-top: 40px; width: 230px; height: 203px; margin-right: -144px; } .b-slider-content__right .b-slider-info { padding-left: 20px; } .b-page__section_b7 .b-block__left { width: 30%; } .b-page__section_b7 .b-block__right { width: 70%; } .b-page__section_b9 .b-block__left { width: 40%; } .b-page__section_b9 .b-block__right { width: 60%; } .b-page__section_b9 .b-slider-5-text[data-slide-index="1"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="2"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="3"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="4"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="5"] .b-quote-box { margin-left: 50%; } .b-page__section_b10 .b-block__right .b-btn-block { margin-top: 0px; } .b-page__section_b11 .b-block__left, .b-page__section_b12 .b-block__left { width: 30%; } .b-page__section_b11 .b-block__right, .b-page__section_b12 .b-block__right { width: 70%; } .b-page__section_b11 .b-block__left .b-btn-block { margin-top: 0px; } .b-page__section_b11 { padding-top: 55px; } .b-price-block .b-price-block__item:first-child { width: calc(30% - 50px); } .b-price-block__item { width: 34%; } .b-page__section_b15 .b-price-block .b-var-list__item { padding-left: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .b-big-ch .b-radio-wrap + .b-icon, .b-big-ch .b-chbox-wrap + .b-icon { margin-left: 5px; } .b-page__section_b15 .b-big-ch .b-big-ch__name { font-size: 16px; } .b-page__section_b15 .b-big-ch .b-big-ch__name > b { font-size: 18px; } .b-form-block { padding-left: 43px; padding-right: 43px; } } @media (min-width: 520px) and (max-width: 1024px) { .b-page__section_b2 .b-block__right .b-block-video + p a { display: inline-block; margin-top: 5px; } .b-page__section_b3 .b-block__left > h3 { white-space: nowrap; } .b-page__section_b3 .b-block__right { margin-top: 55px; height: auto; } .b-slider.js-slick-slider_3 .b-slider__item { height: auto; } .b-slider.js-slick-slider_3 .b-slider__item img { width: auto !important; max-width: 100% !important; height: auto !important; position: relative; } .b-slick-pagintation_3 { position: absolute; top: 100%; right: 0; } } @media (min-width: 960px) and (max-width: 1020px) { .b-slider-content__left { width: calc(50% - 190px); } .b-slider-content__right { width: calc(50% + 190px); } .b-slider-content__right .b-slider-info { padding-left: 10px; } } @media (max-width: 959px) { .b-slider-content__right, .b-slider-content__left { height: 600px; } .b-slider.js-slick-slider .b-slider__item{ height: auto; } .b-page__section_analytics_20 .b-fieldblock, .b-page__section_case_20 .b-fieldblock{ display: flex; flex-flow: column; } .b-page__section_analytics_20 .b-box_yellow, .b-page__section_case_20 .b-box_yellow{ height: 100px; } .b-page__section_analytics_20 .b-form-block, .b-page__section_case_20 .b-form-block{ height: auto !important; margin-bottom: 50px; } .b-burger-menu { display: inline-block; } .g-is-pc { display: none !important; } .b-price-block_tablet.g-is-tablet { display: flex; } .b-page__section_b15 h2 { margin-left: 0px; } .b-slider-content { z-index: 15; } .b-page__footer-alt.b-page__footer { padding-top: 0; } .b-page__footer-alt.b-page__footer .b-bottom-menu { display: flex; flex-flow: column; margin-bottom: 30px; } .b-page__footer-alt.b-page__footer .b-footer-column .b-footer-column__item:nth-child(2), .b-page__footer-alt.b-page__footer .b-footer-column .b-footer-column__item:nth-child(1) { flex: 0 0 50%; width: 50%; } .b-page__footer-alt.b-page__footer .b-bottom-menu__item_header { margin-bottom: 11px; } .b-page__footer-alt.b-page__footer .b-footer-column .b-btn-block { margin-top: 30px; } .b-page__footer-alt.b-page__footer .b-footer-column + .b-footer-column { margin-top: -1px; } .b-page__footer-alt.b-page__footer .b-socials { text-align: left; padding-bottom: 30px; } .b-page__footer-alt.b-page__footer .b-socials .b-icon_circle_big { width: 33px; height: 33px; } .b-page__footer .b-icon_circle_big::after, .b-page__footer-alt.b-page__footer .b-icon_circle_big::before { width: 33px !important; height: 33px !important; } .b-page__footer-alt.b-page__footer .b-icon_social.b-icon_youtube-logo { background-size: 21px 21px; } .b-page__footer-alt.b-page__footer .b-icon_social.b-icon_vk-logo { background-size: 24px 24px; } .b-page__footer-alt.b-page__footer .b-icon_social.b-icon_fb-logo { background-size: 20px 21px; } } @media (max-width: 767px) { .b-page__section_case_20 .b-box_yellow { height: auto; margin-top: 20px !important; } .b-page{ overflow-x: hidden; } .b-parallax-element_line_2{ display: none; } .b-cases__block-text{ word-break: break-all; } .g-glitch-red:after, .g-glitch-red:before{ display: block; width: 110%; } .b-page__footer-alt.b-page__footer .b-socials { text-align: center; padding-bottom: 20px; } .b-page__footer-alt.b-page__footer .b-footer-column .b-btn-block { margin-top: 0; margin-bottom: 30px; } .b-price-block_tablet__item, .b-price-block_mobile__item{ max-width: 50%; } } @media (min-width: 520px) and (max-width: 959px) { .b-burger-menu.g-is-mobile { display: none; } .g-is-tablet { display: block; } h1, .g-h1 { font-size: 64px; line-height: 62px; } h2, .g-h2 { font-size: 48px; line-height: 53px; } .b-list-number__item span { font-size: 30px; line-height: 39px; } .b-list-number__item { padding-left: 40px; padding-top: 8px; } .b-box__inner { padding-left: 41px; padding-right: 41px; } .b-block { max-width: 100%; padding-left: 20px; padding-right: 20px; } .b-slider-content__left { width: 32%; } .b-slider-content__right { width: 68% } .b-menu { display: none; } .b-tablet-menu { visibility: visible; } .b-slider-content__right .b-slider-info { padding-left: 24px; } .b-slider-content__left .b-slider-info { width: 100%; padding-right: 10px; padding-left: 10px; } .b-slider-content__right .b-slider-info { width: 100%; } .b-page__section_b2 .b-block__left, .b-page__section_b2 .b-block__right { width: 100%; float: none; } .b-page__section_b2 .b-block__left .b-list-number { width: 100%; float: none; } .b-page__section_b2 .b-block__right .b-block-video { width: 100%; max-width: 548px; height: 278px; } .b-page__section_b2 .b-block__right .b-block-video + p { margin-top: 20px; } .b-page__section_b3 { padding-bottom: 40px; } .b-page__section_b3 .b-block__left { width: 27%; } .b-page__section_b3 .b-block__right { width: 73%; } .b-slider.js-slick-slider_3 .b-slider__item[data-slick-index="2"] img, .b-slider.js-slick-slider_3 .b-slider__item[data-slick-index="4"] img { height: auto } .b-page__section_b4 .b-block__left { width: 100%; float: none; } .b-page__section_b4 .b-utp__item { position: relative; padding-left: 90px; padding-bottom: 40px; } .b-page__section_b4 .b-utp__item .b-icon { left: 0px; top: 0px; position: absolute; } .b-page__section_b4 .b-block__right { display: none; } .b-page__section_b4 .b-utp { display: block; width: calc(100% - 260px); float: left; } .b-page__section_b4 .b-site-stat__axis-x, .b-page__section_b4 .b-site-stat__axis-y { margin-left: 0; } .b-page__section_b4 .b-site-stat__graph { margin-left: 42px; } .g-is-tablet .b-site-step { display: inline-block; float: left; margin-right: 0px; } .b-page__section_b4 .b-site-stat { clear: both; } .b-page__section_b6 .b-block__left, .b-page__section_b6 .b-block__right { width: 50%; text-align: left; } .b-page__section_b6 .b-utp { flex-wrap: wrap; } .b-page__section_b6 .b-utp__item { flex-basis: 50%; } .b-page__section_b6 .b-utp__item:nth-child(1), .b-page__section_b6 .b-utp__item:nth-child(2) { margin-bottom: 66px; } .b-page__section_b6 .b-utp__item:nth-child(3), .b-page__section_b6 .b-utp__item:nth-child(4) { margin-bottom: 30px; } .b-page__section_b7 .b-block__left { width: 100%; display: block; padding-right: 0px; height: auto; float: none; } .b-page__section_b7 .b-block__right { width: 100%; display: block; float: none; clear: both; } .b-slider.js-slick-slider_4 { margin-left: -8px; } .b-page__section_b7 .b-block__left .b-number { position: relative; padding-left: 55px; float: right; width: 30%; } .b-page__section_b7 .b-block__left .b-slick-vnav { float: left; display: inline-block; width: 70%; } .b-page__section_b8 { padding-top: 50px; } .b-page__section_b8 .b-number__digit { white-space: nowrap; } .b-page__section_b8 .g-is-tablet .b-utp { margin-top: 40px; margin-bottom: 40px; } .b-page__section_b8 .g-is-tablet .b-utp .b-utp__item:nth-child(1) { width: 30%; } .b-page__section_b8 .g-is-tablet .b-utp .b-utp__item:nth-child(2) { width: 18%; padding-right: 2%; } .b-page__section_b8 .g-is-tablet .b-utp .b-utp__item:nth-child(3) { width: 28%; padding-left: 2%; } .b-page__section_b8 .g-is-tablet .b-utp .b-utp__item:nth-child(4) { width: 20%; } .b-page__section_b8 .g-is-tablet .b-utp + .b-utp { margin: 0; } .b-page__section_b8 .g-is-tablet .b-utp + .b-utp .b-utp__item { width: 48%; height: 181px; flex-basis: auto; padding: 0; } .b-page__section_b8 .g-is-tablet .b-utp + .b-utp .b-utp__item:nth-child(1) { background-image: url(../images/autumn_legend.png); background-repeat: no-repeat; background-position: center top; background-size: 100% 100%; } .b-page__section_b8 .g-is-tablet .b-utp + .b-utp .b-utp__item:nth-child(2) { width: 4%; padding: 0; } .b-page__section_b8 .g-is-tablet .b-utp + .b-utp .b-utp__item:nth-child(3) { background-image: url(../images/alta.jpg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; } .b-page__section_b9 .b-block.js-block-load { padding-left: 0; padding-right: 0; } .b-page__section_b9 .b-block__left { width: 50%; padding-right: 0px; height: auto; float: none; } .b-page__section_b9 .b-block__right { float: none; width: 100%; height: auto; padding-bottom: 20px; margin-top: 40px; } .b-page__section_b9 .b-slick-hnav__item { padding-left: 0px; padding-right: 10px; padding-top: 50px; color: #000; } .b-page__section_b9 .b-slider-5-textbottom { position: relative; top: auto; left: auto; bottom: auto; } .b-page__section_b9 .b-slider-5-text .b-quote-box { width: 100%; position: relative; left: 0; top: 0; bottom: auto; margin-top: 0; margin-left: 0; height: auto; } .b-page__section_b9 .b-slider-5-text[data-slide-index="1"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="2"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="3"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="4"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="5"] .b-quote-box { width: 100%; position: relative; left: auto; top: auto; bottom: auto; margin-top: 0; margin-left: 0; margin-bottom: 0; height: auto; } .b-page__section_b9 .b-slider-5-textbottom.g-is-tablet { position: absolute; left: 100%; top: 0; margin-top: -20px; width: calc(100% - 30px); margin-left: 30px; } .b-page__section_b10 .b-block__left, .b-page__section_b11 .b-block__left { width: 100%; clear: both; } .b-page__section_b10 .b-block__right, .b-page__section_b11 .b-block__right { width: 100%; clear: both; margin-top: 40px; } .b-page__section_b10 .b-block__right { height: auto; padding-left: 10px; padding-right: 10px; } .b-page__section_b10 h2 { padding-left: 10px; padding-right: 10px; } .b-page__section_b10 .b-block { padding-right: 45px; } .b-page__section_b10 .b-block::after { width: 100%; margin-left: -15px; } .b-page__section_b10 .b-block::before { width: 100%; margin-left: -25px; } .b-page__section_b10 .b-block__left::before { display: none; } .b-page__section_b10 .b-block__left { width: calc(100% + 10px); margin-left: -10px; } .b-page__section_b11 { padding: 60px 0px; } .b-page__section_b11 .b-block__right .b-graph { width: 100%; } .b-page__section_b12 .b-block__left { width: 100%; display: block; padding-right: 0px; height: auto; float: none; } .b-page__section_b12 .b-block__right { width: 100%; display: block; float: none; clear: both; } .b-page__section_b12 .b-block__left h3 { max-width: 350px; } .b-slider.js-slick-slider_6 { margin-left: -8px; } .b-page__section_b12 .b-block__left .b-number { position: relative; padding-left: 55px; float: right; width: 30%; } .b-page__section_b12 .b-block__left .b-slick-vnav { float: left; display: inline-block; width: 70%; } .b-page__section_b13 { padding-top: 60px; } .b-page__section_b13 .b-block__left, .b-page__section_b13 .b-block__right { padding-right: 80px; } .b-page__section.b-page__section_b14 { background-image: url(../images/vortex_bg.jpg); margin-top: 0px; } .b-page__section_b14 .b-block { background: none; } .b-page__section_b14 .b-block::before, .b-page__section_b14 .b-block::after { background: none; } .b-page__section_b14 .b-block h2, .b-page__section_b14 .b-block h3, .b-page__section_b14 .b-block p, .b-page__section_b14 .b-block ul { color: #fff; } .b-page__section_b14 .b-block__left, .b-page__section_b14 .b-block__right { width: 100%; float: none; } .b-page__section_b14 .b-block__right { margin-top: 40px; } .b-site-examples__item .b-block { width: 100%; margin: 0px auto; } .b-site-examples__item { padding: 30px 10px; } .b-site-examples__item:not(.slick-center)::before { display: none; } .b-site-examples__item:not(.slick-center) .b-site-examples__wrap { background: #FECC2F; } .b-page__section_b16 { padding-top: 60px; } .b-page__section_b16 .b-block > .b-block__left { width: 100%; padding-right: 0px; margin-top: 40px; } .b-page__section_b16 .b-block > .b-block__right { width: 100%; padding-left: 0px; } .b-page__section_b17 { padding-top: 60px; } .b-page__section_b17 .b-quote-round:not(.b-quote-round_right), .b-page__section_b17 .b-quote-round_right { position: relative; left: auto; top: auto; bottom: auto; right: auto; } .b-page__section_b17 .b-quote-round:not(.b-quote-round_right) { float: left; margin-bottom: 15px; margin-left: 10px; } .b-page__section_b17 .b-quote-round_right { float: right; margin-right: 10px; } .b-info__item h3 { padding: 5px 10px 10px 10px; } .b-page__section_b18 .js-slick-slider_7 + .b-block { width: 100%; padding: 0px 10px; } .b-slick-pagintation_7 .slick-dots { max-width: 200px; } .b-site-examples__item img { margin-right: 10px; } .b-slick-pagintation_7 { margin-left: 0px; } .b-page__section_b18 { padding: 60px 0px; } .b-page__section_b19 { background: none; background-color: #FEFDF2; border-bottom: 1px solid #FECC2F; padding: 50px 0px; } .b-page__section_b19 .b-block__bottom .b-number__digit, .b-page__section_b19 p, .b-page__section_b19 .b-block__bottom .b-number__text, .b-page__section_b19 h2, .b-page__section_b19 .b-block__bottom h3 { color: #000; } .b-page__section_b19 .b-block__left, .b-page__section_b19 .b-block__right { width: 100%; float: none; padding: 0; } .b-page__section_b19 .b-block__left { max-width: 600px; } .b-page__section_b19 .b-block__right { margin-top: 58px; } .b-page__section_b19 .b-block__bottom { margin-top: 50px; } .b-page__section_b19 .b-utp__item { text-align: left; } .b-page__section_b19 .b-block__bottom .b-utp + .b-utp { margin-top: 25px; } .b-page__section_b19 .b-block__bottom .b-utp + .b-utp .b-utp__item:nth-child(2), .b-page__section_b19 .b-block__bottom .b-utp + .b-utp .b-utp__item:nth-child(3), .b-page__section_b19 .b-block__bottom .b-utp + .b-utp .b-utp__item:nth-child(4) { padding-top: 25px; } .b-page__footer { background-color: #fff; padding-top: 50px; padding-bottom: 0px; } .b-page__footer .b-socials { text-align: center; color: #000; padding-bottom: 50px; } .b-page__footer .b-socials p { color: #000; } .b-page__footer .b-socials .b-icon_circle_big { width: 54px; height: 54px; } .b-page__footer .b-icon_circle_big::before { width: 54px; height: 54px; border-radius: 54px; } .b-page__footer .b-icon_circle_big::after { width: 54px; height: 54px; border-radius: 54px; } .b-page__footer .b-icon_social.b-icon_fb-logo { width: 34px; height: 34px; background-size: 34px 34px; margin-top: -17px; margin-left: -17px; } .b-page__footer .b-icon_social.b-icon_vk-logo { width: 40px; height: 40px; background-size: 40px 40px; margin-top: -20px; margin-left: -20px; } .b-page__footer .b-icon_social.b-icon_in-logo { width: 28px; height: 28px; background-size: 28px 28px; margin-top: -14px; margin-left: -14px; } .b-page__footer .b-icon_social.b-icon_youtube-logo { width: 36px; height: 36px; background-size: 36px 36px; margin-top: -18px; margin-left: -18px; } .b-page__footer .b-icon_social.b-icon_noname-logo { width: 30px; height: 30px; background-size: 30px 30px; margin-top: -15px; margin-left: -15px; } .b-page__footer .b-icon_social.b-icon_tw-logo { width: 36px; height: 36px; background-size: 36px 36px; margin-top: -18px; margin-left: -18px; } .b-page__footer .b-icon_social.b-icon_gplus-logo { width: 38px; height: 38px; background-size: 38px 38px; margin-top: -19px; margin-left: -19px; } .b-page__footer .b-socials__item { margin-right: 10px; } .b-page__footer .b-footer-column { background-color: #262222; padding: 24px 30px; display: flex; flex-flow: row wrap; } .b-page__footer .b-footer-column .b-footer-column__item:nth-child(1) { width: 220px; } .b-page__footer .b-footer-column .b-footer-column__item { flex-basis: auto; } .b-page__footer .b-logo { float: none; } .b-page__footer .b-logo + p { margin-top: 5px; } .b-page__footer .b-bottom-menu__item { display: inline-block; margin-right: 10px; padding: 3px 0px; } .b-logo_footer { margin: 10px 0px 0px 0px; } .b-page__footer .b-bottom-menu { margin-bottom: 0px; } .b-page__footer .b-bottom-menu + p { margin-top: 10px; } .b-page__footer .b-icon_menu-arrow-down { margin-left: -2px; } .b-page__footer .b-link_menu .b-link__name { border-bottom: 1px solid #FECC2F; } .b-page__footer .b-link_menu .b-link__name:hover { border-color: transparent; } .b-page__section_b20 { padding-top: 60px; padding-bottom: 0px; } .b-form-block { padding: 40px 30px 40px 30px; height: auto; } .b-form-block::before { max-height: 734px; background-position: left top; background-size: auto; } .b-form-block::after { content: ''; display: block; position: absolute; right: 0px; top: 0px; background-image: url(../images/form_border.png); background-repeat: no-repeat; background-position: right top; background-size: auto 100%; width: 43px; height: 100%; max-height: 734px; margin-right: -43px; margin-top: -14px; z-index: 1 } .b-page__section_b20 .b-fieldblock { width: 100% !important; float: none; margin-left: 0 !important; margin-right: 0 !important; } .b-page__section_b20 .b-box_yellow { float: none; max-width: 100%; margin: 30px 0px 10px 0px; } .b-page__section_b20 .b-box_yellow .b-icon_warning { float: left; margin-right: 20px; } .b-confirm-block__text { width: calc(100% - 230px); padding-left: 15px; margin-top: 5px; margin-left: 0; } .b-big-ch { padding: 19.5px 19.5px; } } @media (min-width: 520px) and (max-width: 850px) { .b-page__section_b4 .b-site-stat { margin-left: 0; margin-top: 40px; } .b-page__section_b4 { padding-bottom: 40px; } .b-page__section_b4 .b-site-stat__caption { right: auto; top: auto; bottom: 0; left: 50%; margin-left: -130px; margin-bottom: -210px; z-index: 15; } .b-page__section_b4 .b-site-stat + p { margin-top: 210px; } .b-site-examples__item .b-block { height: auto; } .b-site-examples__item img { height: auto; max-height: 450px; width: auto; max-width: 60%; max-width: calc(100% - 200px); } .b-quote-round { background-size: 198px 47px; width: 198px; height: 47px; font-size: 13px; padding-top: 9px; } .b-page__section_b17 .b-quote-round_right::after { width: 32px; height: 17px; margin: 9px 65px; } .b-page__section_b17 .b-quote-round:not(.b-quote-round_right) { margin-top: 15px; } } @media (min-width: 520px) and (max-width: 724px) { .b-page__section_b4 .b-site-stat { width: 100%; } .b-page__section_b4 .b-site-stat__axis-x { width: 500px; margin-left: 0px; } .b-page__section_b4 .b-site-stat__axis-y { margin-left: 0px; } .b-page__section_b4 .b-site-stat__graph { margin-left: 24px; } .b-page__section_b13 .b-block__left, .b-page__section_b13 .b-block__right { padding-right: 40px; } .b-page__section_b19 .b-block__bottom .b-utp { flex-wrap: wrap; } .b-page__section_b19 .b-block__bottom .b-utp__item { flex-basis: 50%; margin-bottom: 25px; } .b-page__section_b19 .b-block__bottom .b-utp + .b-utp .b-utp__item:nth-child(2), .b-page__section_b19 .b-block__bottom .b-utp + .b-utp .b-utp__item:nth-child(3), .b-page__section_b19 .b-block__bottom .b-utp + .b-utp .b-utp__item:nth-child(4) { padding-top: 0px; } .b-page__section_b19 .b-block__bottom .b-utp + .b-utp { margin-top: 0px; } .b-page__section_b19 .b-block__right .b-utp .b-utp__item img { max-width: 100%; width: auto; height: auto; } .b-info { display: block; background-color: transparent; } .b-info__item { display: block; width: 100%; max-width: 260px; margin: 0px auto; float: none; margin-bottom: 20px; } .b-info__item:nth-child(2) { margin: 0px auto; margin-bottom: 20px; } .b-page__section_b17 .b-info { text-align: center; } .b-page__section_b10 .b-site-stat__label[data-name="thousand"] { margin-left: 0; } .b-page__section_b10 .b-site-stat__label[data-name="50"], .b-page__section_b10 .b-site-stat__label[data-name="70"], .b-page__section_b10 .b-site-stat__label[data-name="90"], .b-page__section_b10 .b-site-stat__label[data-name="110"], .b-page__section_b10 .b-site-stat__label[data-name="130"], .b-page__section_b10 .b-site-stat__label[data-name="150"] { margin-left: 10px; } .b-page__section_b10 .b-site-stat__label[data-name="Month"] { right: 0px; left: auto; } } @media (min-width: 520px) and (max-width: 680px) { .b-slider-content__left { width: 40%; } .b-slider-content__right { width: 60% } .b-h1-bgwhite__item.g-h1 { font-size: 40px; line-height: 39px; } .b-page__section_b3 .b-block__left { width: 40%; } .b-page__section_b3 .b-block__right { width: 60%; } .b-slick-pagintation_7 { position: relative; margin-top: 0px; } .b-site-examples__item .b-block { padding: 0; } .b-site-examples__item img { height: auto; width: auto; max-width: 100%; max-height: 100%; display: block; margin: 0px auto; float: none; } .b-site-examples__content { position: relative; top: auto; left: auto; margin-top: 0px; } .b-site-examples__text { max-width: 100%; } .b-page__section_b10 .b-block { padding-left: 0; padding-right: 0; } .b-page__section_b10 .b-block::after { width: 100%; margin-left: 0px; } .b-page__section_b10 .b-block::before { width: 100%; margin-left: 0px; } .b-page__section_b9 .b-slick-hnav__item { font-size: 14px; } .b-page__section_b8 .b-number__digit { font-size: 54px; } } @media (min-width: 520px) and (max-width: 620px) { .b-page__section_b10 .b-block { padding-right: 0px; } .b-page__section_b10 .b-site-stat { width: 480px; } .b-page__section_b10 .b-site-stat__label[data-name="Month"] { margin-bottom: 5px; } .b-page__section_b9 .b-slick-hnav__item { font-size: 13px; } .b-page__section_b8 .b-number__digit { font-size: 44px; } .b-price-block_tablet__name { font-size: 16px; margin-left: 10px; } .b-price-block_tablet__header { padding: 15px 10px; } .b-price-packet__price { float: none; } } @media (max-width: 520px) { input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], input[type="number"], input[type="month"], input[type="date"], input[type="email"], input[type="datetime-local"], input[type="color"] { height: 50px; line-height: 50px; padding: 0px 12px; } textarea { padding: 25px 12px; } .b-burger-menu { display: inline-block; } .b-burger-menu.g-is-tablet { display: none; } .g-is-pc { display: none !important; } .g-is-tablet { display: none !important; } .g-is-mobile { display: block; } h1, .g-h1 { font-size: 40px; line-height: 39px; } h2, .g-h2 { font-size: 36px; line-height: 40px; } h3, .g-h3 { font-size: 24px; line-height: 26px; } .b-utp__item b { letter-spacing: 0.04em; } .b-box__inner { padding-left: 18px; padding-right: 18px; } .b-utp.g-is-mobile { display: flex; } .b-number__digit { font-size: 46px; } .b-bgyellow__item { font-size: 26px; line-height: 37px; } .b-parallax-element_dotted_box, .b-parallax-element_dotted_circle { right: -5%; } .b-block { max-width: 100%; padding-left: 15px; padding-right: 15px; } .b-slider-content__left { display: none; } .b-slider-content__right { width: 100%; height: 520px; } .b-menu { display: none; } .b-tablet-menu { display: none; visibility: hidden; } .b-mobile-menu { visibility: visible; padding: 20px 0px 70px; } .b-link_submenu { border-color: transparent; } .b-slider-content__right .b-slider-info { padding: 0px 10px; } .b-slider-content__right .b-slider-info { width: 100%; } .b-page__section_b2 .b-block__left, .b-page__section_b2 .b-block__right { width: 100%; float: none; } .b-slick-pagintation_1 { display: block; margin-left: 10px; bottom: 95px; } .b-slider-content__right .b-slider-info .b-h1-bgwhite + .b-btn-block { display: block; width: 100%; position: absolute; bottom: 40px; } .b-slider-content__right .b-slider-info .b-h1-bgwhite + .b-btn-block .b-btn-block__text { display: block; width: 100%; } .b-page__section_b2 { margin-top: 45px; } .b-page__section_b2 .b-block__left .b-list-number { width: 100%; float: none; } .b-page__section_b2 .b-block__right .b-block-video { width: 100%; max-width: 548px; height: 278px; } .b-page__section_b2 .b-block__right .b-block-video + p { margin-top: 20px; } .b-page__section_b2 .b-box__inner br { display: none; } .b-page__section_b2 .b-block__right .b-block-video { background-position: right center; } .b-page__section_b3 { padding-top: 50px; padding-bottom: 50px; } .b-page__section_b3 .b-block__left { width: 100%; padding-right: 0; } .b-page__section_b3 .b-block__left .b-btn-block { display: none; } .b-page__section_b3 .b-block__right { width: 100%; height: auto; margin-top: 30px; } .b-page__section_b3 .b-btn-block.g-is-mobile { margin-top: 30px; display: block; width: 230px; margin: 0px auto; margin-top: 70px; } .b-page__section_b3 .b-btn-block.g-is-mobile .b-btn-block__text { width: 100%; } .b-slider.js-slick-slider_3 .b-slider__item { height: auto; } .b-slider.js-slick-slider_3 .b-slider__item img { position: relative; left: auto; top: auto; right: auto; bottom: auto; width: 100%; height: auto !important; display: block; } .b-slick-pagintation_3 { position: absolute; top: 100%; right: 0; } .b-page__section_b4 .b-block__left { width: 100%; float: none; } .b-page__section_b4 .b-utp__item { position: relative; padding-left: 90px; padding-bottom: 40px; } .b-page__section_b4 .b-utp__item .b-icon { left: 0px; top: 0px; position: absolute; } .b-page__section_b4 .b-block__right { display: none; } .b-page__section_b4 .b-utp { display: block; width: 100%; float: none; } .b-page__section_b4 .b-utp__item { padding-left: 50px; padding-bottom: 40px; } .b-icon_black-graph { width: 31px; height: 34px; background-size: 31px 34px; } .b-icon_black-voronka { width: 36px; height: 31px; background-size: 36px 31px; } .b-icon_black-box { width: 42px; height: 33px; background-size: 42px 33px; } .b-page__section_b4 .g-is-mobile .b-site-step { display: block; float: none; margin: 0px auto; margin-top: 15px; } .b-page__section_b4 .g-is-mobile h3 { width: 240px; display: block; margin: 0px auto; } .b-page__section_b4 .b-site-stat { clear: both; margin: 0px auto; margin-top: 40px; width: 100%; max-width: 290px; height: 290px; } .b-page__section_b4 .b-site-stat .b-icon_circle_big { width: 19.5px; height: 19.5px; } .b-page__section_b4 .b-site-stat .b-icon_circle_big::before, .b-page__section_b4 .b-site-stat .b-icon_circle_big::after { width: 19.5px; height: 19.5px; } .b-page__section_b4 .b-site-stat::before { width: 200%; left: -50%; } .b-page__section_b4 .b-site-stat__axis-y { margin-left: 0; margin-bottom: 86px; height: 160px; } .b-page__section_b4 .b-site-stat__axis-x { margin-left: 0px; margin-bottom: 86px; width: 290px; } .b-page__section_b4 .b-site-stat__graph { width: 262px; height: 127px; margin-left: 15px; margin-top: 50px; } .b-page__section_b4 .b-site-stat__graph .b-icon_circle:nth-child(1) { margin-top: -9px; } .b-page__section_b4 .b-site-stat__graph .b-icon_circle:nth-child(2) { margin-right: 81px; margin-bottom: 10px; } .b-page__section_b4 .b-site-stat__graph .b-number:nth-child(4) { margin-top: -35px; margin-right: -10px; max-width: 110px; } .b-page__section_b4 .b-site-stat .b-number__digit { font-size: 36px; } .b-page__section_b4 .b-site-stat .b-number__text { font-size: 14px; line-height: 16px; } .b-page__section_b4 { padding-bottom: 40px; } .b-page__section_b4 .b-site-stat__caption { right: auto; top: auto; bottom: 0; left: 50%; width: 200px; height: 163px; margin-left: -100px; margin-bottom: -93px; z-index: 15; padding: 18px; text-align: center; } .b-site-stat__caption h4 { font-size: 18px; } .b-page__section_b4 .b-site-stat + p { margin-top: 80px; } .b-page__section_b4 .b-link.b-link_file { display: none; } .b-page__section_b5 { padding-bottom: 50px; } .b-page__section_b5 .b-quote .b-quote__item:nth-child(1) { display: none; } .b-page__section_b5 .b-quote { display: block; } .b-page__section_b5 .b-quote__item.g-is-mobile { text-align: center; margin-top: 30px; } .b-page__section_b5 .b-avatar__img { background-color: #FEFDF2; } .b-page__section_b5 .b-bgyellow { padding-left: 0px; padding-right: 0px; padding-top: 60px; } .b-page__section_b5 .b-bgyellow .b-bgyellow__item:first-child::before { margin-left: 0; margin-top: -50px; } .b-page__section_b5 .b-bgyellow .b-bgyellow__item:last-child::after { margin-right: -50px; margin-top: 5px; } .b-slider.js-slick-slider_4 .b-slider__item { height: 322px; width: 100%; padding-left: 15px; } .b-slider.js-slick-slider_4 .b-slider__img { width: 100%; background-size: auto 100%; background-position: left center; } .b-slider.js-slick-slider_4::after { margin: 10px 0px 0px 20px; height: calc(100% - 15px); width: calc(100% - 15px); } .b-page__section_b6 { padding-top: 50px; padding-bottom: 50px; } .b-page__section_b6 .b-utp { flex-wrap: wrap; } .b-page__section_b6 .b-utp__item { flex-basis: 100%; } .b-page__section_b6 .b-utp__item:nth-child(1), .b-page__section_b6 .b-utp__item:nth-child(2) { margin-bottom: 30px; } .b-page__section_b6 .b-utp__item:nth-child(3), .b-page__section_b6 .b-utp__item:nth-child(4) { margin-bottom: 30px; } .b-page__section_b6 .b-utp + p { text-align: center; } .b-page__section_b6 .b-utp + p .b-link.b-link_file { margin-top: 40px; float: none; } .b-page__section_b7 { padding-top: 30px; padding-bottom: 50px; } .b-page__section_b7 .b-block { padding-left: 0; padding-right: 0; } .b-page__section_b7 .b-block__left { width: 100%; display: block; padding-right: 0px; height: auto; float: none; padding-left: 15px; padding-right: 15px; } .b-page__section_b7 .b-block__right { width: 100%; display: block; float: none; clear: both; margin-top: 20px; } .b-slider.js-slick-slider_4 { margin-left: 0px; } .b-page__section_b7 .b-block__left .b-number { position: relative; padding-left: 0px; float: none; width: 100%; padding-left: 60px; } .b-page__section_b7 .b-block__left .b-number__text { display: block; } .b-page__section_b7 .b-block__left .b-slick-vnav { float: none; display: block; width: 100%; } .b-page__section_b8 { padding-top: 50px; } .b-page__section_b8 .b-block > h2 { margin-bottom: 0; } .b-page__section_b8 .b-utp { margin-top: 30px; } .b-page__section_b8 .b-utp + img { width: 100%; height: auto; display: block; margin-top: 20px; position: relative; } .b-page__section_b8 .b-utp__item .b-number { float: none; margin-left: 20px; } .b-page__section_b9 { padding-top: 50px; } .b-page__section_b9 .b-block .b-block { padding-left: 0; padding-right: 0; } .b-page__section_b9 .b-yellow-line__part1, .b-page__section_b9 .b-yellow-line__part2 { float: left; } .b-page__section_b9 .b-yellow-line__part2 { width: calc(100% - 90px); padding-top: 10px; padding-bottom: 0px; } .b-page__section_b9 .b-yellow-line__part1 { margin-left: -10px; padding-left: 10px; } .b-page__section_b9 .b-yellow-line::before { display: none; } .b-page__section_b9 .b-yellow-line::after { content: ''; display: table; clear: both; } .b-page__section_b9 .b-block__left { width: 100%; padding-right: 0px; height: auto; float: none; } .b-page__section_b9 .b-block__right { float: none; width: 100%; height: auto; padding-bottom: 20px; margin-top: 40px; } .b-page__section_b9 .b-slick-hnav__item { padding-left: 0px; padding-right: 20px; padding-top: 50px; color: #000; } .b-page__section_b9 .b-slick-hnav__item .b-number__digit { font-size: 64px; } .b-page__section_b9 .b-slider-5-textbottom { position: relative; top: auto; left: auto; bottom: auto; } .b-page__section_b9 .b-slider-5-text .b-quote-box { width: 100%; position: relative; left: 0; top: 0; bottom: auto; margin-top: 30px; margin-left: 0; height: auto; padding-left: 15px; padding-right: 15px; } .b-page__section_b9 .b-slider-5-text[data-slide-index="1"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="2"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="3"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="4"] .b-quote-box, .b-page__section_b9 .b-slider-5-text[data-slide-index="5"] .b-quote-box { width: 100%; position: relative; left: auto; top: auto; bottom: auto; margin-top: 30px; margin-left: 0; margin-bottom: 0; height: auto; } .b-page__section_b9 .b-slider-5-text .b-quote-box::before, .b-page__section_b9 .b-slider-5-text .b-quote-box_topright::before { border-width: 0 0 28px 9px; margin-left: -10px; left: 0px; bottom: 0px; margin-bottom: 20px; right: auto; top: auto; border-color: transparent transparent #E3E3E3 transparent; } .b-page__section_b9 .b-slider-5-text .b-quote-box::after, .b-page__section_b9 .b-slider-5-text .b-quote-box_topright::after { border-width: 0 0 28px 9px; margin-left: -9px; left: 0px; bottom: 0px; margin-bottom: 20px; right: auto; top: auto; border-color: transparent transparent #fff transparent; } .b-slider.js-slick-slider_5 .b-slider__item { height: auto; } .b-slider.js-slick-slider_5 .b-slider__item img { top: auto; left: auto; right: auto; bottom: auto; position: relative; display: block; width: 100%; height: auto; } .b-page__section_b10 { padding-top: 100px; padding-bottom: 50px; } .b-page__section_b10 .b-site-stat__label[data-name="thousand"] { margin-left: 0; } .b-page__section_b10 .b-site-stat__label[data-name="50"], .b-page__section_b10 .b-site-stat__label[data-name="70"], .b-page__section_b10 .b-site-stat__label[data-name="90"], .b-page__section_b10 .b-site-stat__label[data-name="110"], .b-page__section_b10 .b-site-stat__label[data-name="130"], .b-page__section_b10 .b-site-stat__label[data-name="150"] { margin-left: 10px; } .b-page__section_b10 .b-site-stat__label[data-name="Month"] { right: 0px; left: auto; } .b-page__section_b10 .b-block { padding-left: 0; padding-right: 0; } .b-page__section_b10 .b-block::after { width: 100%; margin-left: 0px; } .b-page__section_b10 .b-block::before { width: 100%; margin-left: 0px; } .b-page__section_b10 .b-block__left { height: auto; background: none; } .b-page__section_b10 .b-block__left, .b-page__section_b11 .b-block__left { width: 100%; clear: both; } .b-page__section_b10 .b-block__right, .b-page__section_b11 .b-block__right { width: 100%; clear: both; margin-top: 40px; } .b-page__section_b10 .b-block__right { height: auto; padding-left: 10px; padding-right: 10px; } .b-page__section_b10 .b-block > h2 { padding-left: 10px; padding-right: 10px; } .b-page__section_b10 .b-block__right p:last-child { text-align: center; } .b-page__section_b10 .b-block__right .b-btn-block { margin-top: 10px; } .b-page__section_b10 .b-site-stat { display: none; } .b-page__section_b10 .b-site-stat.g-is-mobile { display: block; height: auto; width: 100%; margin-top: 0; } .b-page__section_b10 .b-site-stat.g-is-mobile img { width: 100%; height: auto; } .b-page__section_b11 { padding: 50px 0px; } .b-page__section_b11 .b-block > h2 { margin-bottom: 20px; } .b-page__section_b11 .b-block__right .b-graph { width: 100%; } .b-page__section_b11 .b-block__right { height: auto; } .b-page__section_b11 .b-block__left .b-btn-block { margin-top: 10px; } .b-page__section_b11 .b-block__left p:last-child { text-align: center; } .b-info { display: block; background-color: transparent; } .b-info__item { display: block; width: 100%; max-width: 100%; margin: 0px auto; float: none; margin-bottom: 20px; } .b-info__item:nth-child(2) { margin: 0px auto; margin-bottom: 20px; } .b-slider.js-slick-slider_6 .b-slider__item { height: 322px; width: 100%; padding-left: 10px; } .b-slider.js-slick-slider_6 .b-slider__img { width: 100%; background-size: auto 100%; background-position: left center; } .b-slider.js-slick-slider_6::after { margin: 10px 0px 0px 20px; height: calc(100% - 10px); width: calc(100% - 10px); } .b-page__section_b12 { padding-top: 30px; padding-bottom: 50px; } .b-page__section_b12 .b-block { padding-left: 0; padding-right: 0; } .b-page__section_b12 .b-block__left { width: 100%; display: block; padding-right: 0px; height: auto; float: none; padding-left: 10px; padding-right: 10px; } .b-page__section_b12 .b-block__right { width: 100%; display: block; float: none; clear: both; margin-top: 20px; } .b-slider.js-slick-slider_6 { margin-left: 0px; } .b-page__section_b12 .b-block__left .b-number { position: relative; padding-left: 0px; float: none; width: 100%; padding-left: 60px; } .b-page__section_b12 .b-block__left .b-number__text { display: block; } .b-page__section_b12 .b-block__left .b-slick-vnav { float: none; display: block; width: 100%; } .b-page__section_b13 { padding-top: 50px; padding-bottom: 25px; } .b-page__section_b13 .b-block__left, .b-page__section_b13 .b-block__right { padding-right: 0px; width: 100%; float: none; } .b-page__section_b13 .b-block__right { margin-top: 70px; } .b-page__section_b13 .b-block h2 + p { margin-top: 0px; } .b-page__section.b-page__section_b14 { background-image: url(../images/vortex_bg.jpg); margin-top: -5px; padding-top: 25px; } .b-page__section_b14 .b-utp { flex-wrap: wrap; } .b-page__section_b14 .b-utp__item { padding-right: 0px; padding-bottom: 30px; width: 100%; } .b-page__section_b14 .b-block { background: none; } .b-page__section_b14 .b-block::before, .b-page__section_b14 .b-block::after { background: none; } .b-page__section_b14 .b-block h2, .b-page__section_b14 .b-block h3, .b-page__section_b14 .b-block p, .b-page__section_b14 .b-block ul { color: #fff; } .b-page__section_b14 .b-block__left, .b-page__section_b14 .b-block__right { width: 100%; float: none; } .b-page__section_b14 .b-block__left .b-btn-block { display: none; } .b-page__section_b14 .b-block__right { margin-top: 0px; } .b-price-block_mobile .b-var-list__item { padding-left: 10px; } .b-price-block_mobile .b-btn-block__text { padding-left: 20px; padding-right: 20px; } .b-price-block_mobile .b-btn-block { width: calc(100% - 20px); margin: 0px auto; } .b-price-block_mobile.g-is-mobile { display: flex; } .b-price-block_mobile__name { font-size: 16px; margin-left: 0px; float: none; display: block; } .b-price-block_mobile__header { padding: 15px 10px; height: auto; line-height: 1.0em; } .b-price-block_mobile__header .b-icon { float: none; } .b-var-list .b-var-list__item > p:first-child { width: 200%; position: relative; } .b-price-packet { padding-left: 10px; padding-right: 10px; } .b-price-packet__price { float: none; color: #FECC2F; white-space: nowrap; } .b-page__section_b15 { padding-top: 50px; padding-bottom: 50px; } .b-page__section_b15 .b-block { padding-left: 0px; padding-right: 0px; } .b-page__section_b15 .b-block > h2 { padding: 0px 10px; display: block; } .b-page__section_b16 .b-block > .b-block__right .b-block__left, .b-page__section_b16 .b-block > .b-block__right .b-block__right { width: 100%; padding-right: 0px; float: none; } .b-page__section_b16 { padding-top: 50px; } .b-page__section_b16 .b-block > .b-block__left { width: 100%; padding-right: 0px; margin-top: 40px; } .b-page__section_b16 .b-block > .b-block__right { width: 100%; padding-left: 0px; } .b-page__section_b16 .b-block > .b-block__right .b-block__right { margin-top: 20px; } .b-page__section_b16 .b-block > .b-block__right .b-btn-block { display: none; } .b-page__section_b16 .b-block > .b-block__left.g-is-mobile { text-align: center; } .b-page__section_b16 .b-block > .b-block__left.g-is-mobile img { margin-top: 40px; } .b-page__section_b17 { padding-top: 50px; text-align: center; } .b-page__section_b17 .b-info { text-align: center; } .b-page__section_b18 .js-slick-slider_7 + .b-block { width: 100%; padding: 0px 10px; } .b-site-examples__item { padding: 0px 10px 30px 10px; } .b-site-examples__item .b-block { margin-left: 0; padding: 0; } .b-slick-pagintation_7 .slick-dots { max-width: 200px; } .b-slick-pagintation_7 { margin-left: 0px; position: relative; margin-top: 0px; } .b-site-examples__item:not(.slick-center)::before { display: none; } .b-site-examples__item .b-block { height: auto; width: 100%; } .b-site-examples__item img { height: auto; width: auto; max-width: 100%; max-height: 100%; display: block; margin: 0px auto; float: none; } .b-site-examples__wrap { background: #FECC2F !important; } .b-site-examples__content { position: relative; top: auto; left: auto; margin-top: 0px; } .b-site-examples__text { max-width: 100%; } .b-page__section_b18 { padding-top: 50px; padding-bottom: 50px; } .b-page__section_b18 .b-block > h2 { margin-bottom: 20px; } .b-page__section_b19 { background: none; background-color: #FEFDF2; border-bottom: 1px solid #FECC2F; padding: 50px 0px; } .b-page__section_b19 .b-block__bottom .b-number__digit, .b-page__section_b19 p, .b-page__section_b19 .b-block__bottom .b-number__text, .b-page__section_b19 h2, .b-page__section_b19 .b-block__bottom h3 { color: #000; } .b-page__section_b19 .b-block__left, .b-page__section_b19 .b-block__right { width: 100%; float: none; padding: 0; } .b-page__section_b19 .b-number__digit { line-height: 60px; } .b-page__section_b19 .b-block__right { margin-top: 30px; } .b-page__section_b19 .b-block__left p:last-child { text-align: center; } .b-page__section_b19 .b-block__bottom { margin-top: 50px; } .b-page__section_b19 .b-block__right .b-utp .b-utp__item { text-align: left; width: 33.33333333333333%; } .b-page__section_b19 .b-block__right .b-utp__item img { width: 100%; height: auto; } .b-page__section_b19 .b-block__right .b-utp.g-is-mobile .b-utp__item:nth-child(3) { text-align: center; } .b-page__section_b19 .b-block__right .b-utp .b-utp__item:nth-child(4) { display: none; } .b-page__section_b19 .b-block__bottom .b-utp { flex-wrap: wrap; } .b-page__section_b19 .b-block__bottom .b-utp + .b-utp { margin-top: 25px; } .b-page__section_b19 .b-block__bottom .b-utp__item { width: 50%; flex-basis: 50%; padding-right: 20px; text-align: left; } .b-page__section_b19 .b-block__bottom .b-utp + .b-utp .b-utp__item:first-child .b-number .b-number__text:first-child { font-size: 24px; display: block; } .b-page__section_b19 .b-block__bottom .b-utp + .b-utp .b-utp__item:nth-child(2) .b-number { margin-top: 18px; } .b-form-block { padding: 35px 15px 35px 15px; height: auto; } .b-form-block::before { max-height: 734px; background-position: left -20px; background-size: auto; margin-top: -23px; margin-right: -23px; } .b-form-block::after { content: ''; display: block; position: absolute; right: 0px; top: 0px; background-image: url(../images/form_border.png); background-repeat: no-repeat; background-position: right top; background-size: auto 100%; width: 43px; height: 100%; max-height: 734px; margin-right: -43px; margin-top: -10px; z-index: 1 } .b-page__section_b20 { padding-top: 50px; padding-bottom: 50px; } .b-page__section_b20 .b-fieldblock { width: 100% !important; float: none; margin-left: 0 !important; margin-right: 0 !important; } .b-page__section_analytics_20 .b-box_yellow, .b-page__section_b20 .b-box_yellow { float: none; max-width: 100%; margin: 30px 0px 10px 0px; } .b-page__section_b20 .b-box_yellow .b-icon_warning { float: none; margin-right: 20px; } .b-confirm-block__text { width: 100%; padding-left: 0px; margin-top: 20px; margin-left: 0; } .b-big-ch { padding: 19.5px 35px; } .b-page__section_b20 textarea { height: 196px; } .b-page__section_b20 .b-form-block { margin-top: 0; } .b-page__section_b20 .b-form-block .b-big-ch { margin-right: 0; margin-bottom: 20px; width: 100%; } .b-page__section_b20 .b-fieldblock:nth-child(7) .b-big-ch:nth-child(2) { margin-right: 0; } .b-page__footer { padding: 40px 0px 40px 0px; } .b-confirm-block__btn { float: none; width: 100%; } .b-confirm-block__btn .b-btn-block, .b-confirm-block__btn .b-btn-block__text { width: 100%; } .b-footer-column { display: block; } .b-bottom-menu { display: block; text-align: center; } .b-bottom-menu__item.b-bottom-menu__item_header .b-link_bottom-menu { font-weight: 600; } .b-bottom-menu__item:not(.b-bottom-menu__item_header) { display: none; } .b-bottom-menu__item_header .b-link_bottom-menu:hover { color: #FECC2F; } .b-footer-column { padding-left: 10px; padding-right: 10px; text-align: center; } .b-page__footer .b-footer-column + .b-footer-column { margin-top: 0; } .b-logo_footer.b-logo { float: none; } .b-footer{ padding-top: 40px; } .b-page__footer-alt.b-page__footer .b-bottom-menu__item_header { margin-bottom: 0; padding: 3px 0px; } } .popup-logo { width: 95px; margin: auto; display: block; } .b-fieldblock-middle { width: 49% } .b-fieldblock-min { width: 32% } .b-form-block__container form { display: flex; flex-wrap: wrap; justify-content: space-between } .breadcrumbs { margin-bottom: 10px; margin-top: 40px; font-size: 12px; } .breadcrumbs a { color: #FECC2F; text-decoration: none !important; border-bottom: 1px dashed transparent; transition: 0.2s ease all; } .breadcrumbs a:hover { border-bottom-color: #FECC2F; } .breadcrumbs .separate { margin: 0 3px; }