.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label:before,.wpcf7-list-item-label:after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner:before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner:before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:after,*:before{box-sizing:border-box} .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:0 0}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:0 0}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:0 0}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000} /*! * fullPage 3.1.0 * https://github.com/alvarotrigo/fullPage.js * * @license GPLv3 for open source use only * or Fullpage Commercial License for commercial use * http://alvarotrigo.com/fullPage/pricing/ * * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo */.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;top:50%;opacity:1;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translate3d(0,-50%,0)}#fp-nav.fp-right{right:17px}#fp-nav.fp-left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.fp-bottom{bottom:17px}.fp-slidesNav.fp-top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.fp-right{right:20px}#fp-nav ul li .fp-tooltip.fp-left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important}.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}.fp-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} /*# sourceMappingURL=fullpage.min.css.map */ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} @font-face { font-family: SimplerPro; font-weight: 400; font-style: normal; src: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../fonts/SimplerPro-Regular/SimplerPro-Regular.eot); src: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../fonts/SimplerPro-Regular/SimplerPro-Regular.eot?#iefix) format("embedded-opentype"), url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../fonts/SimplerPro-Regular/SimplerPro-Regular.woff) format("woff"), url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../fonts/SimplerPro-Regular/SimplerPro-Regular.ttf) format("truetype") } input, select, textarea { direction: rtl; } @font-face { font-family: SimplerPro; font-weight: 700; font-style: normal; src: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../fonts/SimplerPro-Bold/SimplerPro-Bold.eot); src: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../fonts/SimplerPro-Bold/SimplerPro-Bold.eot?#iefix) format("embedded-opentype"), url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../fonts/SimplerPro-Bold/SimplerPro-Bold.woff) format("woff"), url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../fonts/SimplerPro-Bold/SimplerPro-Bold.ttf) format("truetype") } @font-face { font-family: SimplerPro; font-weight: 300; font-style: normal; src: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../fonts/SimplerPro-Light/SimplerPro-Light.eot); src: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../fonts/SimplerPro-Light/SimplerPro-Light.eot?#iefix) format("embedded-opentype"), url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../fonts/SimplerPro-Light/SimplerPro-Light.woff) format("woff"), url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../fonts/SimplerPro-Light/SimplerPro-Light.ttf) format("truetype") } @font-face { font-family: SimplerPro; font-weight: 900; font-style: normal; src: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../fonts/SimplerPro-Black/SimplerPro-Black.eot); src: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../fonts/SimplerPro-Black/SimplerPro-Black.eot?#iefix) format("embedded-opentype"), url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../fonts/SimplerPro-Black/SimplerPro-Black.woff) format("woff"), url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../fonts/SimplerPro-Black/SimplerPro-Black.ttf) format("truetype") } ::-moz-selection { background-color: #f22878; color: #fff } ::selection { background-color: #f22878; color: #fff } ::-webkit-scrollbar { width: 10px } ::-webkit-scrollbar-track { background-color: #e8e8e8 } ::-webkit-scrollbar-thumb { background-color: #f22878 } body, html { height: 100% } h1, h2, h3, h4, h5, h6, p { margin: 0 } body { font-size: 16px; min-width: 320px; position: relative; line-height: normal; font-family: SimplerPro, sans-serif; color: #363636; background-color: #0c1837 } body input, body textarea { outline: 0 } .img, .img-responsive { display: block; max-width: 100%; height: auto } .page { overflow: hidden } .container { width: 1428px; margin: 0 auto; max-width: 100% } .wrapper { width: 100%; padding: 0 100px; margin: 0 auto } .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-decoration: none; outline: 0; display: inline-block; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; background-color: transparent; border: 2px solid #fff; -webkit-border-radius: 60px; border-radius: 60px; font-weight: 700; font-size: 16px; color: #fff; cursor: pointer; padding: 12px 50px } .btn:hover { background-color: #fff; text-decoration: none; color: #363636 } .btn.pink { background-color: #f22878; width: 122px; height: 41px; color: #fff; font-size: 14px; direction: rtl; padding: 0; margin-left: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-border-radius: 8px; border-radius: 8px; border: none } .btn.pink:hover { background-color: #da0d5e; color: #fff } .btn-arrow { text-decoration: none; outline: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 80px; height: 40px; margin-top: 40px; background-color: transparent; border: 2px solid #363636; -webkit-border-radius: 20px; border-radius: 20px; margin-left: auto } .btn-arrow img { position: relative; right: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s } .btn-arrow:hover img { right: 3px } .btn-arrow.white { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } .logo { text-decoration: none; outline: 0; display: inline-block } .rtl { direction: rtl } .header { position: absolute; left: 0; top: 0; width: 100%; padding: 24px 0 } .header-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .header-logo { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } .header-logo img { width: 120px; } .section-height { height: auto!important; min-height: auto!important } .footer { background-color: #fff; padding: 20px 0 } .footer-list { /* display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between */ text-align: center; } .footer-text { font-weight: 400; font-size: 14px; line-height: 17px; color: #160660 } .footer-text a { text-decoration: none; color: #160660 } .footer-text a:hover { text-decoration: underline; color: #160660 } .footer-logo { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .main { position: relative; background-image: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../img/bg-main.jpg); -webkit-background-size: cover; background-size: cover; background-position: center } .main-wrapper { width: 634px; margin-top: 96px } .main-title { font-weight: bold; font-size: 110px; line-height: 100px; text-transform: uppercase; color: #fff } .main-subtitle { margin-top: 30px; font-size: 26px; line-height: 34px; color: #fff; font-weight: 400; width: 583px; max-width: 100%; margin-left: auto } .main-img { position: absolute; bottom: 0; left: 100px; width: auto; height: calc(100% - 90px) } .main-mouse { width: 22px; height: 34px; border: 2px solid #fff; -webkit-border-radius: 11px; border-radius: 11px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; position: absolute; top: calc(100vh - 70px); left: calc(50% - 11px); z-index: 2; padding: 0; margin: 0; list-style-type: none } .main-mouse li { display: block; width: 100%; height: 100% } .main-mouse a { text-decoration: none; outline: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 0; top: 0; width: 100%; height: 100% } .main-mouse span { width: 2px; display: block; height: 8px; background-color: #fff; -webkit-animation: .7s linear 0s infinite alternate mouse; animation: .7s linear 0s infinite alternate mouse } @-webkit-keyframes mouse { from { -webkit-transform: translateY(0); transform: translateY(0) } to { -webkit-transform: translateY(2px); transform: translateY(2px) } } @keyframes mouse { from { -webkit-transform: translateY(0); transform: translateY(0) } to { -webkit-transform: translateY(2px); transform: translateY(2px) } } #menu { right: 100px; top: 0; height: 100%; padding: 0; margin: 0; list-style-type: none; position: fixed; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } #menu li { direction: rtl; position: relative; height: 17px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin: 10px 0; max-width: 111px; } #menu li::before { content: ""; position: absolute; top: 0; height: 100%; right: 1px; width: 3px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; background-color: rgba(51, 107, 232, .5) } #menu li a { text-decoration: none; outline: 0; font-weight: 400; font-size: 14px; line-height: 17px; color: #fff; position: relative; padding-right: 23px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; direction: rtl; display: block; width: 100%; text-align: right; visibility: hidden; opacity: 0 } #menu li a span { position: relative; display: inline-block } #menu li a span::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s } #menu li:hover a { visibility: visible; opacity: 1 } #menu li.active { height: 36px } #menu li.active a { visibility: visible; opacity: 1 } #menu li.active::before { background-color: #f22878; right: 0; width: 5px } #menu.dark li a { color: #363636 } #menu.dark li a:hover { color: #363636 } #menu.dark li a span::before { background-color: #363636 } #menu.red li::before { background-color: #fff } #menu.red li.active::before { background-color: #0c1837 } .waypoint { -webkit-transition: all .7s; -o-transition: all .7s; transition: all .7s } .fadeInLeft { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0 } .fadeInLeft.animation-active { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } .fadeInRight { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .fadeInRight.animation-active { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } .fadeText { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: all .7s; -o-transition: all .7s; transition: all .7s } .fadeText.animation-active { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .zoomUp { -webkit-transform: translateY(-20px) scale(0); -ms-transform: translateY(-20px) scale(0); transform: translateY(-20px) scale(0); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } .zoomUp.animation-active { -webkit-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1) } .modal { background: #fff; -webkit-border-radius: 9px; border-radius: 9px; position: relative; z-index: 2; } .modal-container { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; z-index: 20; display: none; } .modal-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 50px 15px 20px; min-height: 100%; position: relative; } .modal-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, .5); } .modal-close { width: 42px; height: 45px; top: -42px; right: -42px; -webkit-background-size: 42px 45px; background-size: 42px 45px; background-image: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../img/close.svg); background-repeat: no-repeat; cursor: pointer; position: absolute } .modal__form { padding: 40px 37px; width: 584px; max-width: 100% } .modal__form-title { font-weight: 900; font-size: 30px; line-height: 40px; text-transform: uppercase; color: #160660; margin-bottom: 40px } .modal__success { width: 403px; padding: 80px 30px; max-width: 100%; text-align: center } .modal__success-title { font-weight: 700; font-size: 24px; line-height: 28px; color: #160660 } .modal__success-icon { display: block; max-width: 100%; height: auto; margin: 0 auto 27px } .form-input { margin-top: 25px; direction: rtl; position: relative; } .select-placeholder { position: absolute; right: 0; top: 0; width: 100%; height: 100%; cursor: pointer; color: rgba(22, 6, 96, .3); font-size: 14px; line-height: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: 15px; } .form .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple { background-color: transparent; } .contact .select-placeholder { padding-right: 0; color: #fff; } .form-btn { margin-top: 30px; } .form .select2-container--default .select2-search--inline .select2-search__field { font-size: 14px; font-family: SimplerPro, sans-serif; margin-top: 8px; padding-right: 10px; } .contact .select2-container--default .select2-search--inline .select2-search__field { padding-right: 0; } .contact .select2-container .select2-selection--multiple { padding-right: 0; } .form-input:first-child { margin-top: 0 } .form-input input, .form-input textarea { display: block; width: 100%; background-color: transparent; border: 1px solid rgba(22, 6, 96, .2); -webkit-border-radius: 5px; border-radius: 5px; font-weight: 400; font-size: 14px; line-height: 20px; background-color: #fff; color: #160660; padding: 10px 0px } .form .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { padding-left: 10px; } /* .form .select2-search__field { display: none; } */ .form-input input::-webkit-input-placeholder, .form-input textarea::-webkit-input-placeholder { color: rgba(22, 6, 96, .3) } .form .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { background-color: transparent; font-size: 14px; color: #160660; } .form .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 0; } .form .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { padding: 0; } .form-input input::-moz-placeholder, .form-input textarea::-moz-placeholder { color: rgba(22, 6, 96, .3) } .form-input input::-ms-input-placeholder, .form-input textarea::-ms-input-placeholder { color: rgba(22, 6, 96, .3) } .form-input input::placeholder, .form-input textarea::placeholder { color: rgba(22, 6, 96, .3) } .contact .form .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { color: #fff; } .form-input textarea { resize: none; height: 125px } .form .nice-select { } .form .select2-container { float: none; padding: 0 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 42px; background-color: #fff; border: 1px solid rgba(22, 6, 96, .2); color: rgba(22, 6, 96, .3); width: 100% !important; background-color: transparent; border-radius: 5px; } .form .nice-select span { display: block; width: 100%; text-align: right; direction: rtl } .form .select2 * { outline: none !important; border: none !important; } .form .selection { width: 100%; } .form .select2-container--default.select2-container--focus .select2-selection--multiple { border: none } .form .nice-select::after { display: none } .form .nice-select .list { width: 100%; color: #160660; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; border: 1px solid rgba(22, 6, 96, .2) } .select2-selection::before { content: ""; width: 16px; height: 9px; background-repeat: no-repeat; background-position: center; background-image: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../img/select-arrow.svg); left: 13px; bottom: 0; z-index: 2; height: 100%; position: absolute; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s } .form .nice-select.open::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .form-checkbox { margin: 17px 0 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .form-checkbox label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; cursor: pointer } .form-checkbox input { position: absolute; right: 0; top: 0; width: 20px; height: 20px; opacity: 0; } .form-checkbox span.wpcf7-list-item-label { font-weight: 400; font-size: 12px; line-height: 28px; color: #160660; direction: rtl } .form-checkbox span { width: 100% } .form-checkbox b { width: 14px; height: 14px; min-width: 14px; border: 1px solid #160660; -webkit-border-radius: 2.5px; border-radius: 2.5px; margin-left: 9px; position: relative } .form-checkbox b::before { content: ""; position: absolute; left: 50%; width: 7px; height: 7px; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #160660; opacity: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s } .form-checkbox input:checked+span+b::before { opacity: 1 } .form.white .form-checkbox span { color: #fff } .form.white .form-checkbox b { border-color: rgba(255, 255, 255, .4) } .form.white .form-checkbox b::before { background-color: #fff } .title { font-weight: 900; font-size: 70px; line-height: 84px } .title.white { color: #fff } .title.center { text-align: center } .title.blue { color: #160660 } .subtitle { margin-top: 15px; font-weight: 400; font-size: 20px; line-height: 32px } .subtitle.white { color: #fff } .bee { background-color: #ffb800; background-image: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../img/bg-bee-io.jpg); -webkit-background-size: cover; background-size: cover; background-position: center } .bee-wrapper { width: 545px } .bee-img { position: absolute; left: 0; top: 0; height: 100%; width: auto } .bee-mobile { display: none } .text-wrapper { max-width: 100%; margin-left: auto } .section { position: relative } .typecare { background-color: #f7f7fa } .typecare-wrapper { width: 455px; max-width: 100%; margin-left: auto } .typecare-images { position: absolute; right: calc(50% - 200px); top: calc(50% - 30px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .typecare-image { max-height: calc(100vh - 200px); width: auto; display: block; height: auto; max-width: 100%; } .benefits { padding: 0 0 152px; position: relative; background-color: #fff } .benefits-wrapper { background: #0c1837; -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, .1); box-shadow: 0 0 60px rgba(0, 0, 0, .1); padding: 95px 95px 100px; position: relative } .benefits-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .benefits__item { width: 280px; max-width: 100%; margin-top: 67px; text-align: center } .benefits__item-icon { height: 75px; margin-bottom: 17px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100% } .benefits__item-text { font-weight: 400; font-size: 18px; line-height: 32px; color: #fff } .benefits__circle-big { width: 180px; height: 180px; -webkit-border-radius: 100%; border-radius: 100%; background: -webkit-radial-gradient(12.77% 15.96%, 107.71% 107.71%, #336be8 0, #042683 100%); background: -o-radial-gradient(12.77% 15.96%, 107.71% 107.71%, #336be8 0, #042683 100%); background: radial-gradient(107.71% 107.71% at 12.77% 15.96%, #336be8 0, #042683 100%); bottom: -83px; left: -83px; position: absolute } .benefits__circle-top { top: 162px; left: -41px; position: absolute } .benefits__circle-bottom { bottom: -83px; right: 322px; position: absolute; z-index: -1 } .section { -webkit-transform: rotate3d(2, -1, -1, -.2turn); transform: rotate3d(2, -1, -1, -.2turn); -webkit-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s } .section.active { -webkit-transform: rotate3d(0, 0, 0, 0turn); transform: rotate3d(0, 0, 0, 0turn) } .section.stop { -webkit-transform: rotate3d(0, 0, 0, 0turn); transform: rotate3d(0, 0, 0, 0turn) } .fp-normal-scroll { -webkit-transform: rotate3d(0, 0, 0, 0turn); transform: rotate3d(0, 0, 0, 0turn) } .partners { padding-bottom: 163px; background-color: #fff } .partners-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 30px } .partners-item { width: 20%; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 40px } .faq { padding: 100px 0; position: relative; background-image: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../img/bg-faq.jpg); -webkit-background-size: cover; background-size: cover; background-position: center } .faq-img { position: absolute; bottom: 0; right: calc(50% - 50px); width: 750px } .faq-wrapper { width: 553px; max-width: 100%; margin-left: auto } .faq__item { border-bottom: 1px solid rgba(255, 255, 255, .2) } .faq__item-title { padding: 15px 30px; cursor: pointer; font-weight: 400; font-size: 20px; line-height: 29px; text-transform: uppercase; color: rgba(255, 255, 255, .4); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative } .faq__item-title svg { position: absolute; left: 0; top: calc(50% - 6.5px); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s } .faq__item-title::before { content: ""; position: absolute; right: -4px; top: calc(50% - 17px); height: 34px; width: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #f22878; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s } .faq__item-title.active { font-weight: 900; color: #f22878 } .faq__item-title.active::before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .faq__item-title.active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .faq__item-title.active svg path { stroke-opacity: 1; stroke: #f22878 } .faq__item-text { padding: 15px 30px 30px 0; font-weight: 400; font-size: 16px; line-height: 20px; color: #fff; display: none } .faq-list { margin-top: 70px } .contact { padding: 176px 0 142px; background-image: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../img/bg-contact2.jpg); -webkit-background-size: cover; background-size: cover; background-position: center; position: relative } .contact-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 1136px; max-width: 100%; margin: 0 auto } .contact-left { width: 554px; max-width: 100%; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 } .contact-right { width: 467px; max-width: 100%; color: #fff; margin-top: 71px } .contact-title { font-weight: 900; font-size: 70px; line-height: 70px; text-transform: uppercase } .contact-subtitle { margin-top: 21px; font-weight: 400; font-size: 18px; line-height: 30px; color: #fff } .contact .form-input textarea { height: 149px } .contact-wrapper { position: absolute; left: 0; bottom: 47px; width: 100% } .contact-toTop { display: inline-block; text-decoration: none; outline: 0 } .contact-toTop a { display: block; width: 50px; height: 50px; background-image: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../img/to-top.svg); -webkit-background-size: 50px 50px; background-size: 50px; text-decoration: none; outline: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s } .contact-toTop a:hover { opacity: .7; text-decoration: none } .contact .form-input .nice-select, .contact .form-input input, .contact .form-input textarea { background-color: transparent; border: none; border-bottom: 1px solid #fff; -webkit-border-radius: 0; border-radius: 0; color: #fff } .contact .select2-container .select2-selection--multiple { background-color: transparent; } .contact .select2-container .select2-selection--multiple .select2-selection__rendered { color: #000; } .contact .form-input .select2 { background-color: transparent; border: none; border-bottom: 1px solid #fff; -webkit-border-radius: 0; border-radius: 0; color: #fff } .contact .form-input .nice-select::-webkit-input-placeholder, .contact .form-input input::-webkit-input-placeholder, .contact .form-input textarea::-webkit-input-placeholder { color: #fff } .contact .form-input .nice-select::-moz-placeholder, .contact .form-input input::-moz-placeholder, .contact .form-input textarea::-moz-placeholder { color: #fff } .contact .form-input .nice-select::-ms-input-placeholder, .contact .form-input input::-ms-input-placeholder, .contact .form-input textarea::-ms-input-placeholder { color: #fff } .contact .form-input .nice-select::placeholder, .contact .form-input input::placeholder, .contact .form-input textarea::placeholder { color: #fff } .list li:first-child { display: none } .reviews { padding: 146px 0; position: relative; z-index: 2; background-color: #fff } .reviews-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .reviews-title { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 457px; max-width: 100% } .reviews-slider { margin: 15px 0 0 0!important; width: 845px; max-width: 100%; padding-bottom: 106px; position: relative } .reviews-slide { outline: 0 } .reviews__item-text { font-weight: 400; font-size: 22px; line-height: 40px; text-transform: capitalize; color: #363636 } .reviews__item-flex { margin-top: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .reviews__item-info { margin-right: 44px } .reviews__item-info span { display: block; font-weight: 700; font-size: 18px; line-height: 34px; text-transform: capitalize; color: #363636 } .reviews__item-info p { font-weight: 400; font-size: 18px; line-height: 34px; text-transform: capitalize; color: #363636 } .reviews__item-photo { -webkit-background-size: cover; background-size: cover; background-position: center; width: 95px; min-width: 95px; height: 95px; -webkit-border-radius: 100%; border-radius: 100% } .reviews .slick-dots { height: 50px; position: absolute; top: auto; bottom: 0; left: auto; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .reviews .slick-dots li { position: relative; display: block; width: 16px; height: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #b3b5c8; margin-left: 14px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s } .reviews .slick-dots li button { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0; opacity: 0 } .reviews .slick-dots li.slick-active { height: 6px; width: 68px; background-color: #f22878 } .reviews .slick-arrow { position: absolute; left: 70px; bottom: 0; top: auto; width: 50px; height: 50px; background: 0 0; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 2 } .reviews .slick-arrow svg { display: none } .reviews .slick-arrow::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../img/slider-arrow-1.svg); opacity: 1; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s } .reviews .slick-arrow::after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../img/slider-arrow-2.svg); opacity: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s } .reviews .slick-arrow:hover::before { opacity: 0 } .reviews .slick-arrow:hover::after { opacity: 1 } .reviews .slick-prev { left: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .reviews-circle-big { width: 186px; height: 186px; background: -webkit-radial-gradient(12.77% 15.96%, 107.71% 107.71%, #336be8 0, #042683 100%); background: -o-radial-gradient(12.77% 15.96%, 107.71% 107.71%, #336be8 0, #042683 100%); background: radial-gradient(107.71% 107.71% at 12.77% 15.96%, #336be8 0, #042683 100%); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); bottom: -50px; right: 10%; position: absolute; -webkit-border-radius: 100%; border-radius: 100% } .reviews-circle-small { position: absolute; right: 20%; bottom: 225px } .reviews-slide { opacity: 0; -webkit-transition: all .1s; -o-transition: all .1s; transition: all .1s } .reviews-slide.slick-active { opacity: 1 } .services { padding: 120px 0 146px; background-color: #0c1837; position: relative; overflow: hidden } .services-title { margin-bottom: 10px; position: relative; z-index: 2 } .services-bg { width: 100%; position: absolute; left: 0; bottom: 0 } .services-slider { margin: 90px 0 0!important; position: relative; z-index: 2 } .services-slide { outline: 0 } .services__item { width: 261px; max-width: 100%; padding: 29px; text-align: center; background: #fff; -webkit-box-shadow: 0 14px 114px rgba(0, 0, 0, .1); box-shadow: 0 14px 114px rgba(0, 0, 0, .1); -webkit-border-radius: 10px; border-radius: 10px; margin: 0 auto } .services__item-icon { height: 58px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 18px } .services__item-icon img { max-height: 100%; width: auto } .services__item-text { font-weight: 700; font-size: 20px; line-height: 24px } .agency { background-image: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../img/bg-agency.jpg); -webkit-background-size: cover; background-size: cover; background-position: center; position: relative; overflow: hidden } .agency-wrapper { width: 490px; margin-left: auto } .agency-topImage { position: relative; margin-bottom: -40px; margin-right: -50px; display: none } .agency-images { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: calc(50% - 200px) } .agency-hand { bottom: -30px; left: 170px; position: absolute } .agency-mobile { display: none } .resugar { background-color: #fff } .resugar-wrapper { width: 453px } .resugar-images { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: calc(50% - 269px) } .resugar-img { position: relative; z-index: 1; width: 1000px; max-width: 100% } .resugar-mobile { display: none } .portfolio { position: relative; overflow: hidden; background: linear-gradient(135.78deg, rgba(255, 255, 255, 0.74) -21.06%, rgba(255, 255, 255, 0) 73.61%), radial-gradient(117.11% 504.56% at 71.46% 50.05%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%), #0CA8DB; } .portfolio-img { position: absolute; left: 0; height: 100%; top: 0 } .portfolio-wrapper { width: 453px } .portfolio-mobile { display: none } .biomilk { background-image: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../img/bg-biomilk.jpg); -webkit-background-size: cover; background-size: cover; background-position: center } .biomilk-wrapper { width: 453px } .biomilk-mobile { display: none } .biomilk-img { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .biomilk-img img { width: 100% } .steps { padding: 123px 0 0; background-color: #fff } .steps__tabs { margin: 90px 0 0; position: relative; z-index: 2; width: 100%; } .steps__tabs-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .steps__tabs .slick-track { display: -webkit-box!important; display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important; width: 100%!important; -webkit-box-align: center!important; -webkit-align-items: center!important; -ms-flex-align: center!important; align-items: center!important; -webkit-box-pack: justify!important; -webkit-justify-content: space-between!important; -ms-flex-pack: justify!important; justify-content: space-between!important } .steps__tabs-item { outline: 0; display: inline-block; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; font-weight: 400; font-size: 18px; line-height: 30px; cursor: pointer; color: rgba(22, 6, 96, .4) } .steps__tabs-item.active { color: #160660 } .steps-scrollbar { margin-top: -50px } .steps-block { outline: 0; padding-top: 150px; overflow: visible!important; padding-bottom: 100px } .steps-flex { margin: 0!important } .steps__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .steps__item-img { width: 750px; min-width: 750px; height: 552px; margin-left: 135px; position: relative; -webkit-background-size: cover; background-size: cover; background-position: center } .steps__item-text { width: 429px; margin-left: auto; margin-top: 10px; position: relative } .steps__item-text::before { content: ">"; position: absolute; left: -40px; font-weight: 900; font-size: 705px; text-transform: uppercase; color: #160660; opacity: .03; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .steps__item-number { font-weight: 900; font-size: 190px; line-height: 228px; color: #ffb1d0 } .steps__item-title { font-weight: 900; font-size: 40px; line-height: 44px; text-transform: uppercase; color: #160660; margin: -10px 0 20px } .steps__item-desc { font-weight: 400; font-size: 18px; line-height: 30px; color: #160660 } .steps__item-circle { width: 65px; height: 65px; -webkit-border-radius: 100%; border-radius: 100%; background: -webkit-radial-gradient(121.31% 53.76%, 92.73% 92.73%, #ff306b 0, #0d174d 100%); background: -o-radial-gradient(121.31% 53.76%, 92.73% 92.73%, #ff306b 0, #0d174d 100%); background: radial-gradient(92.73% 92.73% at 121.31% 53.76%, #ff306b 0, #0d174d 100%); position: absolute; right: 29px; bottom: -30px } .steps__item-circleBig { width: 115px; height: 115px; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 109px; left: -34px; background: -webkit-radial-gradient(-19.66% 34.22%, 96.88% 96.88%, #3046ba 0, #0d174d 100%); background: -o-radial-gradient(-19.66% 34.22%, 96.88% 96.88%, #3046ba 0, #0d174d 100%); background: radial-gradient(96.88% 96.88% at -19.66% 34.22%, #3046ba 0, #0d174d 100%) } .steps .simplebar-vertical { display: none!important } .steps .simplebar-horizontal { width: 1428px; position: absolute; right: 0; left: auto; bottom: 1.5px; height: 2px; background-color: #c4c4c4; opacity: 1; overflow: visible } .steps .slick-arrow, .steps .slick-dots { display: none!important } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { opacity: 1; height: 5px; background-color: #336be8; top: -2px } .simplebar-track.simplebar-horizontal .simplebar-scrollbar::after, .simplebar-track.simplebar-horizontal .simplebar-scrollbar::before { display: none } .steps-block:nth-child(7) .steps__item-circle { width: 33px; height: 33px; top: -20px; left: 37px; bottom: auto } .steps-block:nth-child(7) .steps__item-circleBig { width: 74px; height: 74px; left: 120px; bottom: -55px; top: auto } .steps-block:nth-child(6) .steps__item-circle { width: 33px; height: 33px; left: 130px; bottom: -16px; top: auto } .steps-block:nth-child(6) .steps__item-circleBig { width: 74px; height: 74px; left: -15px; top: -37px } .steps-block:nth-child(5) .steps__item-circle { width: 33px; height: 33px; left: -55px; bottom: -16px; top: auto } .steps-block:nth-child(5) .steps__item-circleBig { width: 74px; height: 74px; left: auto; right: 15px; bottom: -39px; top: auto } .steps-block:nth-child(4) .steps__item-circle { width: 44px; height: 44px; left: -30px; bottom: auto; top: 89px } .steps-block:nth-child(4) .steps__item-circleBig { width: 78px; height: 78px; left: auto; right: -29px; bottom: -39px; top: auto } .steps-block:nth-child(3) .steps__item-circle { width: 33px; height: 33px; left: auto; right: 91px; bottom: auto; top: -17px } .steps-block:nth-child(3) .steps__item-circleBig { width: 74px; height: 74px; right: auto; left: -37px; bottom: 120px; top: auto } .steps-block:nth-child(2) .steps__item-circle { width: 33px; height: 33px; left: auto; right: 15px; bottom: auto; top: -44px } .steps-block:nth-child(2) .steps__item-circleBig { width: 74px; height: 74px; right: auto; left: -29px; bottom: -31px; top: auto } .steps-block:nth-child(1) .steps__item-circle { width: 33px; height: 33px; left: -24px; right: auto; bottom: 87px; top: auto } .steps-block:nth-child(1) .steps__item-circleBig { width: 74px; height: 74px; right: 13px; left: auto; bottom: auto; top: -51px } .nice-select .option { text-align: right } .sticky { position: fixed; left: 0; bottom: 0; height: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; width: 100%; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; bottom: -200%; -webkit-transition: all .7s; -o-transition: all .7s; transition: all .7s; z-index: 9 } .sticky.active { bottom: 0 } .sticky.stop { bottom: -200%!important } .sticky-btn.btn { width: 197px; height: 44px; margin: 0 20px 0 0!important; font-size: 16px } .sticky-link { text-decoration: none; outline: 0; display: inline-block; font-weight: 700; font-size: 26px; line-height: 28px; color: #160660 } .sticky-link:hover { /* text-decoration: underline; */ color: #160660 } .reviews .slick-arrow { left: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .reviews .slick-prev { left: 70px; -webkit-transform: none; -ms-transform: none; transform: none } .contact__soc { margin-top: 71px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .contact__soc-text { font-weight: 400; font-size: 18px; line-height: 30px; color: #fff; margin-left: 31px } .contact__soc-item { text-decoration: none; outline: 0; display: inline-block; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; margin-left: 15px } .contact__soc-item:first-child { margin-left: 0 } .contact__soc-item:hover { opacity: .7 } .modal .form-input input, .modal .form-input textarea, .modal .nice-select span { padding-right: 15px; } .contact__soc.mobile { display: none; } @media only screen and (max-width:1870px) { #menu { right: 40px } } @media only screen and (max-width:1750px) { .container { width: 1140px } #menu { right: 20px } .wrapper { padding: 0 60px } .main-title { font-size: 70px; line-height: 75px } .main-subtitle { margin-top: 15px; font-size: 20px; line-height: 32px; width: 370px; max-width: 100%; margin-left: auto } .title { font-size: 60px; line-height: normal } .subtitle { margin-top: 15px; font-size: 18px; line-height: 28px } .main-wrapper { width: 486px } #menu li a { font-size: 12px; padding-right: 18px } #menu li { margin: 6px 0 } .main-img { left: 0 } .typecare-images { right: calc(50% - 165px); top: calc(50% + 18px) } .contact { padding: 147px 0 118px } .contact-right { margin-top: 60px; width: 415px } .contact-title { font-size: 60px; line-height: 60px } .contact-subtitle { margin-top: 18px; font-size: 16px; line-height: 26px } .contact-left { width: 463px } .contact-list { width: 950px } .steps-block { padding-top: 115px } .benefits { padding: 0 0 117px; margin-top: -50px } .benefits-wrapper { padding: 75px 74px } .benefits__item { margin-top: 50px; width: 230px } .benefits__item-text { font-size: 14px; line-height: 24px } .benefits__circle-big { width: 139px; height: 139px; bottom: -64px; left: -64px } .benefits__circle-top { width: 64px; left: -32px; top: 126px } .benefits__circle-bottom { width: 108px; right: 222px; bottom: -60px } .partners { padding-bottom: 136px } .partners-list { padding-top: 25px } .partners-item { margin-top: 33px } .faq { padding: 141px 0 127px } .faq-img { width: 700px; right: calc(50% - 10px) } .reviews { padding: 120px 0 } .reviews-slider { padding-bottom: 87px; width: 700px } .reviews-title { width: 380px } .reviews__item-text { font-size: 18px; line-height: 33px } .reviews__item-flex { margin-top: 33px } .reviews__item-info { margin-right: 36px } .reviews__item-info span { font-size: 15px; line-height: 28px } .reviews__item-info p { font-size: 15px; line-height: 28px } .reviews__item-photo { width: 78px; min-width: 78px; height: 78px } .reviews .slick-arrow { width: 41px; height: 41px; left: 0 } .reviews .slick-arrow::after, .reviews .slick-arrow::before { -webkit-background-size: 41px 41px; background-size: 41px } .reviews .slick-prev { left: 57px } .reviews .slick-dots { height: 41px } .reviews-circle-big { display: none } .reviews-circle-small { width: 63px; bottom: 155px; right: 200px } .services { padding: 88px 0 109px } .services-slider { margin-top: 67px!important } .services__item { width: 196px; padding: 22.5px 10px } .services__item-icon { height: 43px; margin-bottom: 14px } .services__item-text { font-size: 16px; line-height: 18px } .agency-images { right: calc(50% - 50px) } .agency-img { width: 730px } .agency-hand { width: 200px; left: 125px } .agency-wrapper { width: 440px } .agency-topImage { display: none } .resugar-img { width: 900px } .resugar-bg { width: 850px; top: 15px } .resugar-wrapper { width: 360px } .biomilk-img { width: 850px; height: auto } .steps__item-img { width: 583px; min-width: 583px; height: 429px; margin-left: 90px } .steps { padding-top: 122px } .steps__item-text { width: 320px } .steps__item-number { font-size: 147px; line-height: normal } .steps__item-title { font-size: 30px; line-height: 34px; margin: -20px 0 16px } .steps__item-desc { font-size: 14px; line-height: 24px } .steps__item-text { margin-top: 0 } .bee-wrapper { width: 400px } .typecare-images { top: calc(50% - 100px) } } @media only screen and (max-height:850px) { .typecare-image-big { width: 500px } .typecare-images { right: calc(50% - 70px); top: 50% } .typecare-image-left { width: 300px; left: -70px; top: -100px } .typecare-image-center { width: 120px; left: auto; right: 12%; top: -120px } .typecare-image-bottom { width: 200px; bottom: -90px; right: 100px } } @media only screen and (max-height:750px) { #menu li { margin: 6px 0 } /* .modal__form { margin-top: 45px; top: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) } */ } @media only screen and (max-height:650px) { #menu { display: none } } .main { min-height: 100vh; } @media only screen and (max-width:1380px) { .container { width: 940px } .main { min-height: auto; } .bee-img { left: auto; right: calc(50% - 295px) } .benefits__item { width: 190px } .benefits__item-text { font-size: 13px; line-height: 20px } .faq { padding: 100px 0 } .faq-wrapper { width: 480px } .faq-img { width: 550px; right: calc(50% + 50px) } .reviews { padding: 100px 0 } .reviews-slider { width: 550px } .typecare-wrapper { width: 370px } .agency-img { width: 650px } .agency-hand { width: 180px; left: 110px } .resugar-images { top: 50%; right: calc(50% - 150px) } .resugar-img { width: 650px } .resugar-bg { width: 500px; top: 15px } .portfolio-img { left: -50px; } .biomilk-img { width: 650px } .steps__tabs-item { font-size: 14px } .modal__form { padding: 40px 20px 20px; } .modal-close { top: 10px; right: 10px; width: 25px; height: 25px; background-size: 25px; filter: brightness(0); } .modal__form-title { margin-bottom: 20px; } .form-input { margin-top: 15px; } .form-input textarea { height: 75px; } .form-btn { margin-top: 20px; } .modal-flex { padding: 20px 15px; } } @media only screen and (max-width:1200px) { .container { width: 940px } #menu { display: none } .main-img { height: calc(100% - 150px) } .agency-img { width: 450px } .agency-hand { width: 130px; left: 70px } .agency-images { right: 50% } .biomilk-img { width: 550px } .biomilk-wrapper { width: 400px } } @media only screen and (max-width:1000px) { .container { width: 700px } .main { padding: 107px 0 0 0; background-position: left center } .main-img { position: static; width: 467px; margin: 72px auto 0; display: block } .main-wrapper { margin: 0 auto; width: 450px; text-align: center } .main-title { font-size: 45px; line-height: 40px } .main-subtitle { margin-top: 20px; width: 100%; font-size: 16px; line-height: 24px } .main-mouse { display: none } .header { padding: 13px 0 } /* .header-btn { display: none } .header-list { text-align: center; display: block } */ .wrapper { padding: 0 40px } .bee { padding: 60px 0 0 } .bee-img { display: none } .bee-mobile { display: block; margin: 0 auto } .title { font-size: 30px; line-height: normal } .subtitle { font-size: 16px; line-height: 24px; margin-top: 10px } .btn-arrow { margin-top: 20px } .text-wrapper { width: 350px; max-width: 100%; margin-left: auto } .typecare { padding: 60px 0 132px } .typecare-images { position: relative; margin-top: 30px; top: auto; bottom: auto; right: auto; left: auto; margin-left: 0; -webkit-transform: none; -ms-transform: none; transform: none } .typecare-image { height: auto; max-height: none; margin: 0 auto; width: 500px; max-width: 100%; } .typecare-image-big { width: 439px } .typecare-image-left { left: 62px; top: -165px; width: 316px; height: auto } .typecare-image-center { width: 98px; left: 0; top: -224px; right: auto } .typecare-image-bottom { left: 114px; bottom: -76px; right: auto; width: 168px } .contact { padding: 61px 0 80px; position: relative; z-index: 2 } .contact-list { display: block } .contact-left, .contact-right { width: 100% } .contact-title { font-size: 30px; line-height: normal } .contact-subtitle { font-size: 16px; line-height: 24px; margin-top: 20px; margin-bottom: 40px } .contact-wrapper { bottom: 20px } .partners { padding: 60px 0 } .partners-list { padding-top: 10px } .partners-item { margin-top: 40px; width: 33.333% } .section { -webkit-transform: rotate3d(0, 0, 0, 0turn); transform: rotate3d(0, 0, 0, 0turn) } .benefits { padding: 0 0 60px; background-color: #0c1837 } .benefits-wrapper { padding: 0 } .benefits-list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .benefits__item { width: calc(50% - 70px); margin-top: 50px } .benefits__circle-big, .benefits__circle-bottom, .benefits__circle-top { display: none } .faq { padding: 60px 0 44px; background-image: none; background: -webkit-linear-gradient(17.61deg, #071438 -7.26%, #163d9a 30.93%, #0c1837 66.01%, #2252c4 99.67%), -webkit-radial-gradient(69.27% 52.05%, 33.6% 50.4%, #00309b 17.4%, #02267b 50.74%, #031f66 80.58%, #041c5e 100%); background: -o-linear-gradient(17.61deg, #071438 -7.26%, #163d9a 30.93%, #0c1837 66.01%, #2252c4 99.67%), -o-radial-gradient(69.27% 52.05%, 33.6% 50.4%, #00309b 17.4%, #02267b 50.74%, #031f66 80.58%, #041c5e 100%); background: linear-gradient(72.39deg, #071438 -7.26%, #163d9a 30.93%, #0c1837 66.01%, #2252c4 99.67%), radial-gradient(33.6% 50.4% at 69.27% 52.05%, #00309b 17.4%, #02267b 50.74%, #031f66 80.58%, #041c5e 100%); background-blend-mode: overlay, normal } .faq-wrapper { width: 100% } .faq-img { display: none } .faq__item-text { padding-top: 5px; font-size: 16px; line-height: 24px } .faq__item-title { font-size: 20px; line-height: 24px } .faq__item-title::before { height: 30px; width: 5px; right: -2.5px } .faq-list { margin-top: 30px } .reviews { padding: 60px 0 99px } .reviews-list { display: block } .reviews-title { width: 100%; margin-bottom: 30px } .reviews-slider { width: 100%; padding-bottom: 100px } .reviews__item-text { font-size: 16px; line-height: 30px } .reviews__item-flex { margin-top: 30px } .reviews__item-info { margin-right: 30px } .reviews__item-info span { font-size: 18px; line-height: 24px } .reviews__item-info p { font-size: 16px; line-height: 24px } .reviews__item-photo { width: 69px; height: 69px; min-width: 69px } .reviews .slick-arrow { width: 40px; height: 40px; left: 0 } .reviews .slick-arrow::after, .reviews .slick-arrow::before { -webkit-background-size: 40px 40px; background-size: 40px } .reviews .slick-prev { left: 60px } .reviews .slick-dots li { width: 16px; margin-left: 14px } .reviews .slick-dots li.slick-active { width: 68px } .reviews .slick-dots { height: 40px } .reviews-circle-big { width: 67px; height: 67px; left: 71px; bottom: -33.5px; right: auto; display: block } .reviews-circle-small { width: 35px; top: 42px; left: 40px; right: auto; bottom: auto } .services { padding: 40px 0 50px } .services-slider { margin-top: 30px!important } .services-bg { width: 900px; max-width: auto; left: -130px; bottom: -140px } .agency { padding: 60px 0 140px } .agency-images { position: relative; top: auto; right: auto; left: auto; bottom: auto; -webkit-transform: none; -ms-transform: none; transform: none } .agency-img { display: none } .agency-mobile { display: block; margin: -40px auto 0; height: auto } .agency-hand { bottom: -126px; width: 127px; left: calc(50% - 68.5px) } .resugar { padding: 60px 0 } .resugar-mobile { display: block; margin: 30px auto 0 } .resugar-images { display: none } .resugar-wrapper { width: 100% } .portfolio { padding: 60px 0 0 } .portfolio-img { display: none } .portfolio-mobile { display: block; margin: 15px 0 0 } .biomilk { padding: 60px 0 0; background-image: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../img/bg-biomilk-mobile.jpg) } .biomilk-img { display: none } .biomilk-mobile { margin: 0 auto 0; display: block } .steps { padding: 60px 0 0 0; overflow: hidden } .steps-container { width: 100%!important; padding: 0!important } .steps-scrollbar { width: 100%; margin-top: 0 } .steps-flex { padding: 0; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin: 0!important } .steps__tabs { margin-top: 50px; margin-bottom: 60px } .steps__item { display: block } .steps__item-img { height: 300px; width: 100vw; margin: 0; margin-left: auto; min-width: auto } .steps__item-circle, .steps__item-circleBig { display: none!important } .steps__item-number { font-size: 100px } .steps__item-title { margin: 0 0 10px; font-size: 26px; line-height: 30px } .steps__item-desc { font-size: 16px; line-height: 20px; margin-bottom: 32px } .steps__item-text { padding-right: 32px } .steps .simplebar-horizontal { display: none!important } .steps__tabs-item { font-size: 16px } .steps .container { width: 100%; padding: 0 40px } .steps__tabs { width: auto; } .steps__tabs-item { margin-left: 34px; white-space: nowrap } .sticky { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 74px } .sticky-btn.btn { width: 151px } .steps-block { margin-top: 0; padding-top: 100px } .contact-subtitle, .contact-title, .main-subtitle, .main-title, .subtitle, .title { text-align: center } .btn-arrow, .text-wrapper { margin-left: auto!important; margin-right: auto!important } .steps-scrollbar { margin-top: 0 } .steps__item-text::before { font-size: 400px; left: 0 } .contact__soc { margin-bottom: 40px; margin-top: 0; display: none; } .contact__soc.mobile { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 50px auto 0; } .contact__soc-item { margin: 0 7px } .contact__soc-text { margin: 0 auto 15px; width: 100%; text-align: center } .contact .form-input textarea { height: 80px } .benefits { padding-top: 60px; margin-top: 0 } .steps-block { padding: 0!important; margin: 0!important } .steps__tabs { margin: 50px 0 20px; padding: 0 15px; -ms-flex-pack: distribute; justify-content: space-around; } .steps .container { width: 100%!important; padding: 0!important } .sticky-link { font-size: 20px; line-height: normal; } .steps__tabs-item { margin: 0; font-size: 12px; } .steps__item-desc { min-height: 180px; } .steps__item-text { max-width: 100%; } .steps__item-title { font-size: 24px; } } @media only screen and (max-width:767px) { .container { width: 500px } .steps__tabs-item { font-size: 10px; } .bee-mobile { position: relative; right: calc(50% - 80px); margin: 0 } /* .modal-close { width: 36px; height: 36px; -webkit-background-size: 36px 36px; background-size: 36px; top: -46px; right: 0 } */ .modal__form { width: 500px; max-width: 100%; /* width: calc(100% - 40px); left: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ } } @media only screen and (max-width:576px) { .modal__form-title { font-size: 24px; line-height: normal; } .container { width: 100%; padding: 0 40px } .header-logo img { height: 25px; width: auto } .main { background-image: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../img/bg-main-mobile.jpg); background-position: center bottom } .footer { padding: 20px 0; text-align: right } .footer-list { display: block } .footer-logo img { height: 25px } .footer-text { font-size: 14px; line-height: normal; /* margin-top: 10px */ } .subtitle br { display: none } .contact { background-image: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../img/bg-contact-mobile.jpg) } .contact-wrapper { bottom: -25px } .contact-toTop a { background-image: url(//lp.fabula.co.il/wp-content/themes/fabula/assets/css/../img/to-top-mobile.svg); width: 50px; height: 50px; -webkit-background-size: 50px 50px; background-size: 50px } .form-checkbox span.wpcf7-list-item-label { font-size: 14px; line-height: 24px } .form-checkbox label { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .form-checkbox b { margin-top: 7px } .partners { padding: 60px 0 } .partners-list { padding-top: 10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .partners-item { margin-top: 40px; width: calc(50% - 15px) } .benefits-list { display: block; margin: 40px auto 0; width: 280px; max-width: 100% } .benefits__item { width: 100% } .benefits__item:first-child { margin-top: 0 } .benefits__item-icon { height: 50px; width: auto; margin: 0 auto 10px } .benefits__item-icon img { height: 50px; width: auto } .services-bg { bottom: -50px } .services__item { width: 140px; padding: 23px 0 16px } .services__item-icon { height: 46px; margin-bottom: 15px } .services__item-text { font-size: 14px; line-height: 20px } .portfolio { padding-bottom: 590px; position: relative } .portfolio-mobile { position: absolute; right: -96px; bottom: 0; height: 575px } .modal__success { width: 100%; /* width: calc(100% - 40px); left: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ padding: 65px 20px } .modal__success-title { font-size: 22px; line-height: normal } .modal__success-icon { width: 50px; margin-bottom: 25px } .main { padding-top: 67px } .main-title { font-size: 35px; line-height: 35px } .main-img { height: auto; width: 360px; max-width: 100%; margin-top: 20px } .bee-mobile { margin-top: 30px } .agency .subtitle, .biomilk .subtitle, .portfolio .subtitle { font-size: 15px } .agency-mobile { margin-top: 0 } .reviews-title { width: 250px; margin-left: auto; margin-right: auto; max-width: 100% } .header-btn { width: 150px; height: 40px; padding: 0; display: inline-flex; align-items: center; justify-content: center; } .main { padding-top: 100px; } .main-title { width: 250px; margin-left: auto; margin-right: auto; } .sticky { padding-left: 15px; padding-right: 15px; } .sticky-link { font-size: 16px; } .modal .form-input { margin-top: 15px; } .contact-title { width: 250px; margin-left: auto; margin-right: auto; max-width: 100%; } .steps__tabs-item { font-size: 16px; line-height: 24px; height: auto; margin-left: 20px; } .steps__tabs { margin: 20px 0; width: calc(100% - 40px); overflow-x: scroll; position: relative; margin-right: 40px; padding: 0; } .steps__tabs-flex { padding: 0 0 0 40px; } } @media only screen and (max-width:430px) { .sticky-link { width: 150px; } } @media only screen and (max-width:370px) { .container, .steps .container, .wrapper { padding: 0 15px } .main-img { margin-left: -50px } .reviews-circle-small { top: 30px; left: 20px } .resugar-mobile { max-width: 100% } } @media only screen and (max-width:350px) { .steps__item-text { padding-right: 15px; } .steps__tabs { width: calc(100% - 15px); margin-right: 15px; } .steps__tabs-flex { padding: 0 0 0 15px; } } @media (max-height: 690px) { .modal__form { /* top: 4px; transform: none; max-height: calc(100% - 50px); overflow-y: auto; border-radius: 9px 9px 0 0; left: calc(50% - 300px); */ width: 600px; max-width: 100%; } /* .modal-close { right: auto; left: 10px; top: 10px; filter: brightness(0) } */ /* .modal__form-title { width: 250px; margin-left: auto; font-size: 24px; } */ } /* @media (max-width: 600px) and (max-height: 690px) { .modal__form { width: calc(100% - 30px); right: auto; left: 15px; transform: none; } } */ /* @media (max-width: 767px) and (max-height: 633px) { .modal__form { top: 4px; transform: none; max-height: calc(100% - 50px); overflow-y: auto; border-radius: 9px 9px 0 0; left: 15px; width: calc(100% - 30px); } } */