@charset "UTF-8";.mb_YTPBar,.mb_YTPBar span.mb_YTPUrl a{color:#fff}@font-face{font-family:ytpregular;src:url(font/ytp-regular.eot)}@font-face{font-family:ytpregular;src:url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=)format('woff'),url(font/ytp-regular.ttf)format('truetype');font-weight:400;font-style:normal}.mb_YTPlayer:focus{outline:0}.YTPWrapper{display:block;transform:translateZ(0)translate3d(0,0,0);transform-style:preserve-3d;perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}.mb_YTPlayer .loading{position:absolute;top:10px;right:10px;font-size:12px;color:#fff;background:rgba(0,0,0,.51);text-align:center;padding:2px 4px;border-radius:5px;font-family:"Droid Sans",sans-serif;-webkit-animation:fade .1s infinite alternate;animation:fade .1s infinite alternate}.YTPFullscreen,.inline_YTPlayer img{border:none!important;padding:0!important}@-webkit-keyframes fade{0%{opacity:.5}100%{opacity:1}}@keyframes fade{0%{opacity:.5}100%{opacity:1}}.YTPFullscreen{display:block!important;position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;margin:0!important;opacity:1!important;background-color:#000!important}.mbYTP_wrapper iframe{max-width:8000px!important}.inline_YTPlayer{margin-bottom:20px;vertical-align:top;position:relative;left:0;overflow:hidden;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.7);background:rgba(0,0,0,.5)}.inline_YTPlayer img{margin:0!important;transform:none!important}.mb_YTPBar,.mb_YTPBar .buttonBar{box-sizing:border-box;left:0;padding:5px;width:100%}.mb_YTPBar .ytpicon{font-size:20px;font-family:ytpregular}.mb_YTPBar .mb_YTPUrl.ytpicon{font-size:30px}.mb_YTPBar{transition:opacity .5s;display:block;height:10px;background:#333;position:fixed;bottom:0;text-align:left;z-index:1000;font:14px/16px sans-serif;opacity:.1}.mb_YTPBar.visible,.mb_YTPBar:hover{opacity:1}.mb_YTPBar .buttonBar{transition:all .5s;background:0 0;font:12px/14px san-serif;position:absolute;top:-30px;height:40px}.mb_YTPBar:hover .buttonBar{background:rgba(0,0,0,.4)}.mb_YTPBar span{display:inline-block;font:16px/20px sans-serif;position:relative;width:30px;height:25px;vertical-align:middle}.mb_YTPBar span.mb_YTPTime{width:130px}.mb_YTPBar span.mb_OnlyYT,.mb_YTPBar span.mb_YTPUrl{position:absolute;width:auto;display:block;top:6px;right:10px;cursor:pointer}.mb_YTPBar span.mb_YTPUrl img{width:60px}.mb_YTPBar span.mb_OnlyYT{left:300px;right:auto}.mb_YTPBar span.mb_OnlyYT img{width:25px}.mb_YTPBar .mb_YTPMuteUnmute,.mb_YTPBar .mb_YTPPlaypause,.mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img{cursor:pointer}.mb_YTPBar .mb_YTPProgress{height:10px;width:100%;background:#222;bottom:0;left:0}.mb_YTPBar .mb_YTPLoaded{height:10px;width:0;background:#444;left:0}.mb_YTPBar .mb_YTPseekbar{height:10px;width:0;background:#bb110e;bottom:0;left:0;box-shadow:rgba(82,82,82,.47)1px 1px 3px}.mb_YTPBar .YTPOverlay{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:"flat";box-sizing:border-box}.YTPOverlay.raster{background:url(images/raster.png)}.YTPOverlay.raster.retina{background:url(images/raster@2x.png)}.YTPOverlay.raster-dot{background:url(images/raster_dot.png)}.YTPOverlay.raster-dot.retina{background:url(images/raster_dot@2x.png)}.mb_YTPBar .simpleSlider{position:relative;width:100px;height:10px;border:1px solid #fff;overflow:hidden;box-sizing:border-box;margin-right:10px;cursor:pointer!important;border-radius:3px}.mb_YTPBar.compact .simpleSlider{width:40px}.mb_YTPBar .simpleSlider.muted{opacity:.3}.mb_YTPBar .level{position:absolute;left:0;bottom:0;background-color:#fff;box-sizing:border-box}.mb_YTPBar .level.horizontal{height:100%;width:0}.mb_YTPBar .level.vertical{height:auto;width:100%} @font-face { font-family: "clementepdai-regular"; font-display: auto; font-weight: normal; font-style: normal; src: url("../fonts/clementepdai-regular-webfont.eot"); src: url("../fonts/clementepdai-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/clementepdai-regular-webfont.woff") format("woff"), url("../fonts/clementepdai-regular-webfont.ttf") format("truetype"); } @font-face { font-family: "clementepdak-semibold"; font-display: auto; font-weight: normal; font-style: normal; src: url("../fonts/clementepdak-semibold-webfont.eot"); src: url("../fonts/clementepdak-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/clementepdak-semibold-webfont.woff") format("woff"), url("../fonts/clementepdak-semibold-webfont.ttf") format("truetype"); } /* .christmas-promo-container{ display: none; } */ .slick-initialized .christmas-promo-container{ display: block !important; } .banner-slider{ display: none; } .banner-slider .slick-track{ display: flex; } .banner-slider .slick-track .slick-slide{ height: auto; } /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ /* html { line-height: 1.15; -webkit-text-size-adjust: 100%; } */ /* Sections ========================================================================== */ /** * Remove the margin in all browsers. body { margin: 0; } */ /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ /* a { background-color: transparent; } */ /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ /* button, input, optgroup, select, textarea { font-family: inherit; // 1 font-size: 100%; // 1 line-height: 1.15; // 2 margin: 0; // 2 } */ /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*! * Bootstrap Grid v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport { width: device-width; } /* html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } */ .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 1250px; } /*@media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } }*/ .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; /* display: -ms-grid; display: grid; -ms-grid-columns: 1fr 20px 1fr; grid-template-columns: 1fr 1fr; margin: 0; grid-gap: 20px; padding: 0; */ } /* .row ul{ padding-left: 13px; } .row ul li{ font-weight: 400; line-height: 30px; } */ .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; -webkit-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; -webkit-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; -webkit-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; -webkit-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; -webkit-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; -webkit-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; -webkit-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; -webkit-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; -webkit-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; -webkit-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; -webkit-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; -webkit-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; -webkit-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; -webkit-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; -webkit-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; -webkit-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; -webkit-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; -webkit-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; -webkit-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; -webkit-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; -webkit-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; -webkit-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; -webkit-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; -webkit-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; -webkit-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; -webkit-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; -webkit-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; -webkit-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; -webkit-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; -webkit-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; -webkit-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; -webkit-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; -webkit-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; -webkit-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; -webkit-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; -webkit-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; -webkit-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; -webkit-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; -webkit-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; -webkit-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; -webkit-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; -webkit-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: /*768px*/ 850px) { .col-md { -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; -webkit-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; -webkit-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; -webkit-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; -webkit-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; -webkit-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; -webkit-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; -webkit-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; -webkit-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; -webkit-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; -webkit-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; -webkit-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; -webkit-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; -webkit-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; -webkit-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; -webkit-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; -webkit-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; -webkit-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; -webkit-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; -webkit-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; -webkit-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; -webkit-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; -webkit-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; -webkit-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; -webkit-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; -webkit-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; -webkit-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; -webkit-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; -webkit-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; -webkit-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; -webkit-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; -webkit-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; -webkit-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; -webkit-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; -webkit-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; -webkit-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; -webkit-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; -webkit-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; -webkit-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; -webkit-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; -webkit-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; -webkit-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; -webkit-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; -webkit-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; -webkit-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; -webkit-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; -webkit-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; -webkit-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; -webkit-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; -webkit-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; -webkit-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; -webkit-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; -webkit-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; -webkit-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; -webkit-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; -webkit-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; -webkit-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; -webkit-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; -webkit-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; -webkit-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; -webkit-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; -webkit-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; -webkit-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; -webkit-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: -webkit-inline-flex !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: -webkit-inline-flex !important; display: inline-flex !important; } } @media (min-width: /*768px*/ 850px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: -webkit-inline-flex !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: -webkit-inline-flex !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: -webkit-inline-flex !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: -webkit-inline-flex !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; -webkit-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; -webkit-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; -webkit-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; -webkit-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; -webkit-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; -webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; -webkit-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; -webkit-justify-content: flex-start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; -webkit-justify-content: flex-end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; -webkit-justify-content: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; -webkit-justify-content: space-between !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; -webkit-justify-content: space-around !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; -webkit-align-items: flex-start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; -webkit-align-items: flex-end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; -webkit-align-items: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; -webkit-align-items: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; -webkit-align-items: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; -webkit-align-content: flex-start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; -webkit-align-content: flex-end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; -webkit-align-content: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; -webkit-align-content: space-between !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; -webkit-align-content: space-around !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; -webkit-align-content: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; -webkit-align-self: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; -webkit-align-self: flex-start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; -webkit-align-self: flex-end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; -webkit-align-self: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; -webkit-align-self: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; -webkit-align-self: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; -webkit-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; -webkit-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; -webkit-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; -webkit-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; -webkit-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; -webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; -webkit-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; -webkit-justify-content: flex-start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; -webkit-justify-content: flex-end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; -webkit-justify-content: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; -webkit-justify-content: space-between !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; -webkit-justify-content: space-around !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; -webkit-align-items: flex-start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; -webkit-align-items: flex-end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; -webkit-align-items: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; -webkit-align-items: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; -webkit-align-items: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; -webkit-align-content: flex-start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; -webkit-align-content: flex-end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; -webkit-align-content: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; -webkit-align-content: space-between !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; -webkit-align-content: space-around !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; -webkit-align-content: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; -webkit-align-self: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; -webkit-align-self: flex-start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; -webkit-align-self: flex-end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; -webkit-align-self: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; -webkit-align-self: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; -webkit-align-self: stretch !important; align-self: stretch !important; } } @media (min-width: /*768px*/ 850px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; -webkit-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; -webkit-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; -webkit-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; -webkit-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; -webkit-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; -webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; -webkit-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; -webkit-justify-content: flex-start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; -webkit-justify-content: flex-end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; -webkit-justify-content: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; -webkit-justify-content: space-between !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; -webkit-justify-content: space-around !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; -webkit-align-items: flex-start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; -webkit-align-items: flex-end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; -webkit-align-items: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; -webkit-align-items: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; -webkit-align-items: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; -webkit-align-content: flex-start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; -webkit-align-content: flex-end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; -webkit-align-content: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; -webkit-align-content: space-between !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; -webkit-align-content: space-around !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; -webkit-align-content: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; -webkit-align-self: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; -webkit-align-self: flex-start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; -webkit-align-self: flex-end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; -webkit-align-self: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; -webkit-align-self: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; -webkit-align-self: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; -webkit-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; -webkit-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; -webkit-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; -webkit-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; -webkit-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; -webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; -webkit-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; -webkit-justify-content: flex-start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; -webkit-justify-content: flex-end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; -webkit-justify-content: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; -webkit-justify-content: space-between !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; -webkit-justify-content: space-around !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; -webkit-align-items: flex-start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; -webkit-align-items: flex-end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; -webkit-align-items: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; -webkit-align-items: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; -webkit-align-items: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; -webkit-align-content: flex-start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; -webkit-align-content: flex-end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; -webkit-align-content: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; -webkit-align-content: space-between !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; -webkit-align-content: space-around !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; -webkit-align-content: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; -webkit-align-self: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; -webkit-align-self: flex-start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; -webkit-align-self: flex-end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; -webkit-align-self: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; -webkit-align-self: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; -webkit-align-self: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; -webkit-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; -webkit-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; -webkit-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; -webkit-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; -webkit-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; -webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; -webkit-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; -webkit-justify-content: flex-start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; -webkit-justify-content: flex-end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; -webkit-justify-content: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; -webkit-justify-content: space-between !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; -webkit-justify-content: space-around !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; -webkit-align-items: flex-start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; -webkit-align-items: flex-end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; -webkit-align-items: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; -webkit-align-items: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; -webkit-align-items: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; -webkit-align-content: flex-start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; -webkit-align-content: flex-end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; -webkit-align-content: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; -webkit-align-content: space-between !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; -webkit-align-content: space-around !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; -webkit-align-content: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; -webkit-align-self: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; -webkit-align-self: flex-start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; -webkit-align-self: flex-end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; -webkit-align-self: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; -webkit-align-self: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; -webkit-align-self: stretch !important; align-self: stretch !important; } } /** * Owl Carousel v2.3.3 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; -o-transition: transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* .sa-thanks-container{ display: flex; text-align: center; } .sa-thanks-content{ margin: auto; margin-top: 5%; margin-bottom: 5%; } .sa-thanks-content h1{ margin-bottom: 50px; } .sa-thanks-content p{ margin-bottom: 60px; } .sa-thanks-content a{ color: white; text-decoration: underline; } */ .plan-carousel{ overflow:hidden; } .plan-carousel-elem{ width: 33.3333%; float: left; } .discount-red{ color: #d34e4c !important; } .discount-code{ font-weight: bold; text-transform: uppercase; } .spinner-loading { width: 32px; height: 32px; clear: both; display: none; margin: 15px 0 0 0; float: right; } .spinner-loading-circle { border: 4px rgba(51,144,210,0.25) solid; border-top: 4px rgba(51,144,210,1) solid; border-radius: 50%; -webkit-animation: spCircRot .6s infinite linear; animation: spCircRot .6s infinite linear; } @-webkit-keyframes spCircRot { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @keyframes spCircRot { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .discounted-plan-price{ font-size: 36px !important; font-weight: bold !important; line-height: 1.23 !important; } .original-plan-price{ margin-left: 10px !important; text-decoration: line-through !important; color: #038eeb !important; font-weight: bold !important; font-size: 18px !important; } .product-content-inner strong{ font-weight: bold; } /* .slick-dots-holder{ position: absolute; z-index: 10; bottom: 0; left: 0; right: 0; margin: auto; width: 100px; } .banner-container{ position: relative; min-height: 650px; background: -webkit-linear-gradient(left, #147bc4 0%, rgba(25, 144, 232, 0.36) 100%); background: -webkit-gradient(linear, left top, right top, from(#147bc4), to(rgba(25, 144, 232, 0.36))); background: -o-linear-gradient(left, #147bc4 0%, rgba(25, 144, 232, 0.36) 100%); background: linear-gradient(to right, #147bc4 0%, rgba(25, 144, 232, 0.36) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#147bc4', endColorstr='#5c1990e8',GradientType=1 ); } .slick-dots{ padding-left: 0px; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; background-image: none; } .slick-dots li button{ background-color: white; outline: none; border: none; border-radius: 50%; font-size: 0; height: 14px; opacity: .5; } .slick-dots li.slick-active button{ opacity: 1; } .slick-dots li button:before { content: ''; } */ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -o-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #000; -webkit-border-radius: 4px; border-radius: 4px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * 3DX */ .hamburger--3dx .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dx .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DX Reverse */ .hamburger--3dx-r .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dx-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY */ .hamburger--3dy .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dy .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY Reverse */ .hamburger--3dy-r .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dy-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY */ .hamburger--3dxy .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dxy .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(180deg) rotateY(180deg); transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY Reverse */ .hamburger--3dxy-r .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dxy-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * Arrow */ .hamburger--arrow.is-active .hamburger-inner::before { -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrow.is-active .hamburger-inner::after { -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Arrow Right */ .hamburger--arrow-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Alt */ .hamburger--arrowalt .hamburger-inner::before { -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Alt Right */ .hamburger--arrowalt-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Turn */ .hamburger--arrowturn.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Turn Right */ .hamburger--arrowturn-r.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Boring */ .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { -webkit-transition-property: none; -o-transition-property: none; transition-property: none; } .hamburger--boring.is-active .hamburger-inner { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; -o-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; -o-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; -o-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; -o-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -20px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, -10px, 0) rotate(45deg); transform: translate3d(0, -10px, 0) rotate(45deg); -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 2px; -webkit-transition-duration: 0.275s; -o-transition-duration: 0.275s; transition-duration: 0.275s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 10px; -webkit-transition: opacity 0.125s 0.275s ease; -o-transition: opacity 0.125s 0.275s ease; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 20px; -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { -webkit-transform: translate3d(0, 10px, 0) rotate(135deg); transform: translate3d(0, 10px, 0) rotate(135deg); -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg); transform: translate3d(0, -20px, 0) rotate(-270deg); -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; } /* * Elastic Reverse */ .hamburger--elastic-r .hamburger-inner { top: 2px; -webkit-transition-duration: 0.275s; -o-transition-duration: 0.275s; transition-duration: 0.275s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 10px; -webkit-transition: opacity 0.125s 0.275s ease; -o-transition: opacity 0.125s 0.275s ease; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 20px; -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg); transform: translate3d(0, 10px, 0) rotate(-135deg); -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -20px, 0) rotate(270deg); transform: translate3d(0, -20px, 0) rotate(270deg); -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; } /* * Emphatic */ .hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { -webkit-transition: background-color 0.125s 0.175s ease-in; -o-transition: background-color 0.125s 0.175s ease-in; transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic .hamburger-inner::after { top: 10px; right: 0; -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic.is-active .hamburger-inner { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; background-color: transparent; } .hamburger--emphatic.is-active .hamburger-inner::before { left: -80px; top: -80px; -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg); transform: translate3d(80px, 80px, 0) rotate(45deg); -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after { right: -80px; top: -80px; -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg); transform: translate3d(-80px, 80px, 0) rotate(-45deg); -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Emphatic Reverse */ .hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { -webkit-transition: background-color 0.125s 0.175s ease-in; -o-transition: background-color 0.125s 0.175s ease-in; transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic-r .hamburger-inner::after { top: 10px; right: 0; -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic-r.is-active .hamburger-inner { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; background-color: transparent; } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -80px; top: 80px; -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg); transform: translate3d(80px, -80px, 0) rotate(-45deg); -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -80px; top: 80px; -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg); transform: translate3d(-80px, -80px, 0) rotate(45deg); -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Minus */ .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { -webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; -o-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; -o-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .hamburger--minus.is-active .hamburger-inner::before { top: 0; } .hamburger--minus.is-active .hamburger-inner::after { bottom: 0; } /* * Slider */ .hamburger--slider .hamburger-inner { top: 2px; } .hamburger--slider .hamburger-inner::before { top: 10px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 20px; } .hamburger--slider.is-active .hamburger-inner { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg); transform: translate3d(0, -20px, 0) rotate(-90deg); } /* * Slider Reverse */ .hamburger--slider-r .hamburger-inner { top: 2px; } .hamburger--slider-r .hamburger-inner::before { top: 10px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 20px; } .hamburger--slider-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg); transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before { -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0); transform: rotate(45deg) translate3d(5.71429px, -6px, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -20px, 0) rotate(90deg); transform: translate3d(0, -20px, 0) rotate(90deg); } /* * Spin */ .hamburger--spin .hamburger-inner { -webkit-transition-duration: 0.22s; -o-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.12s; -o-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spin Reverse */ .hamburger--spin-r .hamburger-inner { -webkit-transition-duration: 0.22s; -o-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner { -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); -webkit-transition-delay: 0.12s; -o-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spring */ .hamburger--spring .hamburger-inner { top: 2px; -webkit-transition: background-color 0s 0.13s linear; -o-transition: background-color 0s 0.13s linear; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 10px; -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 20px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; background-color: transparent; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg); transform: translate3d(0, 10px, 0) rotate(-45deg); } /* * Spring Reverse */ .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; -o-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -20px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand */ .hamburger--stand .hamburger-inner { -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::before { -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background-color: transparent; -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand Reverse */ .hamburger--stand-r .hamburger-inner { -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::before { -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background-color: transparent; -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { -webkit-transition-duration: 0.075s; -o-transition-duration: 0.075s; transition-duration: 0.075s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease; -o-transition: top 0.075s 0.12s ease, opacity 0.075s ease; transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.12s; -o-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease; -o-transition: top 0.075s ease, opacity 0.075s 0.12s ease; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Vortex */ .hamburger--vortex .hamburger-inner { -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { -webkit-transition-property: top, opacity; -o-transition-property: top, opacity; transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; } .hamburger--vortex.is-active .hamburger-inner { -webkit-transform: rotate(765deg); -ms-transform: rotate(765deg); transform: rotate(765deg); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /* * Vortex Reverse */ .hamburger--vortex-r .hamburger-inner { -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { -webkit-transition-property: top, opacity; -o-transition-property: top, opacity; transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; } .hamburger--vortex-r.is-active .hamburger-inner { -webkit-transform: rotate(-765deg); -ms-transform: rotate(-765deg); transform: rotate(-765deg); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } /* TRUSTBOX STYLES */ .trustbox-margin-bottom-small{ margin-bottom: 3rem; margin-top: 3rem; } .trustbox-margin-bottom-large{ margin-bottom: 140px; } .trustbox-header-popup{ width: 55%; margin-left: 10px !important; margin-top: 50px !important; } .trustbox-homepage-popup{ float: left; padding-left: 0px; margin-left: -15px; padding-top: 35px; } .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* .banner-container img{ width: 78%; margin: 0 auto; display: block; } */ /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 950px){ .plan-carousel-elem{ width: 100%; float: none; margin-bottom: 30px; } .plan-carousel{ margin-top: 0px; margin-bottom: 0px; } .plan-box{ border-right: 2px solid #a8d7f9; } /* .banner-container img{ margin-bottom: -2rem; } */ } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .pickmeup { background: #000; -webkit-border-radius: .4em; border-radius: .4em; -webkit-box-sizing: content-box; box-sizing: content-box; display: inline-block; position: absolute; -ms-touch-action: manipulation; touch-action: manipulation; } .pickmeup * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pickmeup.pmu-flat { position: relative; } .pickmeup.pmu-hidden { display: none; } .pickmeup .pmu-instance { display: inline-block; height: 13.8em; padding: .5em; text-align: center; width: 15em; } .pickmeup .pmu-instance .pmu-button { color: #eee; cursor: pointer; outline: none; text-decoration: none; } .pickmeup .pmu-instance .pmu-today { background: #17384d; color: #88c5eb; } .pickmeup .pmu-instance .pmu-button:hover { background: transparent; color: #88c5eb; } .pickmeup .pmu-instance .pmu-not-in-month { color: #666; } .pickmeup .pmu-instance .pmu-disabled, .pickmeup .pmu-instance .pmu-disabled:hover { color: #333; cursor: default; } .pickmeup .pmu-instance .pmu-selected { background: #136a9f; color: #eee; } .pickmeup .pmu-instance .pmu-not-in-month.pmu-selected { background: #17384d; } .pickmeup .pmu-instance nav { color: #eee; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; line-height: 2em; } .pickmeup .pmu-instance nav *:first-child :hover { color: #88c5eb; } .pickmeup .pmu-instance nav .pmu-prev, .pickmeup .pmu-instance nav .pmu-next { display: none; height: 2em; width: 1em; } .pickmeup .pmu-instance nav .pmu-month { width: 14em; } .pickmeup .pmu-instance .pmu-years *, .pickmeup .pmu-instance .pmu-months * { display: inline-block; line-height: 3.6em; width: 3.5em; } .pickmeup .pmu-instance .pmu-day-of-week { color: #999; cursor: default; } .pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days * { display: inline-block; line-height: 1.5em; width: 2em; } .pickmeup .pmu-instance .pmu-day-of-week * { line-height: 1.8em; } .pickmeup .pmu-instance:first-child .pmu-prev, .pickmeup .pmu-instance:last-child .pmu-next { display: block; } .pickmeup .pmu-instance:first-child .pmu-month, .pickmeup .pmu-instance:last-child .pmu-month { width: 13em; } .pickmeup .pmu-instance:first-child:last-child .pmu-month { width: 12em; } .pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years { display: none; } .mb_YTPBar, .mb_YTPBar span.mb_YTPUrl a { color: #fff; } @font-face { font-family: ytpregular; src: url(font/ytp-regular.eot); } @font-face { font-family: ytpregular; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=) format("woff"), url(font/ytp-regular.ttf) format("truetype"); font-weight: 400; font-style: normal; } .mb_YTPlayer:focus { outline: 0; } .YTPWrapper { display: block; -webkit-transform: translateZ(0) translate3d(0, 0, 0); transform: translateZ(0) translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000; perspective: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .mb_YTPlayer .loading { position: absolute; top: 10px; right: 10px; font-size: 12px; color: #fff; background: rgba(0, 0, 0, 0.51); text-align: center; padding: 2px 4px; -webkit-border-radius: 5px; border-radius: 5px; font-family: "Droid Sans",sans-serif; -webkit-animation: fade .1s infinite alternate; animation: fade .1s infinite alternate; } .YTPFullscreen, .inline_YTPlayer img { border: none !important; padding: 0 !important; } @-webkit-keyframes fade { 0% { opacity: .5; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: .5; } 100% { opacity: 1; } } .YTPFullscreen { display: block !important; position: fixed !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; margin: 0 !important; opacity: 1 !important; background-color: #000 !important; } .mbYTP_wrapper iframe { max-width: 8000px !important; } .inline_YTPlayer { margin-bottom: 20px; vertical-align: top; position: relative; left: 0; overflow: hidden; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.5); } .inline_YTPlayer img { margin: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mb_YTPBar, .mb_YTPBar .buttonBar { -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; padding: 5px; width: 100%; } .mb_YTPBar .ytpicon { font-size: 20px; font-family: ytpregular; } .mb_YTPBar .mb_YTPUrl.ytpicon { font-size: 30px; } .mb_YTPBar { -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; display: block; height: 10px; background: #333; position: fixed; bottom: 0; text-align: left; z-index: 1000; font: 14px/16px sans-serif; opacity: .1; } .mb_YTPBar.visible, .mb_YTPBar:hover { opacity: 1; } .mb_YTPBar .buttonBar { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; background: 0 0; font: 12px/14px san-serif; position: absolute; top: -30px; height: 40px; } .mb_YTPBar:hover .buttonBar { background: rgba(0, 0, 0, 0.4); } .mb_YTPBar span { display: inline-block; font: 16px/20px sans-serif; position: relative; width: 30px; height: 25px; vertical-align: middle; } .mb_YTPBar span.mb_YTPTime { width: 130px; } .mb_YTPBar span.mb_OnlyYT, .mb_YTPBar span.mb_YTPUrl { position: absolute; width: auto; display: block; top: 6px; right: 10px; cursor: pointer; } .mb_YTPBar span.mb_YTPUrl img { width: 60px; } .mb_YTPBar span.mb_OnlyYT { left: 300px; right: auto; } .mb_YTPBar span.mb_OnlyYT img { width: 25px; } .mb_YTPBar .mb_YTPMuteUnmute, .mb_YTPBar .mb_YTPPlaypause, .mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img { cursor: pointer; } .mb_YTPBar .mb_YTPProgress { height: 10px; width: 100%; background: #222; bottom: 0; left: 0; } .mb_YTPBar .mb_YTPLoaded { height: 10px; width: 0; background: #444; left: 0; } .mb_YTPBar .mb_YTPseekbar { height: 10px; width: 0; background: #bb110e; bottom: 0; left: 0; -webkit-box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px; box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px; } .mb_YTPBar .YTPOverlay { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: "flat"; -webkit-box-sizing: border-box; box-sizing: border-box; } .YTPOverlay.raster { background: url(images/raster.png); } .YTPOverlay.raster.retina { background: url(images/raster@2x.png); } .YTPOverlay.raster-dot { background: url(images/raster_dot.png); } .YTPOverlay.raster-dot.retina { background: url(images/raster_dot@2x.png); } .mb_YTPBar .simpleSlider { position: relative; width: 100px; height: 10px; border: 1px solid #fff; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 10px; cursor: pointer !important; -webkit-border-radius: 3px; border-radius: 3px; } .mb_YTPBar.compact .simpleSlider { width: 40px; } .mb_YTPBar .simpleSlider.muted { opacity: .3; } .mb_YTPBar .level { position: absolute; left: 0; bottom: 0; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } .mb_YTPBar .level.horizontal { height: 100%; width: 0; } .mb_YTPBar .level.vertical { height: auto; width: 100%; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="submit"], input[type="reset"], input[type="tel"], textarea { -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; } /* input[type="radio"]{ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 50px; width: 30px; height: 30px; border: 1px solid #1990E8; background-color: white; border-radius: 50px; background-repeat: no-repeat; background: none !important;} input[type='radio']:checked{ background: url(../img/ok.png) no-repeat 0 0 !important; background: url(../img/ok.svg) no-repeat 0 0 !important; -webkit-background-size: cover !important; background-size: auto !important; background-position-x: 6px !important; background-position-y: 8px !important; } input[type="checkbox"]{ width: 25px; height: 25px; border: 1px solid #1990E8; -webkit-appearance: none; -moz-appearance: none; margin-bottom: -6px; margin-right: 10px; background-repeat: no-repeat; background: none !important; background-color: white !important; } input[type="checkbox"]:checked{ background: url(../img/ok.png) 0 0 no-repeat !important; background: url(../img/ok.svg) 0 0 no-repeat !important; -webkit-background-size: cover !important; background-size: auto !important; background-position-x: 4px !important; background-position-y: 6px !important; background-color: white !important; } */ *:focus { outline: none; } .fleft { float: left; } .fright { float: right; } nav ul, .list { margin: 0; padding: 0; list-style-type: none; } .tac { text-align: center; } .tal { text-align: left; } .tar { text-align: right; } .b-20 { margin-top: -20px; } .b20 { margin-top: 20px; } .b-30 { margin-top: -30px; } .b30 { margin-top: 30px; } .b-50 { margin-top: -50px; } .b50 { margin-top: 50px; } .b-10 { margin-top: -10px; } .b10 { margin-top: 10px; } h1, h2, h3, h4, h5, h6 { margin: 0; /*font-family: clementepdai-regular;*/ font-family: "Open Sans", Arial, sans-serif; font-weight: 400; letter-spacing: -1px; } ::-webkit-input-placeholder { color: #000; opacity: .7; } ::-moz-placeholder { color: #000; opacity: .7; } :-ms-input-placeholder { color: #000; opacity: .7; } ::-ms-input-placeholder { color: #000; opacity: .7; } ::placeholder { color: #000; opacity: .7; } ::-moz-selection { background-color: #038eeb; color: #fff; } ::selection { background-color: #038eeb; color: #fff; } /* img, svg, iframe { vertical-align: top; max-width: 100%; } html, body { height: 100%; } body { font-size: 19px; min-width: 320px; position: relative; line-height: normal; color: #3c3c3c; font-family: "Open Sans", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { text-decoration: none; color: #038eeb; text-decoration: none; } a:hover { text-decoration: none; } */ p, small { margin-top: 0; line-height: 26px; font-weight: 400; letter-spacing: 0; } .bg__cover { background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } /* .form-styler-g-30 input[type="text"], .form-styler-g-30 input[type="password"], .form-styler-g-30 input[type="email"], .form-styler-g-30 input[type="search"], .form-styler-g-30 input[type="tel"], .form-styler-g-30 textarea { margin-bottom: 30px; } .form-styler input[type="text"], .form-styler input[type="password"], .form-styler input[type="email"], .form-styler input[type="search"], .form-styler input[type="tel"], .form-styler textarea { border: 0; height: 50px; width: 100%; min-width: 100%; max-width: 100%; background-color: #fff; padding: 0 15px; font-weight: 400; color: #8a8a8a; } .form-styler input[type="text"]::-webkit-input-placeholder, .form-styler input[type="password"]::-webkit-input-placeholder, .form-styler input[type="email"]::-webkit-input-placeholder, .form-styler input[type="search"]::-webkit-input-placeholder, .form-styler input[type="tel"]::-webkit-input-placeholder, .form-styler textarea::-webkit-input-placeholder { color: #8a8a8a; } .form-styler input[type="text"]::-moz-placeholder, .form-styler input[type="password"]::-moz-placeholder, .form-styler input[type="email"]::-moz-placeholder, .form-styler input[type="search"]::-moz-placeholder, .form-styler input[type="tel"]::-moz-placeholder, .form-styler textarea::-moz-placeholder { color: #8a8a8a; } .form-styler input[type="text"]:-ms-input-placeholder, .form-styler input[type="password"]:-ms-input-placeholder, .form-styler input[type="email"]:-ms-input-placeholder, .form-styler input[type="search"]:-ms-input-placeholder, .form-styler input[type="tel"]:-ms-input-placeholder, .form-styler textarea:-ms-input-placeholder { color: #8a8a8a; } .form-styler input[type="text"]::-ms-input-placeholder, .form-styler input[type="password"]::-ms-input-placeholder, .form-styler input[type="email"]::-ms-input-placeholder, .form-styler input[type="search"]::-ms-input-placeholder, .form-styler input[type="tel"]::-ms-input-placeholder, .form-styler textarea::-ms-input-placeholder { color: #8a8a8a; } .form-styler input[type="text"]::placeholder, .form-styler input[type="password"]::placeholder, .form-styler input[type="email"]::placeholder, .form-styler input[type="search"]::placeholder, .form-styler input[type="tel"]::placeholder, .form-styler textarea::placeholder { color: #8a8a8a; } .form-styler input[type="text"]:focus::-webkit-input-placeholder, .form-styler input[type="password"]:focus::-webkit-input-placeholder, .form-styler input[type="email"]:focus::-webkit-input-placeholder, .form-styler input[type="search"]:focus::-webkit-input-placeholder, .form-styler input[type="tel"]:focus::-webkit-input-placeholder, .form-styler textarea:focus::-webkit-input-placeholder { color: #d6d6d6; } .form-styler input[type="text"]:focus::-moz-placeholder, .form-styler input[type="password"]:focus::-moz-placeholder, .form-styler input[type="email"]:focus::-moz-placeholder, .form-styler input[type="search"]:focus::-moz-placeholder, .form-styler input[type="tel"]:focus::-moz-placeholder, .form-styler textarea:focus::-moz-placeholder { color: #d6d6d6; } .form-styler input[type="text"]:focus:-ms-input-placeholder, .form-styler input[type="password"]:focus:-ms-input-placeholder, .form-styler input[type="email"]:focus:-ms-input-placeholder, .form-styler input[type="search"]:focus:-ms-input-placeholder, .form-styler input[type="tel"]:focus:-ms-input-placeholder, .form-styler textarea:focus:-ms-input-placeholder { color: #d6d6d6; } .form-styler input[type="text"]:focus::-ms-input-placeholder, .form-styler input[type="password"]:focus::-ms-input-placeholder, .form-styler input[type="email"]:focus::-ms-input-placeholder, .form-styler input[type="search"]:focus::-ms-input-placeholder, .form-styler input[type="tel"]:focus::-ms-input-placeholder, .form-styler textarea:focus::-ms-input-placeholder { color: #d6d6d6; } .form-styler input[type="text"]:focus::placeholder, .form-styler input[type="password"]:focus::placeholder, .form-styler input[type="email"]:focus::placeholder, .form-styler input[type="search"]:focus::placeholder, .form-styler input[type="tel"]:focus::placeholder, .form-styler textarea:focus::placeholder { color: #d6d6d6; } .form-styler [type="submit"], .form-styler [type="reset"] { border: none; padding: 0; background: none; height: 50px; cursor: pointer; color: #fff; font-size: 0; white-space: nowrap; float: right; } .form-styler [type="submit"] span, .form-styler [type="reset"] span { background-color: #60c963; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; } .form-styler [type="submit"] span:first-child, .form-styler [type="reset"] span:first-child { height: 50px; float: left; text-transform: uppercase; width: -webkit-calc(100% - 47px); width: calc(100% - 47px); padding-left: 17px; padding-right: 17px; line-height: 50px; font-size: 16px; text-align: center; } .form-styler [type="submit"] .btn-arrow, .form-styler [type="reset"] .btn-arrow { background-image: url(../img/arrow-right.svg); background-position: center; background-repeat: no-repeat; height: 50px; float: right; width: 45px; background-size: 25px;} .form-styler [type="submit"] .btn-phone, .form-styler [type="reset"] .btn-phone { background-image: url(../img/phone-ico-b.svg); background-position: center; background-repeat: no-repeat; height: 50px; float: right; width: 45px; background-size: 25px;} .form-styler [type="submit"] .btn-email, .form-styler [type="reset"] .btn-email { background-image: url(../img/email-ico-b.svg); background-position: center; background-repeat: no-repeat; height: 50px; float: right; width: 45px; background-size: 25px;} .form-styler [type="submit"]:hover span, .form-styler [type="reset"]:hover span { background-color: #4CB150; } .form-styler textarea { height: 104px; padding-top: 15px; padding-bottom: 15px; } .no-pos { position: static; } label { cursor: pointer; } .ovh { overflow: hidden; } .outer-label { background-color: #fff; } */ /* .blue-area-to-right { position: relative; background-color: #fff; color: #fff; overflow: hidden; } .blue-area-to-right:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: -webkit-linear-gradient(left, rgba(25, 144, 232, 0.36) 0%, #147bc4 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(25, 144, 232, 0.36)), to(#147bc4)); background: -o-linear-gradient(left, rgba(25, 144, 232, 0.36) 0%, #147bc4 100%); background: linear-gradient(to right, rgba(25, 144, 232, 0.36) 0%, #147bc4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c1990e8', endColorstr='#147bc4',GradientType=1 ); } .blue-area-to-right .container { position: relative; z-index: 10; } .blue-area-to-right a{ color: white; font-weight:bold; text-decoration:underline; } .blue-area-to-left { position: relative; background-color: #fff; color: #fff; overflow: hidden; background: -webkit-linear-gradient(left, #147bc4 0%, rgba(25, 144, 232, 0.36) 100%); background: -webkit-gradient(linear, left top, right top, from(#147bc4), to(rgba(25, 144, 232, 0.36))); background: -o-linear-gradient(left, #147bc4 0%, rgba(25, 144, 232, 0.36) 100%); background: linear-gradient(to right, #147bc4 0%, rgba(25, 144, 232, 0.36) 100%);} .blue-area-to-left .container { position: relative; } .page-template-page-plans .blue-area-to-left .container{ position: relative; z-index: 10; } */ .page-template-page-checkout .magic-liner-circle{ z-index: -1; } /* .list-green-stylers ul { padding: 0; margin: 0; list-style-type: none; } .list-green-stylers ul li { position: relative; font-size: 1.3em; padding-left: 42px; } .list-green-stylers ul li:not(:last-child) { margin-bottom: 20px; } .list-green-stylers ul li:after { content: ''; width: 21px; height: 15px; position: absolute; left: 0; top: .25em; background: url(../img/ok.svg) center no-repeat; -webkit-background-size: cover; background-size: cover; } .tele-btn { border: none; padding: 0; background: none; height: 50px; cursor: pointer; color: #fff; display: inline-block; vertical-align: top; white-space: nowrap; margin-bottom: 10px; } .tele-btn.tele-btn-green span { background-color: #60c963; } .tele-btn.tele-btn-green:hover span { background-color: #4CB150; } .tele-btn.tele-btn-blue span { background-color: #038eeb; } .tele-btn.tele-btn-grey{ pointer-events: none; cursor: default; } .tele-btn.tele-btn-blue:hover span { background-color: #127DCC; } .tele-btn.tele-btn-white span { background-color: #fff; color: #038eeb; border-color: #2592e5; } .tele-btn.tele-btn-white:hover .btn-arrow { background-image: url(../img/arrow-right-db.svg); } .tele-btn.tele-btn-white:hover span { color: #003669; border-color: #003669; } .tele-btn.tele-btn-white .btn-arrow { background-image: url(../img/arrow-right-b.svg); } .tele-btn.tele-btn-white .btn-phone { background-image: url(../img/phone-ico-b.svg); } .tele-btn.tele-btn-white:hover .btn-phone { background-image: url(../img/phone-ico-db.svg); } .tele-btn.tele-btn-white .btn-email { background-image: url(../img/email-ico-b.svg); } .tele-btn.tele-btn-white:hover .btn-email { background-image: url(../img/email-ico-db.svg); } .tele-btn span { border: 1px solid transparent; -webkit-transition: background-color .3s, border .3s; -o-transition: background-color .3s, border .3s; transition: background-color .3s, border .3s; } .tele-btn span:first-child { height: 50px; float: left; text-transform: uppercase; width: -webkit-calc(100% - 47px); width: calc(100% - 47px); line-height: 50px; font-size: 0.88889em; text-align: center; padding-left: 16px; padding-right: 16px; } .tele-btn .btn-arrow { background-image: url(../img/arrow-right.svg); background-position: center; background-repeat: no-repeat; height: 50px; float: right; width: 45px; background-size: 25px; } .tele-btn .btn-phone { background-image: url(../img/phone-ico-b.svg); background-position: center; background-repeat: no-repeat; height: 50px; float: right; width: 45px; background-size: 25px; } .tele-btn .btn-email { background-image: url(../img/email-ico-b.svg); background-position: center; background-repeat: no-repeat; height: 50px; float: right; width: 45px; background-size: 25px; } */ .jq-radio { width: 28px; height: 28px; border: 1px solid #a8d7f9; -webkit-border-radius: 28px; border-radius: 28px; } .jq-radio.checked { border-color: #038eeb; } .jq-radio.checked .jq-radio__div { display: block; } .jq-radio__div { width: 15px; height: 12px; background: url(../img/ok.svg) 0 0 no-repeat; position: absolute; left: 6px; top: 7px; display: none; } /* .blue-headings-styler h1, .blue-headings-styler h2, .blue-headings-styler h3, .blue-headings-styler h4, .blue-headings-styler h5, .blue-headings-styler h6 { font-family: "Open Sans", Arial, sans-serif; font-weight: bold !important; margin-bottom: 25px; } .blue-headings-styler p + h1, .blue-headings-styler p + h2, .blue-headings-styler p + h3, .blue-headings-styler p + h4, .blue-headings-styler p + h5, .blue-headings-styler p + h6 { margin-top: 35px; } */ .blue-video-styles .b-obj-image-inner{ height: 360px; } .blue-video-styles .circle-pr{ right: 0px; } .magic-liner-circle { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1000px; height: 1000px; background: url(../img/modal-bg.svg) center no-repeat; background-size: contain; opacity: .06; z-index: 0; } /* .white-headings-style { color: #3c3c3c; } .white-headings-style h1, .white-headings-style h2{ margin-bottom: 25px; font-family: "Open Sans", Arial, sans-serif; font-weight: bold !important; color: #3c3c3c; font-size: 25px; } .white-headings-style h3,.white-headings-style h4, .white-headings-style h5, .white-headings-style h6{ margin-bottom: 25px; font-family: "Open Sans", Arial, sans-serif; font-weight: bold !important; color: #3c3c3c; font-size: 20px; } .white-headings-style h3{ font-size: 25px !important; } */ .white-video-style .yt-iframe-wrapper{ margin-right: 20px; margin-top: 10px; } .white-video-style .col-md-7{ margin-top: -10px; } /* .phone-ico { display: inline-block; vertical-align: middle; width: 25px; height: 25px; background: url("../img/phone.svg") 0 0 no-repeat; margin-right: 12px; } .phone-ico-bigger{ display: inline-block; vertical-align: middle; width: 40px; height: 40px; background: url("../img/phone.svg") 0 0 no-repeat; margin-right: 12px; background-size: contain; margin-top: 30px; } .user-ico { width: 24px; height: 24px; display: inline-block; vertical-align: middle; background: url("../img/user.svg") 0 0 no-repeat; margin-right: 12px; } */ .style-white-dots .owl-dot { background: #b2d7f3 !important; } .style-white-dots .owl-dot.active { background: #fff !important; } /* .form-styler select { width: 100%; margin-bottom: 28px; height: 50px; padding-left: 17px; padding-right: 40px; line-height: 47px; font-size: 17px; font-weight: 400; color: #8a8a8a; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: #fff url(../img/sel-ar.svg) calc(100% - 12px) center no-repeat; } */ .jq-selectbox__dropdown { background: #fff; width: 100%; border: 1px solid #acd7f6; -webkit-box-shadow: 1px 5px 4px rgba(0, 0, 0, 0.3); box-shadow: 1px 5px 4px rgba(0, 0, 0, 0.3); } .jq-selectbox__dropdown ul { padding: 0; margin: 0; list-style-type: none; } .jq-selectbox__dropdown ul li { padding: 7px 17px; font-size: 16px; font-weight: 300; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .jq-selectbox__dropdown ul li:hover { background: #64aee5; color: #fff; } .jq-checkbox { width: 25px; height: 25px; border: 1px solid #a8d7f9; display: inline-block; vertical-align: middle; margin-right: 15px; } .jq-checkbox + label { display: inline-block; vertical-align: middle; font-weight: 300; font-size: 16px; } .jq-checkbox.checked { border-color: #038eeb; } .jq-checkbox.checked .jq-checkbox__div { display: block; } .jq-checkbox__div { width: 15px; height: 12px; background: url(../img/ok.svg) 0 0 no-repeat; position: absolute; left: 4px; top: 6px; display: none; } /* #sticky-wrapperr { position: relative; z-index: 90; } header.b-header-o { background-color: #fff; z-index: 10; position: relative; } header.b-header-o .mb-menu-btn { -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); } header.b-header-o.cloner .mb-menu-btn { -webkit-box-shadow: none !important; box-shadow: none !important; } */ header.checkout-header{ height: 120px; } header.checkout-header .b-header{ padding: 20px 0 20px; } .b-header { padding: 37px 0 42px; background-color: #fff; } .b-header .logo { max-width: 232px; width: 100%; } .b-header .logo img { width: 100%; } /* .right-top { text-align: right; } .right-top .right-top-el { margin-left: 30px; } .right-top-el { display: inline-block; vertical-align: middle; } .phone-elem { font-size: 1.16667em; font-weight: bold; } .phone-elem span { display: inline-block; vertical-align: middle; } */ .phone-elem-bigger{ font-size: 1.7em; font-weight: bold; } .phone-elem-bigger span{ display: inline-block; vertical-align: middle; margin-top: 30px; } /* .sign-elem span { display: inline-block; vertical-align: middle; } */ .rght-btm { text-align: right; padding-top: 25px; } /* .rght-btm .nav-list { position: relative; } .rght-btm .nav-list li { display: inline-block; margin-left: 22px; position: relative; } .rght-btm .nav-list li:first-child { margin-left: 0; } .rght-btm .nav-list li:hover > a { color: #038eeb; } .rght-btm .nav-list li a { color: #363636; font-weight: 400; } .rght-btm .nav-list > li:hover:after { content: ''; width: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 100%; height: 20px; z-index: 5; } .rght-btm .nav-list > li:hover .dropdown-menu { opacity: 1; margin-top: 0; visibility: visible; } .dropdown-menu { position: absolute; top: -webkit-calc(100% + 20px); top: calc(100% + 20px); left: 52%; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); width: 100%; text-align: left; z-index: 10; margin-top: 10px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 0; visibility: hidden; } .dropdown-menu li { display: block !important; margin-left: 0 !important; } .dropdown-menu li a { display: block; padding: 7px 10px; } .mb-menu-btn { border: 0; padding: 0; vertical-align: top; width: 54px; height: 54px; -webkit-border-radius: 54px; border-radius: 54px; cursor: pointer; margin-left: auto; display: none; background: #8fc7f1 url(../img/menu.svg) center no-repeat; } .mb-menu-btn.is-open { background: url(../img/menu-close.svg) center no-repeat; } .cloner .mb-menu-btn { position: static !important; top: 0 !important; right: 0 !important; } .mb-menu-outer { z-index: 200; top: 0; position: relative; } .mb-menu-outer .mb-menu-btn { position: relative; z-index: 100; } .mb-menu-outer.sticky-menu { position: fixed; z-index: 200; right: 15px; top: 16px; } .mb-menu { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; padding: 40px; background-color: #fff; z-index: 1000; display: none; } .mb-menu .b-header-o { position: static !important; background: none; } .mb-menu .b-header-o .b-header { background: none; } .mb-menu.is-active { display: block; } .mb-menu .mb-menu-inner { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; overflow-y: auto; z-index: 1; background: -webkit-linear-gradient(top, #3691d3 0%, rgba(25, 144, 232, 0.75) 100%); background: -webkit-gradient(linear, left top, left bottom, from(#3691d3), to(rgba(25, 144, 232, 0.75))); background: -o-linear-gradient(top, #3691d3 0%, rgba(25, 144, 232, 0.75) 100%); background: linear-gradient(to bottom, #3691d3 0%, rgba(25, 144, 232, 0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3691d3', endColorstr='#bf1990e8',GradientType=0 ); -ms-scroll-chaining: none; overscroll-behavior: none; } .mb-menu .mb-menu-inner::-webkit-scrollbar { display: none; } .mb-menu .mb-menu-inner .logo a { background: url(../img/telecare_logo_white.png) left no-repeat; height: 82px; display: block; width: 100%; background-size: contain; background-position-y: -1px; } .mb-menu .mb-menu-inner .logo img { visibility: hidden; display: none; } .mobile-nav { margin-top: 35px; margin-bottom: 35px; text-align: center;} .mobile-nav-list li { margin-bottom: 15px; } .mobile-nav-list li:last-child { margin-bottom: 0; } .mobile-nav-list > li:hover .dropdown-menu { display: block; } .mobile-nav-list a { color: #fff; display: inline-block; padding-top: 5px; padding-bottom: 5px; font-size: 22px; font-weight: 300;} .mobile-nav-list .dropdown-menu { position: static; top: auto; left: 0; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transform: none; -ms-transform: none; transform: none; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; width: 100%; text-align: left; z-index: 10; margin-top: 5px; -webkit-transition: none; -o-transition: none; transition: none; opacity: 1; visibility: visible; display: none; } .mobile-nav-list .dropdown-menu li { display: block !important; margin-left: 0 !important; } .mobile-nav-list .dropdown-menu li a { display: block; padding: 7px 10px; padding-left: 20px; } .phone-btn{ height: 50px; float: left; text-transform: uppercase; width: -webkit-calc(100% - -3px); width: calc(100% - -3px); line-height: 50px; font-size: 0.88889em; text-align: center; padding-left: 16px; padding-right: 16px; } .sub-nm { padding: 0; margin: 0; list-style-type: none; margin-top: 40px; margin-bottom: 40px; text-align: center;} .sub-nm a { color: #fff; font-size: 22px; font-weight: 300;} .sub-nm li { margin-bottom: 20px; } .sub-nm .user-ico { width: 25px; height: 25px; background: url(../img/s-white.svg) 0 0 no-repeat; } .sub-nm .phone-ico { width: 25px; height: 25px; background: url(../img/p-white.svg) 0 0 no-repeat; position: relative; top: 2px; } .sub-nm .phone-ico-bigger{ width: 25px; height: 25px; background: url(../img/p-white.svg) 0 0 no-repeat; position: relative; top: 2px; } .request-form-container{ max-width: 485px; width: 100%; margin-left: auto; margin-right: auto; background-color: #ebf6fd; padding: 30px 50px; border: 1px solid #a8d7f9; border-top: 7px solid #2c8fd5; } .request-form-container h2{ color: #3c3c3c; } .b-header-o.cloner .mb-menu-outer.sticky-menu { position: static !important; } .b-preview { background: -webkit-linear-gradient(left, #147bc4 0%, rgba(25, 144, 232, 0.36) 100%); background: -webkit-gradient(linear, left top, right top, from(#147bc4), to(rgba(25, 144, 232, 0.36))); background: -o-linear-gradient(left, #147bc4 0%, rgba(25, 144, 232, 0.36) 100%); background: linear-gradient(to right, #147bc4 0%, rgba(25, 144, 232, 0.36) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#147bc4', endColorstr='#5c1990e8',GradientType=1 ); position: relative; color: #fff; overflow: hidden; } .b-preview .b-request-circle-outer { z-index: 1; } .b-preview .container { position: relative; } .b-preview .b-request-circle { width: 1186px; height: 1186px; -webkit-border-radius: 100%; border-radius: 100%; left: 50%; margin-left: -274px; } .b-preview .b-request-circle:after { width: 1008px; height: 1008px; -webkit-border-radius: 100%; border-radius: 100%; } .b-preview .preview-article { max-width: 474px; width: 100%; line-height: 26px; } .b-preview .b-video { position: absolute; left: 0; top: 50%; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mobile-banner-text{ display: none; } .b-video-out { position: relative; height: 100%; width: 830px; } .b-video-out .b-request-circle { z-index: 0; margin-left: 0; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .showreel-video-out { height: 100%; } .showreel-video-out .bg__cover{ background-size: cover; } .showreel-image-out .b-obj-image-inner { height: 800px; display: block; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .showreel-image-out{ height: 100%; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; position: relative; } .showreel-image-out .bg__cover{ background-size: cover; } .header-video-thumbnail{ height: 101%; width: 101%; position: absolute; top: -2px; left: -5px; background-size: contain; display: flex; } .header-video-thumbnail img{ width: 90px; height: 100%; margin: auto; } .inline-YTPlayer > div{ background-size: inherit !important; } .mbYTP_wrapper iframe{ position: absolute !important; z-index: 0 !important; width: 828px !important; height: 745.6px !important; top: 40px !important; left: 232px !important; overflow: hidden !important; opacity: 1 !important; user-select: none !important; margin-top: 0px !important; margin-left: -230px !important; max-width: initial !important; background-color: white !important; } .showreel-video { padding-bottom: 100% !important; } .b-video { width: 830px; height: 830px; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; } .b-video video { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; -o-object-fit: cover; object-fit: cover; padding-top: 14%; padding-bottom: 14%; } .woocommerce-NoticeGroup-checkout .woocommerce-error li{ padding: 10px 20px; color: white; font-weight: 400; background-color: #d34e4c; } .playpause { width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; cursor: pointer; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-border-radius: 100%; border-radius: 100%; } */ /* CHRISTMAS PROMO STYLES */ /* .christmas-promo-container{ width: 100%; } .christmas-promo-container .preview-article{ float: right; position: relative; display: block; padding-top: 0px; max-width: 550px !important; } .christmas-promo-container .preview-article .preview-article-content{ background-color: #962B31; opacity: .9; overflow: hidden; padding: 30px; position: relative; } .landing .christmas-promo-container{ display: block; } */ .christmas-promo-text{ background-color: #962B31; opacity: .9; width: 100%; padding: 10px 0; text-align: center; color: white; float: right; display: block; font-size: 18px; margin-top: 10px; } /* .christmas-promo-container .preview-article .tele-btn{ float: right; margin-top: 10px; } .christmas-promo-container .preview-article p:nth-of-type(1){ float: right; font-size: 25px; text-shadow: #000 1px 0 10px; margin-top: 40px; margin-bottom: 45px; } .christmas-promo-container .preview-article p:nth-of-type(2){ font-size: 18px; position: absolute; bottom: 0; right: 30px; } .christmas-promo-container .preview-article .promo-price{ font-size: 90px; margin-left: 10px; } */ .christmas-promo-banner{ background-image: url(../img/Background-Christmas-Offer.png) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; position: relative !important; } .christmas-promo-banner.landing{ height: 718px; } .christmas-promo-banner-copy{ position: absolute; top: 0; right: 0; color: #902329; opacity: .8; } /* ====================== */ .payment_method_checkbox{ display: block !important; position: relative !important; float: right; } /* .playpause.no-active { background: none; } .b-preview .b-video::after { content: none !important; } .showreel-video-out { -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; position: relative; } .preview-article { padding: 75px 0; } .preview-article h1, .preview-article h2, .preview-article h3 { font-size: 2.44444em; font-family: "Open Sans", Arial, sans-serif; font-weight: 700; line-height: 1.23; margin-bottom: 30px; } .preview-article p { font-weight: 400; } .b-preview-sub { background-color: #ebf8ff; text-align: center; padding-top: 35px; padding-bottom: 35px; } .b-preview-sub h4 { color: #038eeb; font-size: 20px; font-weight: 500; margin-bottom: 10px; font-family: "Open Sans", Arial, sans-serif; letter-spacing: 0px; } .b-preview-sub p { font-size: 17px; } .b-preview-sub .b-preview-sub-elem { padding-left: 15px; padding-right: 15px; } .b-preview-sub .b-preview-sub-elem p { margin-bottom: 0; font-weight: 400; } .b-preview-btns-area { margin-top: 60px; position: relative; overflow: hidden; display: grid; grid-gap: 30px; grid-template-columns: minmax(244px, 244px) minmax(180px, 180px); -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; z-index: 2; .slider-banner-buttons-mobile{ display: none; } .page-template-page-about .b-preview-btns-area{ z-index: unset; } */ .b-section { margin: 80px 0; } /* .woocommerce > .b-section{ margin: 50px 0 !important; } */ .learn-more-boxes{ margin-bottom: 80px; } .b-section-p { padding: 80px 0; } .b-section-title { text-align: center; color: #038eeb; font-size: 2.22222em; line-height: 1.23; margin-bottom: 45px; } /* .b-section-title-small { text-align: left; color: #038eeb; font-size: 30px; line-height: 1.23; margin-bottom: 35px; } */ .b-section-title-landing { text-align: center; color: #038eeb; font-size: 2em; line-height: 1.23; margin-bottom: 45px; } .b-section-title p{ line-height: 1; } .b-section-title + .quotes-caro-elem{ padding-top: 0px; } .cta { font-size: 18px !important; color: #3c3c3c !important; border: 0 !important; margin: 25px 0 !important; padding: 15px 0 !important; text-align: center !important; background-color: #ebf6fd !important; } .cta p:nth-child(1) { margin-bottom: 20px !important; } .cta p:nth-child(2) { margin-bottom: 10px !important; } .cta a { color: #038eeb !important; } .cta-btn { padding: 8px 16px !important; font-size: 15px !important; text-transform: uppercase !important; border: 1px solid #038eeb !important; background-color: white !important; } /* .a-box-grid { display: grid; grid-column-gap: 56px; grid-row-gap: 30px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); display: -ms-grid; -ms-grid-columns:31% 4.5% 31% 4.5% 31%; -ms-grid-rows:100%; } .a-box { position: relative; padding: 25px 27px; background-color: #ebf6fd; border: 1px solid #a8d7f9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; position: relative; padding-bottom: 70px; -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:1; } .a-box:nth-child(2){ -ms-grid-column:3; } .a-box:nth-child(3){ -ms-grid-column:5; } .a-box .a-more-out{ position: absolute; bottom: 35px; } .a-box p { font-weight: 400; min-height: 87px; margin-bottom: 38px; } .a-box h2, .a-box h3, .a-box h4 { font-size: 22px; line-height: 1.23; font-weight: bold; font-family: "Open Sans", Arial, sans-serif; margin-bottom: 25px; height: 22px; } .a-box-image { display: block; margin: -25px -27px 25px; border-bottom: 1px solid #a8d7f9; position: relative; overflow: hidden; } .a-box-image:hover .a-box-image-inner {s -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .a-box-image-inner { display: block; height: 170px; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .a-play { position: relative; } .a-play:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; width: 66px; height: 72px; background: url(../img/play-icon.svg) 0 0 no-repeat; -webkit-transition: -webkit-transform .3s linear; transition: -webkit-transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; transition: transform .3s linear, -webkit-transform .3s linear; }*/ .learn-more-boxes .a-play:after{ content: ''; position: absolute; left: 50%; top: 40%; -webkit-transform: scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; width: 66px; height: 72px; background: url(../img/play-icon.svg) 0 0 no-repeat; -webkit-transition: -webkit-transform .3s linear; transition: -webkit-transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; transition: transform .3s linear, -webkit-transform .3s linear; } .forgot-l { font-size: 16px; } .form-styler-logo { max-width: 207px; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 35px; } .form-styler-logo img { max-width: none; width: 100%; } /* .a-more { font-family: clementepdak-semibold; position: relative; top: -5px; padding-bottom: 10px; position: relative; } .a-more:hover { color: #043865; } .a-more:hover:after { background-color: #043865; } .a-more:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3.5px; background-color: #038eeb; -webkit-transform: skew(-45deg); -ms-transform: skew(-45deg); transform: skew(-45deg); } .grid-2 { display: grid; grid-column-gap: 57px; grid-row-gap: 75px; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); display: -ms-grid; -ms-grid-columns:47% 6% 47%; -ms-grid-rows:100%; } */ .bottom-align-link{ position: relative; min-height: 450px; } .bottom-align-link .a-more-out{ position: absolute; bottom: 0; } .equip-list ul{ padding: 0; margin: 0; list-style-type: none; } .equip-list ul li{ position: relative; padding-left: 29px; } /* .blue-area-to-left .equip-list ul li:after, .blue-area-to-right .equip-list ul li:after{ content:''; width: 13px; height: 10px; position: absolute; left: 0; top: .45em; background: url(../img/ok-white.svg) center no-repeat; background-size: cover; -webkit-background-size: cover; } .white-headings-style .equip-list ul li:after{ content:''; width: 13px; height: 10px; position: absolute; left: 0; top: .45em; background: url(../img/ok-grey.svg) center no-repeat; background-size: cover; -webkit-background-size: cover; } */ @media only screen and (max-width: /*768px*/ 850px) { .mbYTP_wrapper iframe{ position: absolute !important; z-index: 0 !important; width: 694px !important; height: 392.6px !important; top: 0px !important; left: 0px !important; overflow: hidden !important; opacity: 1 !important; user-select: none !important; margin-top: 0px !important; margin-left: -148px !important; max-width: initial !important; background-color: white !important; } /* .b-preview-btns-area{ margin-top: 30px; margin-bottom: 50px; } .slider-banner-buttons-desktop{ display: none; } .slider-banner-buttons-mobile{ display: grid; } .mobile-banner-text{ display: block; margin-bottom: 20px; } .b-header--sticky{ box-shadow: none !important; } */ .preview-article{ padding: 75px 0 10px 0; } .header-sticky-btns{ display: none !important; } .grid-2 { -ms-grid-columns:100%; } .grid-2 .b-obj:nth-child(2){ -ms-grid-column: 1; -ms-grid-row: 2; } /* .banner-container img{ width: 100%; margin-bottom: -3rem; } .showreel-video-out .bg__cover{ background-size: contain; } */ } /* .b-section .grid-3 { display: grid; grid-column-gap: 40px; grid-row-gap: 30px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); display: -ms-grid; -ms-grid-columns:30% 2% 30% 2% 30%; -ms-grid-rows:100%; } .b-section .grid-3 .b-obj:nth-child(3){ -ms-grid-column:5; -ms-grid-row:1; } .b-section .grid-3 article.b-obj header.b-obj-head, .b-section .grid-3 article.b-obj a.b-obj-image{max-width: 581.5px;} .b-obj-head { background-color: #64aee5; color: #fff; font-family: clementepdak-semibold; padding-left: 29px; padding-right: 125px; line-height: 1.23; position: relative; padding-top: 25px; padding-bottom: 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; } .b-obj-head h2 { font-size: 1.55556em; line-height: 1.23; }*/ .b-obj-head a h2{ color: white; } .b-obj-head a h2:after{ content: ''; display: block; background: url(../img/link-arrow.svg) no-repeat; width: 18px; height: 18px; float: right; margin: 11px 0px 0px 20px; } .b-obj-head a h2:hover{ text-decoration: underline; } .b-obj a h3:hover, .learn-more-subtitle:hover{ color: #64aee5; } .b-obj a:hover{ color: #043865; } /* .b-obj-head-ico { height: 47px !important; width: 47px !important; position: absolute; right: 41px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } */ .b-obj-inner { padding-left: 25px; padding-right: 25px; } .b-obj-image { margin: 0; position: relative; margin-bottom: 25px; display: block; overflow: hidden; } .b-obj-image:hover .b-obj-image-inner { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .b-obj-circ .b-obj-image:hover .b-obj-image-inner { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .b-obj-image h4, .b-obj-image h2, .b-obj-image h3 { position: absolute !important; left: 0; bottom: 0; z-index: 10; display: inline-block; background-color: #fff; padding: 20px 25px; font-family: "Open Sans", Arial, sans-serif; /* font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; */ font-size: 1.22222em; line-height: 1.23; font-weight: bold; color: #3c3c3c; } .b-obj-circ .b-obj-image h4 { position: inherit; display: inline-block; background-color: #fff; padding: 20px 25px; font-family: "Open Sans", Arial, sans-serif; font-size: 1.22222em; line-height: 1.23; font-weight: bold; color: #3c3c3c; letter-spacing: 0px;} .b-obj-image:hover .learn-more-subtitle{ color: #64aee5; } /* .new-el { position: absolute; right: 18px; top: 18px; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px; background-color: #d34e4c; color: #fff; font-size: 14px; font-weight: bold; padding: 7px 15px; cursor: default; } .showreel-video-out .b-obj-image-inner{ height: 800px; display: block; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } */ .white-video-style .b-obj-image-inner{ height: 360px; display: block; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .b-obj-image-inner { /* height: 260px; */ display: block; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .b-obj-circ .b-obj-image-inner { height: 260px; display: block; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); height: 200px; width: 200px; margin: 0 auto; } .b-obj-circ .b-obj-image-inner source, .b-obj-circ .b-obj-image-inner img { width: 100%; height: 100%; border-radius: 50%; margin: 0 auto; object-fit: cover !important; } .col-12 .b-obj-image-inner{ height: 310px; } .vat-text{ font-size: 16px; font-weight: 200; font-style: italic; padding-left: 10px; } .b-obj { display: block; position: relative; -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:1; } .b-obj-circ { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; margin-bottom: 35px; -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:1; text-align: center; } .b-obj:nth-child(2){ -ms-grid-column:3; } .b-obj:nth-child(3){ -ms-grid-column:5; } .b-obj:nth-child(4){ -ms-grid-column:3; -ms-grid-row:2; } .b-obj:nth-child(5){ -ms-grid-column:1; -ms-grid-row:3; } .b-obj:nth-child(6){ -ms-grid-column:3; -ms-grid-row:3; } .b-obj:nth-child(7){ -ms-grid-column:1; -ms-grid-row:4; } .b-obj:nth-child(8){ -ms-grid-column:3; -ms-grid-row:4; } .b-obj:nth-child(9){ -ms-grid-column:1; -ms-grid-row:5; } .b-obj:nth-child(10){ -ms-grid-column:3; -ms-grid-row:5; } .b-obj:nth-child(11){ -ms-grid-column:1; -ms-grid-row:6; } .b-obj:nth-child(12){ -ms-grid-column:3; -ms-grid-row:6; } .b-obj:nth-child(13){ -ms-grid-column:1; -ms-grid-row:7; } .b-obj:nth-child(14){ -ms-grid-column:3; -ms-grid-row:7; } .b-obj:nth-child(15){ -ms-grid-column:1; -ms-grid-row:8; } .b-obj:nth-child(16){ -ms-grid-column:3; -ms-grid-row:8; } @media only screen and (max-width: /*768px*/ 850px) { .b-obj:nth-child(2){ -ms-grid-column:1; -ms-grid-row:2; } .b-obj:nth-child(3){ -ms-grid-column:1; -ms-grid-row:3; } .b-obj:nth-child(4){ -ms-grid-column:1; -ms-grid-row:4; } .b-obj:nth-child(5){ -ms-grid-column:1; -ms-grid-row:5; } .b-obj:nth-child(6){ -ms-grid-column:1; -ms-grid-row:6; } .b-obj:nth-child(7){ -ms-grid-column:1; -ms-grid-row:7; } .b-obj:nth-child(8){ -ms-grid-column:1; -ms-grid-row:8; } .b-obj:nth-child(9){ -ms-grid-column:1; -ms-grid-row:9; } .b-obj:nth-child(10){ -ms-grid-column:1; -ms-grid-row:10; } .b-obj:nth-child(11){ -ms-grid-column:1; -ms-grid-row:11; } .b-obj:nth-child(12){ -ms-grid-column:1; -ms-grid-row:12; } .b-obj:nth-child(13){ -ms-grid-column:1; -ms-grid-row:13; } .b-obj:nth-child(14){ -ms-grid-column:1; -ms-grid-row:14; } .b-obj:nth-child(15){ -ms-grid-column:1; -ms-grid-row:15; } .b-obj:nth-child(16){ -ms-grid-column:1; -ms-grid-row:16; } } .b-obj p { font-weight: 400; margin: 30px 0; padding: 0 25px; } .b-obj .a-more-out { margin-top: auto; padding: 0 25px; /* Inline Continue Reading buttons start */ display: table; width: 100%; position: absolute; clear: both; bottom: -10px; /* Inline Continue Reading buttons end */ } /* .b-welcome { max-width: 933px; width: 100%; margin-left: auto; margin-right: auto; text-align: center; } .b-welcome .s-plan { margin-top: 65px; margin-bottom: 65px; } .s-plan { max-width: 880px; width: 100%; margin-left: auto; margin-right: auto; text-align: center; position: relative; } .s-plan:after { content: ''; position: absolute; height: 2px; left: 93px; right: 93px; top: 40px; z-index: -1; background: url(../img/liner.svg) 0 0 repeat; } .s-plan-el-ico { height: 85px; width: 100px; background: #fff url(../img/magic-circle.svg) center no-repeat; display: grid; display: -ms-flexbox; -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; font-size: 40px; color: #003669; font-family: clementepdak-semibold; margin-left: auto; margin-right: auto; margin-bottom: 35px; } .s-plan-el strong { display: block; margin-bottom: 15px; font-family: "Open Sans", Arial, sans-serif; font-weight: 700; } */ .plan-tag-outer { height: 27px; text-align: center; } .plan-tag { background-color: #d34e4c; display: inline-block; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; padding: 5px 15px; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; vertical-align: top; } .red-tag{ background-color: #d34e4c; } .green-tag{ background-color: #64C768; } .plan-carousel .owl-stage{ margin: 0 auto; } .special-offer-badge{ font-size: 14px; background-color: #d34e4c; color: white; font-weight: bold; text-transform: uppercase; padding: 5px 15px; border-radius: 3px; } .plan-box { border-top: 7px solid #2c8fd5; padding: 25px; padding-bottom: 30px; text-align: center; background-color: white; position: relative; min-height: 345px; border-left: 2px solid #a8d7f9; border-bottom: 2px solid #a8d7f9; } .plan-carousel{ margin-top: 80px; margin-bottom: 80px; } .plan-carousel-elem:last-child .plan-box{ border-right: 2px solid #a8d7f9; } .b-pick-plan .plan-box{ background-color: white; } .b-pick-plan select{ border: 1px solid #a8d7f9; } .plan-subtext{ font-size: 15px; font-weight: 600; height: 45px; margin-bottom: 10px; line-height: 20px; padding: 0px 15px; } .plan-box:after { content: ''; position: absolute; height: 7px; left: -1px; right: -1px; top: -7px; background-color: #2c8fd5; } .plan-box h4 { font-size: 23px; font-family: "Open Sans", Arial, sans-serif; font-weight: 600; padding-bottom: 10px; } .plan-box p { font-weight: 400; font-size: 17px; } .plan-box-cost { color: #038eeb; font-size: 36px; font-weight: bold; line-height: 1.23; } .plan-box-cost .amount{ color: #038eeb; font-size: 36px; font-weight: bold; line-height: 1.23; } .plan-box-cost .woocommerce-Price-currencySymbol{ display: none; } .plan-box .form-styler{ position: absolute; bottom: 4rem; width: 87%; } .plan-box-cost sup { font-size: 20px; } .plan-box-cost span { font-size: 15px; font-weight: 500; } .plan-box-cost span.price { font-size: 36px; font-weight: 600;} .plan-box-cost span.price-period{ font-weight: bold; font-size: 18px; color:#038eeb !important; } .price-subtext{ font-size: 14px !important; font-style: italic; color: #3C3C3C; font-weight: 300; } .tandc{ font-size: 13px; font-weight: 300; color: #3C3C3C; font-style: italic; padding: 0px 15px; margin-bottom: 30px; } .plan-price-subtext{ font-size: 16px; font-style: italic; font-weight: 400; line-height: 22px; width: 60%; margin: 0 auto; height: 45px; } .plan-image{ width: 200px; height: 130px; margin: 0px auto; margin-bottom: 10px; } .plan-image img{ width: 100%; object-fit: contain; height: 100%; } .plan-image-text{ font-size: 15px !important; width: 80%; margin: 0 auto; line-height: normal; letter-spacing: normal; margin-bottom: 30px; height: 36px; } #vat-checkout-panel .optional{ display: none !important; } #vat-checkout-panel > p:first-of-type{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 15px; background-color: #DE9C23; color: white; } .cost-t span.price{ position: absolute; } span.price-on-offer{ color: #d34e4c; } span.vat-text{ color: #3c3c3c; } .opt-pr-info h3 span{ font-style: italic; font-size: 19px; font-weight: 300; color: #d34e4c; } .plan-box .a-more-out{ margin-top: 60px; } .plan-box-p-js { margin-bottom: 29px; height: 34px !important; font-size: 17px; margin-top: 15px; } .plan-box-p-js p { margin-bottom: 0; } #how-it-works { margin-top: 140px; } .plan-carousel .owl-dots, .h-slider .owl-dots { padding-top: 43px; text-align: center; font-size: 0; margin-bottom: 80px; } .plan-carousel .owl-dots .owl-dot, .h-slider .owl-dots .owl-dot { width: 24px; height: 24px; display: inline-block; -webkit-border-radius: 24px; border-radius: 24px; background: #6fb5ea; opacity: .5; margin-left: 14px; margin-right: 14px; } .plan-carousel .owl-dots .owl-dot.active, .h-slider .owl-dots .owl-dot.active { opacity: 1; } /* .b-request { display: grid; grid-template-columns: 286px 1fr; margin: 140px 0; background: -webkit-linear-gradient(left, rgba(25, 144, 232, 0.36) 0%, #147bc4 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(25, 144, 232, 0.36)), to(#147bc4)); background: -o-linear-gradient(left, rgba(25, 144, 232, 0.36) 0%, #147bc4 100%); background: linear-gradient(to right, rgba(25, 144, 232, 0.36) 0%, #147bc4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c1990e8', endColorstr='#147bc4',GradientType=1 ); position: relative; display: -ms-grid; -ms-grid-columns:286px 1fr; -ms-grid-rows:100%; } .b-request p { font-size: 400px; } .b-request a { font-family: clementepdak-semibold; position: relative; padding-bottom: 5px; position: relative; } .b-request a:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3.5px; background-color: #fff; -webkit-transform: skew(-45deg); -ms-transform: skew(-45deg); transform: skew(-45deg); } .b-request a:hover { text-decoration: none !important; color: #043865; } .b-request a:hover:after { background-color: #043865; } .b-request-left { margin-bottom: -15px; margin-right: -41px; -ms-grid-column: 1; position: relative; z-index: 80; margin-left: -21px;} .b-request-left .img-cont { display: table-cell;} .b-request-left img{position: absolute; top: 3.7rem; } .b-request-right { color: #fff; position: relative; z-index: 1; padding-top: 28px; padding-left: 66px; padding-right: 48px; padding-bottom: 41px; -ms-grid-column:3; } .b-request-right a { color: #fff; } .b-request-right a:hover { text-decoration: underline; } .b-request-right h3 { font-size: 1.94444em; line-height: 1.23; font-family: "Open Sans", Arial, sans-serif; margin-bottom: 30px; } .b-request-right p { font-size: 19px; line-height: 26px; margin-bottom: 33px; font-weight: 400; } .b-request-form { display: grid; grid-gap: 20px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) 242px; } .b-request-form-bottom{ display: grid; grid-column-gap: 20px; grid-row-gap: 20px; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); margin-top: 20px; display: -ms-grid; -ms-grid-columns: 48% 4% 48%; -ms-grid-rows: 100%; } .b-request-form-bottom input{ -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 1; } .b-request-form-bottom button{ -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 1; } .b-request-form-top{ display: grid; grid-column-gap: 20px; grid-row-gap: 20px; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); margin-top: 20px; display: -ms-grid; -ms-grid-columns: 48% 4% 48%; -ms-grid-rows: 100%; } .b-request-form-top input:nth-child(1){ -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 1; } .b-request-form-top input:nth-child(2){ -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 1; } .b-request-circle-outer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; } .b-request-circle { position: absolute; left: 73px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 674px; height: 674px; -webkit-border-radius: 674px; border-radius: 674px; background-color: rgba(255, 255, 255, 0.5); border: 3px solid #fff; opacity: .14; } .b-request-circle:after { content: ''; position: absolute; width: 502px; height: 502px; -webkit-border-radius: 100%; border-radius: 100%; background-color: rgba(255, 255, 255, 0.5); border: 3px solid #fff; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } */ .works-caro-outer { position: relative; } .works-caro-outer-js-liner { width: 4px; height: 100px; background: url(../img/liner-v.svg) top center repeat-y; position: absolute; left: 50%; top: 0; margin-left: -2px; z-index: -1; } .works-caro-elem-image { overflow: hidden; height: 100%; } .blue-video-styles .works-caro-elem-image{ z-index: 10000 !important;} .works-caro-elem-image:hover .works-caro-elem-image-inner { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .works-caro-elem-image-inner { padding-top: 0; max-width: 500px; max-height: 275px; height: 275px; display: block; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .works-caro-elem-image-inner.a-play:after { width: 78px; height: 86px; -webkit-background-size: cover; background-size: cover; } .works-caro-elem { display: grid; grid-template-columns: minmax(350px, 500px) minmax(100px, 210px) minmax(350px, 500px); -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -ms-grid; -ms-grid-columns: 33.3% 33.3% 33.3%; -ms-grid-rows: 100%; } .works-caro-elem:not(:last-child) { margin-bottom: 75px; } /* .works-caro-elem:nth-child(even) .works-caro-elem-image { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -ms-grid-column: 3; display: block } .works-caro-elem:nth-child(even) .works-caro-elem-info { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -ms-grid-column: 1; -ms-grid-row: 1; }*/ .works-caro-elem .works-caro-elem-num { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-bottom: 0; height: 100px; -ms-grid-column: 2; -ms-grid-row: 1;} .works-caro-elem .works-caro-elem-image { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -ms-grid-column: 1; -ms-grid-row: 1; display: block; } .works-caro-elem .works-caro-elem-info { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -ms-grid-column: 3;} .works-caro-elem h3 { font-size: 1.38889em; margin-bottom: 20px; } /* .bl-def-content { padding: 80px 0; } .bl-def-content h2 { font-size: 1.83333em; } .bl-def-content h3 { font-size: 25px; } .bl-def-content .tele-btn { margin-top: 22px; } */ .circle-pr { right: 60px; position: relative; } .circle-pr .b-request-circle { width: 1060px; height: 1060px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .circle-pr .b-request-circle:after { width: 790px; height: 790px; } .circle-pr-c { position: relative; width: 600px; } .circle-pr-image { width: 100%; height: 100%; position: relative; z-index: 8; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; } .circle-pr-image:after { content: ''; display: block; padding-top: 100%; } /* .circle-pr-liner { position: absolute; left: 51.2%; top: 50.45%; width: 102%; height: 102%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../img/p-liner.svg) center no-repeat; -webkit-background-size: cover; background-size: cover; z-index: 9; } .b-footer { background-color: #fff; position: relative; overflow: hidden; } .b-footer-top { background-color: #656565; color: #fff; } .b-footer-top a { color: #fff; font-weight: 400; } .b-footer-top-inner { padding: 45px 0 35px; } .b-footer-top-inner ul{ padding-left: 0px; } .footer-phone-button{ display: none; margin-top: 13px; font-size: 1em; } .b-footer-top-title { font-size: 15px; font-family: "Open Sans", Arial, sans-serif; font-weight: 600; margin-bottom: 17px; } .b-footer-top-list li { margin-top: 13px; font-size: 15px; line-height: 27px; } .b-footer-top-list li:fitst-child { margin-top: 0; } .b-footer-top-list li a:hover { text-decoration: underline; } .b-footer-top-under { border-top: 1px solid #969696; padding: 40px 0; font-size: 15px; } .b-footer-top-under p { margin-bottom: 0; } */ .b-footer-bottom { padding: 50px 0; } .footer-checkout-bar{ position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; background-color: #fff; -webkit-box-shadow: 0 -3px 16px rgba(0, 0, 0, 0.16); box-shadow: 0 -3px 16px rgba(0, 0, 0, 0.16); font-size: 19px; color: #fff; overflow: hidden; padding-bottom: 16px; } .footer-checkout-bar .checkout-el{ margin-top: 30px; } /* .bottomSidebar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 98; background-color: #fff; -webkit-box-shadow: 0 -3px 16px rgba(0, 0, 0, 0.16); box-shadow: 0 -3px 16px rgba(0, 0, 0, 0.16); font-size: 19px; color: #fff; overflow: hidden; display: none; padding-top: 25px; padding-bottom: 20px; } */ .bottomSidebar p { margin-bottom: 0; font-size: 16px; } /* .bottomSidebar .b-preview-btns-area{ margin-top: 0; grid-template-columns: minmax(250px, 250px) minmax(180px, 180px); grid-gap: 10px; } .footer-checkout-bar .b-preview-btns-area{ margin-top: 0; grid-template-columns: minmax(250px, 250px) minmax(180px, 180px); grid-gap: 10px; float: right; z-index: 1000; } .bottomSidebar:after, .footer-checkout-bar:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: -webkit-linear-gradient(left, #147bc4 0%, rgba(25, 144, 232, 0.36) 100%); background: -webkit-gradient(linear, left top, right top, from(#147bc4), to(rgba(25, 144, 232, 0.36))); background: -o-linear-gradient(left, #147bc4 0%, rgba(25, 144, 232, 0.36) 100%); background: linear-gradient(to right, #147bc4 0%, rgba(25, 144, 232, 0.36) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#147bc4', endColorstr='#5c1990e8',GradientType=1 ); } */ .bottomSidebar .container, .footer-checkout-bar .container{ position: relative; z-index: 10; } .bottomSidebar .container:after, .footer-checkout-bar .container:after { content: ''; position: absolute; right: -165px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 688px; height: 698px; background: url(../assets/img/mop-c.svg) 0 0 no-repeat; } /* .bottomSidebar-inner { display: grid; display: -ms-flexbox; grid-template-columns: minmax(224px, 700px) 1fr; grid-gap: 30px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10; width: 70%; } */ .order-md-2 .circle-pr { right: 0; left: 30px; } .small-circle { right: 0; max-width: 428px; width: 100%; } .small-circle .circle-pr-c { width: 100%; } /* .small-circle .circle-pr-liner { background: url(../img/m-liner.svg) center no-repeat; -webkit-background-size: contain; background-size: contain; } */ .quotes-caro-elem { max-width: 807px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; padding-top: 76px; padding-bottom: 120px; text-align: center; font-size: 1.66667em; line-height: 1.23; } .quotes-caro-elem p{ line-height: 40px; } .q-stars { text-align: center; list-style-type: none; padding: 0; margin: 30px 0 0; font-size: 0; } .q-stars li { display: inline-block; vertical-align: middle; margin-left: 10px; margin-right: 10px; width: 20px;} .quotes-caro-out .magic-liner-circle { z-index: 1; } .quotes-caro-out .quotes-caro { z-index: 10; } .quotes-caro-out .quotes-caro-out-pos { position: absolute; left: 0; right: 0; bottom: 60px; z-index: 10; text-align: center; } .quotes-caro-out .quotes-caro-out-pos .a-more { color: #fff; } .quotes-caro-out .quotes-caro-out-pos .a-more:after { background-color: #fff; } /*.serv__prev-out { padding-top: 75px; padding-bottom: 75px; } .serv-prev-b h1 { margin-top: 0; font-size: 2.55556em; margin-bottom: 30px; } .serv-prev-b h1, .serv-prev-b h2, .serv-prev-b h3, .serv-prev-b h4, .serv-prev-b h5, .serv-prev-b h6 { font-family: "Open Sans", Arial, sans-serif; font-weight: 700; } .serv-prev-b-form { max-width: 485px; width: 100%; margin-left: auto; margin-right: auto; position: relative; z-index: 1; } .serv-prev-b-form h2 { font-size: 1.5em; text-align: left; } .serv-prev-b-form p { color: #3c3c3c; font-size: 15px; } .serv-prev-b-form .b-modal-form-col { margin-bottom: 14px; } .serv-prev-b-form .b-modal-form { padding: 0; background: none; } .serv-prev-b-form .b-modal-form input[type="text"], .serv-prev-b-form .b-modal-form input[type="password"], .serv-prev-b-form .b-modal-form input[type="email"], .serv-prev-b-form .b-modal-form input[type="search"], .serv-prev-b-form .b-modal-form input[type="tel"] { margin-bottom: 14px; height: 42px; } .serv-prev-b-form .b-modal-form input[type="text"]::-webkit-input-placeholder, .serv-prev-b-form .b-modal-form input[type="password"]::-webkit-input-placeholder, .serv-prev-b-form .b-modal-form input[type="email"]::-webkit-input-placeholder, .serv-prev-b-form .b-modal-form input[type="search"]::-webkit-input-placeholder, .serv-prev-b-form .b-modal-form input[type="tel"]::-webkit-input-placeholder { font-weight: 300; font-size: 15px; } .serv-prev-b-form .b-modal-form input[type="text"]::-moz-placeholder, .serv-prev-b-form .b-modal-form input[type="password"]::-moz-placeholder, .serv-prev-b-form .b-modal-form input[type="email"]::-moz-placeholder, .serv-prev-b-form .b-modal-form input[type="search"]::-moz-placeholder, .serv-prev-b-form .b-modal-form input[type="tel"]::-moz-placeholder { font-weight: 300; font-size: 15px; } .serv-prev-b-form .b-modal-form input[type="text"]:-ms-input-placeholder, .serv-prev-b-form .b-modal-form input[type="password"]:-ms-input-placeholder, .serv-prev-b-form .b-modal-form input[type="email"]:-ms-input-placeholder, .serv-prev-b-form .b-modal-form input[type="search"]:-ms-input-placeholder, .serv-prev-b-form .b-modal-form input[type="tel"]:-ms-input-placeholder { font-weight: 300; font-size: 15px; } .serv-prev-b-form .b-modal-form input[type="text"]::-ms-input-placeholder, .serv-prev-b-form .b-modal-form input[type="password"]::-ms-input-placeholder, .serv-prev-b-form .b-modal-form input[type="email"]::-ms-input-placeholder, .serv-prev-b-form .b-modal-form input[type="search"]::-ms-input-placeholder, .serv-prev-b-form .b-modal-form input[type="tel"]::-ms-input-placeholder { font-weight: 300; font-size: 15px; } .serv-prev-b-form .b-modal-form input[type="text"]::placeholder, .serv-prev-b-form .b-modal-form input[type="password"]::placeholder, .serv-prev-b-form .b-modal-form input[type="email"]::placeholder, .serv-prev-b-form .b-modal-form input[type="search"]::placeholder, .serv-prev-b-form .b-modal-form input[type="tel"]::placeholder { font-weight: 300; font-size: 15px; } .serv-prev-b-form .b-modal-form [type="submit"], .serv-prev-b-form .b-modal-form [type="reset"] { width: 100%; } .serv-prev-b-form .b-modal-form [type="submit"] .btn-arrow, .serv-prev-b-form .b-modal-form [type="reset"] .btn-arrow { background-image: url(../img/arrow-right.svg); } .serv-prev-b-form .b-modal-form [type="submit"]:hover .btn-arrow, .serv-prev-b-form .b-modal-form [type="reset"]:hover .btn-arrow { background-image: url(../img/arrow-right.svg); } .serv-prev-b-form .b-modal-form [type="submit"]:hover span, .serv-prev-b-form .b-modal-form [type="reset"]:hover span { color: #fff; background-color: #4CB150; } .serv__prev-out .serv__prev .serv__prev-box-info { display: block; margin-left: -25px; } .serv__prev-out .serv__prev .serv__prev-box-info .serv__prev-box-info-el { display: inline-block; vertical-align: top; margin-left: 25px; margin-top: 40px; } */ .b-magic-liner { position: relative; } .b-pick-plan { padding: 50px 0; } .b-pick-plan .plan-box { color: #3c3c3c; min-height: 747px; padding-bottom: 9rem;} .b-pick-plan .plan-box ul { text-align: left; } .b-pick-plan .plan-box ul li { font-size: 15px; font-weight: 400; padding-left: 30px; } .b-pick-plan .plan-box ul li:after { width: 14px; height: 10px; top: .4em; } .plans-about p{ text-align: left; } .video_left_section{ margin-right: 20px; } .plans-about iframe{ margin-top: 50px; width: 100%; height: 345px; } .plans-video-container{ overflow: hidden; } .standard-plan-select{ margin-top: 30px; } .plans-about{ width: 48%; float: right; } .plans-video{ width: 48%; } .b-pick-plan-title { text-align: center; font-size: 2.33333em; margin-bottom: 30px; } .plan-carousel { width: -webkit-calc(100% + 26px); width: calc(100% + 26px); margin-left: -13px; } .plan-carousel .owl-stage-outer { padding-top: 2.5%; padding-bottom: 2.5%; } .plan-carousel .owl-item { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .plan-carousel .owl-item:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); z-index: 100; } .plan-carousel .owl-item:hover .tele-btn.tele-btn-blue span { background-color: #127DCC; } .plan-box-more { margin-top: 25px; } .plan-box-more .tele-btn{ position: absolute; bottom: 8px; width: 87%; left: 0; margin-left: 7%; } .b-pick-plan-sub-i { font-size: 15px; margin-top: 40px; display: block; } /* .b-request-circle-parent .b-request-circle { width: 1566px; height: 1566px; -webkit-border-radius: 100%; border-radius: 100%; z-index: 1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .b-request-circle-parent .b-request-circle:after { width: 1168px; height: 1168px; } */ .include-p-box { overflow: hidden; } .include-p-box-ico { float: left; width: 85px; text-align: center; } .include-p-box-info { margin-left: 115px; } .include-p-box-info h4 { font-size: 20px; margin-bottom: 15px; } /* .grid-options-buy { display: grid; grid-template-columns: 370px 1fr; grid-gap: 50px; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; display: -ms-grid; -ms-grid-columns: 25% 20px 73%; -ms-grid-rows:100%; } .sidebar-contain{ -ms-grid-column: 1; } .grid-options-buy main{ display: block; -ms-grid-column: 3; } */ #service_agreement_success{ color: #fff; } .optional-extra-desc{ font-size: 17px; color: #716F6F; margin-top: -10px; } /* .aside-basket-option { border: 1px solid #a8d7f9; -webkit-box-shadow: 0 3px 17px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 17px rgba(0, 0, 0, 0.15); } .aside-basket-option .b-obj-head { padding-left: 14px; padding-right: 75px; padding-top: 16px; padding-bottom: 16px; height: auto !important; } .aside-basket-option .b-obj-head h2 { font-size: 1.33333em; } .aside-basket-option .b-obj-head .b-obj-head-ico { right: 14px; } .aside-basket-option-inner { padding: 5px 18px; background-color: #ebf6fd; font-size: 16px; } .aside-basket-option-box { padding-top: 25px; padding-bottom: 25px; } .aside-basket-option-box:not(:last-child) { border-bottom: 0.5px solid rgba(25, 144, 232, 0.44); } .aside-basket-option-box .woocommerce-message{ margin-bottom: 20px; } .aside-basket-option-box-title { font-size: 18px; font-family: clementepdak-semibold; font-family: "Open Sans", Arial, sans-serif; margin-bottom: 20px; font-weight: 600;} .basket-option-el-out { display: grid; grid-template-columns: 160px auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .basket-option-el span { font-weight: 300; } .basket-option-el:nth-child(2) span { font-weight: 400 !important; } */ .basket-option-el-price { font-weight: 400; } /* .faq-ico { display: inline-block; vertical-align: middle; margin-left: 5px; font-size: 0; position: relative; } .plan-box-cost{ margin-bottom: 10px; } .plan-box-cost .faq-ico{ margin-top: 8px; } .faq-ico:after { content: ''; position: absolute; height: 200px; left: 0; top: 50%; width: 100px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; display: none; cursor: auto; } .faq-ico .faq-ico-info { position: absolute; left: 170%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 300px; background: #fff; padding: 10px; color: #000; z-index: 10; font-size: 14px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-border-radius: 5px; border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: auto; } .faq-ico .faq-ico-info p { margin-bottom: 0; } .faq-ico:hover .faq-ico-info { opacity: 1; visibility: visible; } .faq-ico:hover:after { display: block; } .basket-option-extras { display: grid; grid-template-columns: 1fr 65px 12px; grid-gap: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: 300; } .basket-option-extras:not(:last-child) { margin-bottom: 19px; } .basket-option-extras-name{ line-height: 26px; } */ .del-extras { padding: 0; margin: 0; border: none; background: none; width: 12px; height: 12px; cursor: pointer; display: block; } .del-extras span { width: 12px; height: 12px; display: block; background: url(../img/del.svg) 0 0 no-repeat; text-indent: -9999px; } /* .code-apply { margin-top: 12px; margin-bottom: 25px; } .apply-code-btn { border: none; padding: 0; background: none; padding-bottom: 5px; font-family: clementepdak-semibold; font-size: 16px !important; height: auto !important; position: relative; color: #038eeb; cursor: pointer; } .apply-code-btn:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3.5px; background-color: #038eeb; -webkit-transform: skew(-45deg); -ms-transform: skew(-45deg); transform: skew(-45deg); } .apply-code-btn[disabled] { color: #93999c; cursor: default; } .apply-code-btn[disabled]:after { content: none; } */ .coupon-box-js { display: none; } .coupon-title-js { background: url(../img/sel-ar.svg) right center no-repeat; padding-right: 30px; cursor: pointer; } .coupon-title-js.is-active { background: url(../img/sel-ar-t.svg) right center no-repeat; } /* .aside-total { text-align: center; margin-bottom: 2rem; } .coupon-panel{ margin-top: 2rem; border-top: 0.5px solid rgba(25, 144, 232, 0.44); padding-top: 2rem; } .price-container{ clear: both; display: block; margin-bottom: 1rem; height: 19px; } .price-left{ float: left; } .price-right{ float: right; } .total-price-container{ margin-top:2rem; overflow: hidden; clear: both; display: block; margin-bottom: 1rem; } .total-price-left{ font-size:20px; color: #038eeb; float: left; } .total-price-right{ font-size:20px; color: #038eeb; font-weight:bold; float: right; } */ .t-total{ margin-bottom: 20px; } #getaddress_dropdown{ margin-top: 20px; } .exclude-vat-text{ margin-top: 20px; margin-bottom: -10px; font-size: 15px;} .aside-total-title { text-transform: uppercase; font-size: 15px; font-weight: bold; margin-bottom: 10px; } /* .opt-pr { background-color: #ebf6fd; min-height: 100%; position: relative; } .opt-pr .opt-pr-image { overflow: hidden; } .opt-pr:hover .aod-bas{ background-color: #6d95b2; } .opt-pr .opt-pr-image:hover .opt-pr-image-t { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .opt-pr .opt-pr-image .opt-pr-image-t { padding-top: 45%; display: block; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .opt-pr .opt-pr-info { padding: 20px 30px 50px 40px; } .opt-pr .opt-pr-info h1,.opt-pr .opt-pr-info h2, .opt-pr .opt-pr-info h3, .opt-pr .opt-pr-info h4, .opt-pr .opt-pr-info h5, .opt-pr .opt-pr-info h6 { font-size: 20px; font-weight: 400; margin-bottom: 10px; font-family: "Open Sans", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 45px; } .opt-pr .opt-pr-info p{ font-size: 15px; line-height: normal; } .opt-pr .opt-pr-info .opt-pr-info-cost-g { display: grid; grid-template-columns: 1fr 32px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 29px; width: 100%; padding-bottom: 20px;} .opt-pr .opt-pr-info .opt-pr-info-cost-g .cost-t { font-size: 22px; font-weight: bold; } .opt-pr .opt-pr-info .opt-pr-info-cost-g .aod-bas { display: block; width: 32px; height: 32px; -webkit-border-radius: 32px; border-radius: 32px; background-color: #8dc5f0; position: relative; text-indent: -9999px; right: 71px; position: absolute; margin-top: 6px;} .opt-pr .opt-pr-info .opt-pr-info-cost-g .aod-bas:after { content: ''; height: 3px; width: 16px; background-color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .opt-pr .opt-pr-info .opt-pr-info-cost-g .aod-bas:before { content: ''; height: 16px; width: 3px; background-color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .aod-bas.remove { background-color: #6d95b2; } .opt-pr .opt-pr-info .opt-pr-info-cost-g .aod-bas.remove:before { content: none; } .opt-pr .opt-pr-info .opt-pr-info-cost-g .aod-bas:hover { background-color: #6d95b2; } */ .checkout-el { margin-top: 38px; text-align: right; } #step-5 button{ display: none; } /* .wc-terms-and-conditions .woocommerce-terms-and-conditions-link{ color: white; text-decoration: underline; } .woocommerce-terms-and-conditions{ text-align: left; color: white; } .wc-terms-and-conditions span{ color: white; } .woocommerce-terms-and-conditions h3{ color: white !important; } .wc-terms-and-conditions .required{ color: red; } */ abbr.required{ text-decoration: none !important; color: red; } span.required{ text-decoration: none !important; color: red; } .bottomSidebarBasket { position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; } .basket-btn-mb { display: block; background: #64aee5 url(../img/plus.svg) right 15px center no-repeat; color: #fff; padding-top: 25px; padding-bottom: 25px; padding-left: 15px; padding-right: 70px; font-size: 24px; font-family: clementepdak-semibold; } .z10 { position: relative; z-index: 10; } .add-h .b-header-o { position: relative; z-index: 10; } .close-mgn-btn { background: #64aee5 url(../img/minus.svg) right 15px center no-repeat; } .close-popup { width: 54px; height: 54px; background: url(../img/menu-close.svg) center no-repeat; margin-left: auto; -webkit-border-radius: 54px; border-radius: 54px; cursor: pointer; } .mfp-ready .b-header { background: none; } .b-modal { background-color: #fff; min-height: 100vh; } .b-modal:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: -webkit-linear-gradient(left, #147bc4 0%, rgba(25, 144, 232, 0.36) 100%); background: -webkit-gradient(linear, left top, right top, from(#147bc4), to(rgba(25, 144, 232, 0.36))); background: -o-linear-gradient(left, #147bc4 0%, rgba(25, 144, 232, 0.36) 100%); background: linear-gradient(to right, #147bc4 0%, rgba(25, 144, 232, 0.36) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#147bc4', endColorstr='#5c1990e8',GradientType=1 ); } .b-modal .b-modal-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; z-index: 7; } .b-modal .b-modal-bg:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1405px; height: 1416px; background: url(../img/modal-bg.svg) 0 0 no-repeat; opacity: .06; } .b-modal .container { position: relative; z-index: 10; } .mfp-container { padding: 0; } .b-modal-inner { min-height: 100vh; display: grid; grid-template-rows: auto 1fr; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 40px; } .b-modal-inner header { padding: 37px 0; padding-bottom: 60px; } .b-modal-inner .logo { max-width: 215px; width: 100%; } .b-modal-content { max-width: 490px; width: 100%; margin-left: auto; margin-right: auto; text-align: center; color: #fff; } .b-modal-content h2 { font-size: 2.05556em; font-family: clementepdak-semibold; margin-bottom: 15px; line-height: 1.23; } .b-modal-form { background-color: #ebf6fd; padding: 45px 45px; text-align: left; margin-top: 20px; color: #3c3c3c; overflow: hidden; } .b-modal-form p { font-size: 17px; font-weight: 400; } .b-modal-form input[type="text"], .b-modal-form input[type="password"], .b-modal-form input[type="email"], .b-modal-form input[type="search"], .b-modal-form input[type="tel"] { margin-bottom: 28px; } .disclaimer-text{ margin-top: 30px; font-size: 13px !important; line-height: 18px !important; margin-bottom: 0px; display: inline-block; } .disclaimer-text a{ /* font-family: "Open Sans", Arial, sans-serif; */ } .b-modal-form-col { display: grid; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-template-columns: 1fr 1fr; grid-gap: 44px; margin-bottom: 28px; } .b-modal-form-col .outer-label { padding: 12px 17px; display: grid; grid-template-columns: 1fr 28px; -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; } .b-modal-form-col .outer-label label { font-size: 16px; font-weight: 300; } .close-modal { display: block; width: 51px; height: 51px; margin-left: auto; } .footer_logos_dark-b img { max-width: 330px; width: 100%; } /* .just-preview .serv__prev-out { padding-top: 120px; padding-bottom: 120px; } .just-preview .serv__prev-out h1 { margin-bottom: 20px; } .mobile-aside-container{ display: none; position: fixed; bottom: 0; width: 100%; z-index: 1000; } .mobile-aside-content{ display: block; height: 100vh; background-color: white; padding-right: 15px; padding-left: 15px; padding-top: 95px; overflow-y: scroll; } */ .mobile-aside-content .aside-basket-option{ border: 0px; -webkit-box-shadow: none; box-shadow: none; } .mobile-summary{ background-color: #ebf6fd; } /* .mobile-aside-button-container{ background-color: #67AFE3; padding: 25px 15px; position: relative; } .mobile-aside-button{ font-family: clementepdak-semibold; font-size: 22px; color: white; background: none; border: 0px; padding-left: 40px; } .mobile-aside-button:before { content: ''; position: absolute; width: 20px; left: 20px; height: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/f-p-white.svg) center no-repeat; margin-top: -1px; } .mobile-aside-button.active:before { background: url(../img/f-m-white.svg) center no-repeat; } .mobile-aside-content{ display: none; } .categoties-blog{ display: grid; grid-template-columns: 380px 1fr; grid-column-gap: 85px; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; display: -ms-grid; -ms-grid-columns: 30% 20px 65%; -ms-grid-rows: 100%; } */ .case-study-container{ display: grid; -ms-flex-align: start; -ms-grid-columns: 30% 20px 65%; -ms-grid-rows: 100%; padding-left: 10%; padding-right: 10%; } .related-title-container{ overflow: hidden; margin-bottom: 20px; padding-bottom: 5px; } .related-title-container h3{ float: left; color: #038eeb; } .related-title-container .a-more-out{ float: right; } .case_studies-content-inner{ line-height: 24px; font-weight: 400; } /* .sticky-b { position: -webkit-sticky; position: sticky; top: 150px; } .pt40 { padding-top: 40px; } .categoties-blog-row .b-obj-image h4, .categoties-blog-row .b-obj-image h2, .categoties-blog-row .b-obj-image h3 { font-weight: 500; font-size: 1.22222em; padding-top: 14px; padding-bottom: 14px; } .categoties-blog-row .col-lg-6 .b-obj-image h4, .categoties-blog-row .col-lg-6 .b-obj-image h2, .categoties-blog-row .col-lg-6 .b-obj-image h3 { width: 70%; } .categoties-blog-aside-title { font-size: 1.38889em; font-family: "Open Sans", Arial, sans-serif; font-weight: 600; margin-bottom: 23px; margin-top: -53px; } .categoties-blog-aside header{ margin-bottom: 30px; color: #038eeb; } .categoties-blog-aside{ -ms-grid-column: 1; } .categoties-blog-row-out{ -ms-grid-column: 3; line-height: 30px; } */ @media only screen and (max-width: /*768px*/ 850px) { /* .categoties-blog-row-out{ -ms-grid-column: 1; -ms-grid-column-span:3; } */ .zopim{ display: none !important; } .bottomSidebar-inner{ width: 100%; } .case-study-container{ padding-left: 0%; padding-right: 0%; } .plans-about p{ width: 100%; } /* .b-preview .b-request-circle{ display: block; } */ } a.twitter-icon{ background: url(../img/tw.svg) center no-repeat; background-size: cover; height: 30px; width: 30px; display: block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } a.twitter-icon:hover{ background: url(../img/tw-blue.svg) center no-repeat; } a.fb-icon{ background: url(../img/fb.svg) center no-repeat; background-size: cover; height: 30px; width: 30px; display: block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } a.fb-icon:hover{ background: url(../img/fb-blue.svg) center no-repeat; } a.gp-icon{ background: url(../img/gp.svg) center no-repeat; background-size: cover; height: 30px; width: 30px; display: block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } a.gp-icon:hover{ background: url(../img/gp-blue.svg) center no-repeat; } .feefo-head img{ padding-top: 4px; } /* .categoties-blog-list { padding: 0; margin: 0; list-style-type: none; } .categoties-blog-list li:not(:last-child) { margin-bottom: 15px; } .categoties-blog-list a { display: block; background-color: #ebf6fd; border: 1px solid #a8d7f9; font-weight: 300; padding: 15px 20px; padding-right: 45px; color: #3c3c3c; position: relative; } .categoties-blog-list a:hover { background-color: #a8d7f9; color: #fff; } .categoties-blog-list .current-item a:after { content: ''; width: 21px; height: 15px; position: absolute; right: 19px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/ok.svg) center no-repeat; -webkit-background-size: contain; background-size: contain; } .pagination-b { text-align: center; padding-top: 90px; white-space: nowrap; } .pagination-b a { display: inline-block; width: 46px; height: 46px; vertical-align: middle; } .pagination-b span { display: inline-block; vertical-align: middle; width: 46px; height: 46px; text-align: center; line-height: 46px; font-size: 20px; color: #038eeb; } .pagination-b .pagination-b-num { display: inline-block; } .pagination-b .pagination-b-num a { font-size: 20px; line-height: 46px; color: #003669; font-family: clementepdak-semibold; } .pagination-b .pagination-b-num a:hover { color: #038eeb; } .pagination-b .pagination-b-num a.current { background: #fff url(../img/magic-circle.svg) center no-repeat; -webkit-background-size: contain; background-size: contain; } .pagination-b .pag-prev { text-indent: -9999px; background: url(../img/p-prev.svg) center no-repeat; } .pagination-b .pag-next { text-indent: -9999px; background: url(../img/p-next.svg) center no-repeat; } */ .case-study-image img{ width: 90%; height: 200px; object-fit: cover; } .aside-sm-b { margin-bottom: 30px; } .aside-sm-b .b-obj{ margin-bottom: 70px; } .aside-sm-b strong { font-size: 1.38889em !important; font-weight: 500 !important; color: #606060 !important; } .aside-sm-b h3{ color: #038eeb; margin-bottom: 35px; } .aside-sm-b-title { font-size: 20px; margin-bottom: 10px; color: #b5b5b5; margin-top: -20px;} /* .social-list { overflow: hidden; padding: 0; margin: 0; list-style-type: none; margin-left: -24px; margin-bottom: 30px;} .social-list img { margin: 0 !important; height: auto !important; } .social-list li { float: left; margin-left: 24px; } .detail-blog h1, .texter h1, .detail-blog h2, .texter h2 { color: #038eeb; font-size: 2.16667em; margin-bottom: 35px; line-height: 1.23em; } .detail-blog p{ line-height: 30px; } .post-content-inner{ font-weight: 100; } .categoties-blog .detail-blog .img-cont picture.no-lazy source, .categoties-blog .detail-blog .img-cont picture.no-lazy img{ margin-bottom: 30px; max-height: 310px; } .detail-blog img, .texter img { margin-bottom: 30px; height: 310px; object-fit: cover; object-position: 50%; } .detail-blog a, .texter a { font-weight: 500; } .detail-blog a:hover, .texter a:hover { color: #043865; } .detail-blog b, .detail-blog strong, .texter b, .texter strong { font-weight: 500; } .detail-blog h3, .texter h3, .texter h4 { font-size: 1.38889em; margin-top: 25px; margin-bottom: 25px; font-weight: 500; font-family: "Open Sans", Arial, sans-serif; } .detail-blog h4{ font-size: 1.2em; margin-top: 25px; margin-bottom: 25px; font-weight: 500; font-family: "Open Sans", Arial, sans-serif; } */ .b-modal .categoties-blog-aside-title { margin-top: 0; color: #fff; } .b-modal .categoties-blog-aside { padding-top: 40px; padding-bottom: 40px; } /* .faq-list { margin: 0; padding: 0; margin-bottom: -15px; list-style: none; } .faq-list li{ break-inside: avoid-column; } .faq-title { margin-bottom: 20px; background-color: #ebf6fd; border: 1px solid #a8d7f9; padding: 15px 90px; cursor: pointer; position: relative; font-weight: 400; } .faq-title:after { content: 'Q'; font-family: clementepdak-semibold; font-size: 20px; color: #038eeb; position: absolute; left: 40px; top: 14px; } .faq-title:before { content: ''; position: absolute; right: 40px; width: 20px; height: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/f-p.svg) center no-repeat; } .faq-title.is-active:before { background: url(../img/f-m.svg) center no-repeat; } .faq-answer { margin: 0; padding: 35px 40px; padding-top: 20px; font-weight: 400; display: none; } */ .id-anchor{ position: relative; top: -160px; } .retirement-columns-el.texter { max-width: 564px; } .retirement-scheme-rfi-text{ float: left; width: 60%; margin-bottom: 1rem; } .retirement-scheme-rfi-text h3{ font-size: 1.5rem; margin-bottom: 1rem; } .retirement-rfi-image{ width: 32%; float: right; margin-bottom: 2rem; } .mb-28 { margin-bottom: 28px; } .nl-grid { display: grid; grid-template-columns: 25px 1fr; grid-column-gap: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .nl-grid .jq-checkbox { margin-right: 0; } .b-obj-head-smaller .b-obj-head h2 { font-size: 20px; } .request-page-box .b-modal-form { max-width: 564px; width: 100%; margin-left: auto; position: relative; z-index: 1; } .request-page-box .serv__prev-out { padding-top: 90px; padding-bottom: 90px; } .form-edit { position: relative; max-width: 602px; width: 100%; margin-left: auto; margin-right: auto; padding: 100px 0; } .form-edit .magic-liner-circle { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); top: -300px; } .form-edit header { text-align: center; margin-bottom: 30px; } .form-edit header h1 { font-size: 2.61111em; margin-bottom: 25px; } .form-edit-el { background-color: #ebf6fd; border: 1px solid #a8d7f9; padding: 15px 90px; padding-left: 32px; padding-right: 60px; color: #3c3c3c; cursor: pointer; position: relative; border-bottom: none; } .form-edit-el:before { content: ''; position: absolute; right: 32px; width: 20px; height: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/f-p.svg) center no-repeat; } .form-edit-el.is-active:before { background: url(../img/f-m.svg) center no-repeat; } .form-edit-inner { position: relative; z-index: 10; } .form-edit-el-outer { margin-bottom: 45px; } .account-inf{ font-size: 16px; line-height: 26px; font-weight: 400; letter-spacing: 0.5px; } .form-edit-el-info { padding: 25px 32px; background-color: #ebf6fd; border: 1px solid #a8d7f9; border-top: none; margin-top: -1px; position: relative; z-index: 10; color: #3c3c3c; display: none; } .form-edit-el-info * { font-size: 16px !important; } .inp-grid-2 { display: grid; grid-column-gap: 30px; grid-row-gap: 30px; grid-template-columns: 1fr 1fr; } .inp-grid-2 input[type="text"], .inp-grid-2 input[type="password"], .inp-grid-2 input[type="email"], .inp-grid-2 input[type="search"], .inp-grid-2 input[type="tel"], .inp-grid-2 textarea { margin-bottom: 0; } .edit-footer-f .a-more-out a { color: #fff; } .edit-footer-f .a-more-out a:after { background-color: #fff; } .edit-footer-f [type="submit"] span:first-child, .edit-footer-f [type="reset"] span:first-child { width: 112px; text-transform: uppercase; margin-right: 2px; } .login__bg { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 6; } .sig-in-box .serv__prev-out { padding-top: 175px; padding-bottom: 175px; } .sig-in-box .serv__prev-out .a-more { color: #038eeb; } .sig-in-box .serv__prev-out .a-more:after { background-color: #038eeb; } .sig-in-box .magic-liner-circle{ opacity: .2 !important; } .sig-in-box-title { text-align: center; font-size: 2.61111em; font-family: clementepdak-semibold; margin-bottom: 30px; } /* .checkout-box { position: relative; color: #3c3c3c; } .checkout-box .woocommerce-message{ display: none; } */ .checkout-title-out { background: #ebf6fd; overflow: hidden; padding: 18px 35px 18px 35px; } .checkout-title-num { float: left; color: #038eeb; font-size: 20px; font-family: clementepdak-semibold; width: 30px; margin-right: 25px; } .checkout-title { float: left; margin-top: 1px; } .checkout-h { float: right; width: 18px; height: 13px; background: url(../img/ok.svg) center no-repeat; -webkit-background-size: contain; background-size: contain; margin-top: 6px; text-indent: -9999px; } .ch-form-b { padding: 5px 90px; background: #ebf6fd; } .ch-form-b select{ margin-bottom: 0px; } .ch-form-b label{ padding-bottom: 5px; font-size: 17px !important; } .ch-form-b-title{ margin-bottom: 0px !important; font-size: 17px !important; padding-bottom: 16px; margin-top: 8px; } .bb30 p{ font-size: 17px !important; } .ch-form-b input{ padding-bottom: 10px; } .for-out { position: relative; } .for-out-required { font-size: 30px; line-height: 60px; height: 50px; overflow: hidden; font-weight: 300; color: #d34e4c; position: absolute; right: -30px; top: 0; width: 30px; text-align: center; } .example-input-text{ font-style: italic; font-weight: 300; margin-top: 10px; margin-left: 5px; } .f-grid-3-styler1 { display: grid; grid-template-columns: 80px 1fr 1fr; grid-gap: 30px; margin-bottom: 30px; } .f-grid-3-styler2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 30px; margin-bottom: 30px; } .f-grid-2-styler1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); grid-gap: 30px; margin-bottom: 30px; } /* .form-r { text-align: right; margin-bottom: 30px; } .ch-form-b-out:not(:last-child) { margin-bottom: 30px; } */ .bb30 { margin-bottom: 30px; } /* .payment-label { border: 1px solid #a8d7f9; display: block; padding: 15px 30px 0px 30px; margin-bottom: 30px; } .cridit-cards { margin-left: -20px; margin-top: 10px; } */ /* .cridit-cards img { vertical-align: middle; margin-left: 20px; } .payment-label-head { overflow: hidden; margin-bottom: 33px; } .payment-label .payment-method-content{ padding-bottom: 30px; } .payment-label-head .payment-label-title { float: left; width: -webkit-calc(100% - 35px); width: calc(100% - 35px); height: 65px; } .payment-label-head .payment-label-title span { display: inline-block; vertical-align: middle; margin-right: 10px; } .payment-label-head .jq-radio { float: right; } */ .wpcf7-list-item-label{ font-weight: 400; } .wpcf7-form .wpcf7-list-item{ margin:0 0 0 0em; } .bb30 .outer-label { width: 100%; } .b-modal-form-col-1 { grid-template-columns: 1fr; } .order-num-b .aside-basket-option-box-title { margin-bottom: 0; } .order-num-el { font-size: 20px; font-weight: bold; text-align: right; } .order-table { width: 100%; font-size: 16px; font-weight: 300; margin-top: -10px; } .order-table td { padding-top: 10px; padding-bottom: 10px; vertical-align: top; } .order-table td:last-child { text-align: right; font-weight: 400; } .order-text { margin-bottom: 50px; } .order-text h1 { font-size: 2.38889em; color: #fff; font-family: clementepdak-semibold; margin-bottom: 20px; } .order-text p { color: #fff; font-weight: 400; } .order-text p b { font-weight: bold; } .pickmeup { z-index: 100; } .date-p-ico { width: 24px; height: 22px; background: url(../img/cndr.svg) 0 0 no-repeat; position: absolute; right: 16px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ch-form-b-title { margin-bottom: 30px; font-size: 1.11111em; } .sm-st-fz label { font-size: 14px !important; } .mx368 { max-width: 368px; width: 100%; grid-template-columns: repeat(2, 1fr); } .form-l { text-align: left; margin-bottom: 30px; } .magic-liner-circle-bg-f { background: url(../img/fixed-images.svg) center no-repeat; background-attachment: fixed; position: relative; z-index: 10; } #basketSummary .aside-basket-option-m { padding-bottom: 79px; } #basketSummary .basket-btn-mb { position: fixed; left: 0; right: 0; bottom: 0; } .entry-summary .klarna-product-info{ font-size: 12px; padding-top: 1rem; } .entry-summary .klarna-product-info img{ margin-bottom: 20px; } .entry-summary .klarna-product-info p{ margin-bottom: 0px; } .aside-basket-whiter { background-color: #fff; } .b-modal-no-bg { background-color: #fff; } .b-modal-no-bg:after, .b-modal-no-bg:before { content: none; } .header-sticky-btns{ float: right; display: none; } /* .b-header--sticky .header-sticky-btns{ display: block; } .b-header--sticky{ box-shadow: 0 -3px 16px rgba(0, 0, 0, 0.16) } .b-header--sticky .nav{ padding-top: 10px; padding-bottom: 25px; } */ .hide-sticky-header-elem{ display: none; } .show-sticky-header-elem{ display: block; } .header-sticky-btns a{ min-width: 280px; } /* .nav-list > li > ul{ border-radius:0; width: 238px; box-shadow: none; background-color: #fff; margin-top: 22px !important; } .nav-list > li > ul > li{ height: 60px; padding-left: 7px; } */ .woocommerce-error{ list-style: none; color: #3c3c3c; font-weight: bold; padding: 0; } /* .b-header--sticky .nav-list > li > ul{ display: none; } .aside-basket-option-box .woocommerce-error{ color: red; } */ .yt-iframe-wrapper{ position: relative; padding-bottom: 66%; height: 0; overflow: hidden; margin: -25px -27px 17px; border-bottom: 1px solid #a8d7f9; } .yt-iframe-wrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .page-template-page-personal-alarms .yt-iframe-wrapper{ box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16); } /*========== Desktop First ==========*/ /* Large Devices, Wide Screens */ @media only screen and (max-width: 1199px) { .lg-none { display: none; } /* body { font-size: 16px; } .b-video { width: 630px; height: 630px; } .b-video video { padding: 0; width: 100%; } */ .serv__prev-out { padding-top: 80px; padding-bottom: 80px; } .circle-pr-c { width: 100%; } .circle-pr { right: 0; } .order-md-2 .circle-pr { left: 0; } /* .b-video-out { width: 630px; } */ .trustbox-header-popup{ width: auto; margin-top: 1.5rem !important; margin-left: 0px !important; } } /* Medium Devices, Desktops */ @media only screen and (max-width: 991px) { /* .mobile-nav .dropdown-menu{ text-align: center; background-color: #1B80C8; padding-top: 20px; padding-bottom: 20px; width: 100vw; margin-left: -15px; } */ .ch-form-b { padding-left: 30px; padding-right: 30px; } .grid-2 { grid-column-gap: 30px; grid-row-gap: 30px; } .plan-carousel { width: auto; margin-left: 0; } .plan-carousel .owl-stage-outer { padding-top: 0; padding-bottom: 0; } .plan-carousel .owl-item { -webkit-transition: none; -o-transition: none; transition: none; } .plan-carousel .owl-item:hover { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 0; } .md-none { display: none; } .mb-menu-btn { display: block; } /* .b-header { padding: 16px 0; } .b-preview-btns-area { grid-template-columns: 1fr; grid-gap: 10px; margin-top: 50px; } .b-preview-btns-area .tele-btn{ margin-bottom: 0px; } .b-request, */ .b-section { margin-top: 50px; margin-bottom: 50px; } /* .bottomSidebar { padding-top: 15px; padding-bottom: 15px; } .bottomSidebar p { font-size: 16px; } .bottomSidebar .tele-btn span:first-child { font-size: 14px; } */ .close-modal { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } .grid-2 { grid-column-gap: 30px;} .serv-prev-b h1 { font-size: 29px; } /* .blue-area-to-left ul li { font-size: 18px; } .bl-def-content, .circle-pr { padding: 40px 0; } */ .works-caro-elem { grid-template-columns: 1fr; } .works-caro-elem .works-caro-elem-num { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 35px;} .works-caro-elem .works-caro-elem-image { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-bottom: 35px;} .works-caro-elem .works-caro-elem-info { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3;} .works-caro-elem-info h3{ font-weight: 600 !important; } .works-caro-outer-js-liner { background: url(../img/liner.svg) 0 0 repeat; height: 2px !important; right: -15px; width: auto !important; left: -15px; top: 49px !important; } .pagination-b { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } /* .b-header--sticky { position: static !important; } */ } /* @media only screen and (max-width: 940px) { .b-request-form { grid-template-columns: 1fr; } } */ /* Small Devices, Tablets */ @media only screen and (max-width: 850px) { /* .sidebar-contain .b-obj-head{ display: none; } */ .basket-option-el-out{ grid-template-columns: 180px auto; } /* .aside-basket-option-inner{ font-size: 18px !important; } */ .aside-basket-option{ border: none; box-shadow: none; } .white-popup-block .aside-basket-option .b-obj-head { display: none; } .magic-liner-circle-bg-f { background-attachment: scroll; } /* .sticky-b { position: static; } */ .pagination-b { -webkit-transform: none; -ms-transform: none; transform: none; } .pagination-b .pag-prev { text-indent: -9999px; background: url(../img/p-prev-b.svg) left center no-repeat; width: 40px; } .pagination-b .pag-next { text-indent: -9999px; background: url(../img/p-next-b.svg) center right no-repeat; width: 40px; } /* .just-preview .serv__prev-out { padding-top: 75px; padding-bottom: 75px; } .b-video-out { width: 100%; } .bl-def-content-art p { font-size: 16px !important; } */ .circle-pr-c { max-width: 428px; margin-left: auto; margin-right: auto; } .small-circle { margin-left: auto; margin-right: auto; } .b-footer-top-under { text-align: center; } .b-footer-bottom { text-align: center; padding-top: 40px; padding-bottom: 40px; } /* .b-preview .preview-article { max-width: 100%; text-align: center; line-height: 26px; } */ .footer-hide-mobile{ display: none; } /* .footer-phone-button{ display: block; } */ .page-template-page-checkout .b-section{ margin-top: 0px; } .sm-none { display: none !important; } /* .b-welcome .sm-none{ display: block !important; } */ .white-video-style .b-obj-image{ margin-bottom: 30px; } /* .b-preview { background: -webkit-linear-gradient(top, #3691d3 0%, rgba(25, 144, 232, 0.75) 100%); background: -webkit-gradient(linear, left top, left bottom, from(#3691d3), to(rgba(25, 144, 232, 0.75))); background: -o-linear-gradient(top, #3691d3 0%, rgba(25, 144, 232, 0.75) 100%); background: linear-gradient(to bottom, #3691d3 0%, rgba(25, 144, 232, 0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3691d3', endColorstr='#bf1990e8',GradientType=0 ); } .b-preview .b-video { position: relative !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; left: auto; top: auto; width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; height: 400px !important; } .b-preview .b-video:after { content: ''; display: block; padding-top: 100%; } .b-preview .b-video video { width: 100%; height: 100%; -webkit-border-radius: 100%; border-radius: 100%; }*/ .a-play:after{ top: 26%; } /* .b-preview-sub { display: none; } .s-plan::after { content: none; } */ .grid-2 { grid-template-columns: 1fr; } .b-obj-image { margin-bottom: 0; } .b-obj-image h4, .b-obj-image h2, .b-obj-image h3 { position: relative; } .b-obj-head { height: auto !important; } .b-obj-head-ico { right: 15px; -webkit-transform: scale(0.7) translateY(-50%); -ms-transform: scale(0.7) translateY(-50%); transform: scale(0.7) translateY(-50%); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } .bottomSidebar { padding: 0; } /* .bottomSidebar .btn-arrow { display: none; } .bottomSidebar .container { padding-left: 0; padding-right: 0; } .bottomSidebar .b-preview-btns-area { grid-template-columns: 1fr 1fr; grid-gap: 0; } .bottomSidebar .b-preview-btns-area .tele-btn:first-child { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .bottomSidebar .b-preview-btns-area .tele-btn:last-child { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .bottomSidebar .b-preview-btns-area .tele-btn:last-child span { background: #038eeb; color: #fff; } .bottomSidebar .b-preview-btns-area .tele-btn:last-child:hover span { background: #0A79CB; } .bottomSidebar .b-preview-btns-area .tele-btn span:first-child { width: 100%; float: none; display: block; } */ .bottomSidebar-inner { grid-template-columns: 1fr; } .b-video { overflow: visible !important; } /* .b-video:before { content: ''; position: absolute; z-index: 30; left: 0; right: 0; top: -2px; bottom: 0; width: 102%; height: 102.5%; background: url(../img/m-liner.svg) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover; } .b-preview .b-request-circle { width: 690px; height: 690px; margin-left: 0; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .b-preview .b-preview-btns-area { max-width: 260px; width: 100%; margin-left: auto; margin-right: auto; } */ .b-modal-inner header { padding-top: 16px; padding-bottom: 35px; } .serv__prev { max-width: 500px; width: 100%; margin-left: auto; margin-right: auto;} .serv__prev .serv__prev-box-info { display: block; max-width: 294px; width: 100%; margin-left: auto; margin-right: auto; position: relative; z-index: 1; } .serv__prev .serv__prev-box-info-el { display: block; margin-top: 15px; margin-left: 0; } .serv__prev .tele-btn { width: 100%; display: block; } .serv__prev-out { padding-top: 40px; padding-bottom: 40px; } .b-modal::after { background: -webkit-linear-gradient(top, #3691d3 0%, rgba(25, 144, 232, 0.75) 100%); background: -webkit-gradient(linear, left top, left bottom, from(#3691d3), to(rgba(25, 144, 232, 0.75))); background: -o-linear-gradient(top, #3691d3 0%, rgba(25, 144, 232, 0.75) 100%); background: linear-gradient(to bottom, #3691d3 0%, rgba(25, 144, 232, 0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3691d3', endColorstr='#bf1990e8',GradientType=0 ); } /* .mb-magic-liner:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 730px; height: 736px; background: url(../img/modal-bg.svg) center no-repeat; opacity: .06; z-index: 1; } */ .serv-prev-b h1 { text-align: center; } /* .bl-def-content .circle-pr { margin-left: 10%; margin-right: 10%; } */ .blue-video-styles .circle-pr { margin-left: 0%; margin-right: 0%; } .blue-video-styles .circle-pr-c { max-width: 100%;} /* .bl-def-content .b-request-circle { width: 572px; height: 572px; z-index: -1; } .b-video-out .b-request-circle:after { width: 526px; height: 526px; } .b-video-out .playpause { -webkit-transform: translate(-50%, -50%) scale(0.6); -ms-transform: translate(-50%, -50%) scale(0.6); transform: translate(-50%, -50%) scale(0.6); } */ .b-pick-plan-title { font-size: 29px; } .b-pick-plan { padding: 40px 0; } /* .grid-options-buy { grid-template-columns: 1fr; } */ .categoties-blog { grid-template-columns: 1fr; padding-top: 0; } .request-page-box .b-modal-form { margin-left: auto; margin-right: auto; } .login__bg { display: none; } .sig-in-box .serv__prev-out { padding-top: 70px; padding-bottom: 70px; } /* .checkout-box .b-section-p { padding-top: 0 !important; } .faq-title::after { content: none; } .faq-title { padding-left: 20px; } .faq-answer { padding-left: 20px; } */ .mobile-aside-container{ display: block; } } /* Small Devices, Tablets */ @media only screen and (max-width: 576px) { /**/ .f-grid-3-styler1, .f-grid-3-styler2 { grid-template-columns: 1fr; } .sig-in-box-title { display: none; } .mb-right { text-align: right !important; } .sig-in-box .col-sm-auto { text-align: center; } /* .categoties-blog-row .col-lg-6 .b-obj-image h4, .categoties-blog-row .col-lg-6 .b-obj-image h2, .categoties-blog-row .col-lg-6 .b-obj-image h3 { width: 100%; position: relative; z-index: 10; } */ .opt-pr-info { padding-left: 30px; } .opt-pr-info h1, .opt-pr-info h2, .opt-pr-info h3, .opt-pr-info h4, .opt-pr-info h5, .opt-pr-info h6 { min-height: auto; margin-bottom: 20px; } .include-p-box-ico { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); text-align: left; } .include-p-box-info { margin-left: 85px; } .b-modal-content h2 { font-size: 29px; } .b-modal-form-col { grid-gap: 10px; } .b-modal-form { padding-left: 15px; padding-right: 15px; } .b-modal-content .tar { text-align: center; } .b-section-title { font-size: 31px; } /* .preview-article { padding: 40px 0; } .preview-article h1, .preview-article h2, .preview-article h3 { font-size: 29px; } */ .b-obj-head h2 { font-size: 20px; } .b-obj-image h4, .b-obj-image h2, .b-obj-image h3, .b-obj p, .b-obj .a-more-out, .b50 .a-more-out { padding-left: 15px; padding-right: 15px; } .b-obj-head { padding-left: 15px; padding-right: 75px; } .jq-checkbox { width: 40px; height: 40px; } .jq-checkbox__div { left: 12px; top: 13px; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .nl-grid { display: grid; grid-template-columns: 40px 1fr; } .form-edit-el, .form-edit-el-info { padding-left: 15px; padding-right: 15px; } .form-edit-el::before { right: 15px; } .f-grid-2-styler1 { grid-template-columns: 1fr; } .checkout-title { position: relative; top: 2px; } .cridit-cards { text-align: center; margin-left: 0; margin-top: -10px; } .stripe-logo{ margin-top: 0px !important; } .cridit-cards img { margin-top: 10px; margin-left: 2px; margin-right: 2px; } .plan-box .a-more-out{ left: 40%; } .checkout-el .tele-btn, #place_order{ width: 100%; } .b-obj-head a h2:after{ margin: 5px 0px 0px 20px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 479px) { .form-row-first{ float: none !important; width: 100% !important; } .form-row-last{ float: none !important; width: 100% !important; } #getaddress_input{ width: 100% !important; } #getaddress_button{ width: 100% !important; margin-left: 0 !important; margin-top: 20px !important; } .cridit-cards img{ width: 40px !important; margin-left: 0px !important; margin-top: 18px !important; float: left !important; } .cridit-cards img:not(:first-child) { margin-left: 10px !important; } .stipe-logo{ height: 26.1px !important; width: 95px !important; margin-top: 17px !important; } } /* Custom, iPhone Retina */ @media only screen and (max-width: 320px) { /**/ } /* Custom, iPhone Retina */ /* @media only screen and (max-width: 375px) { .b-preview .b-video { left: -25px; width: 114%; } }*/ /*========== Mobile First ==========*/ /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) { /**/ } /* Extra Small Devices, Phones */ @media only screen and (min-width: 480px) { /**/ } /* Small Devices, Tablets */ @media only screen and (min-width: /*768px*/ 850px) { /**/ .sm-show { display: none; } .bottomSidebarBasket { display: none !important; } } /* Medium Devices, Desktops */ @media only screen and (min-width: 992px) { /**/ .mb-menu { display: none !important; } /* #sticky-wrapperr .b-header--sticky { position: fixed; left: 0; right: 0; top: 0; } #sticky-wrapperr .b-header--sticky .sign-elem { display: none !important; } #sticky-wrapperr .b-header--sticky .right-top-el { margin-left: 0px !important; margin-bottom: 10px !important;} #sticky-wrapperr .b-header--sticky .rght-btm { padding-top: 0; } #sticky-wrapperr .b-header--sticky .b-header { padding-top: 15px; padding-bottom: 0px; } #sticky-wrapperr .b-header--sticky .logo { max-width: 165px; padding-bottom: 15px; } */ .b-header { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .b-header .logo { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } } /* @media only screen and (max-width: 1200px){ .b-request-circle{ display: none; } } */ /* Large Devices, Wide Screens */ @media only screen and (min-width: 1200px) { /**/ } .cridit-cards img {width: 50px;} select::-ms-expand { display: none; } /* .fwv_container{ width: 60%; margin: 0 auto; padding-top: 90px; margin-bottom: 50px; } */ div.wpcf7-response-output{ font-size: 15px !important; } /* Paypal Checkout */ #woo_pp_ec_button_checkout .paypal-button{ display: none; } #woo_pp_ec_button_checkout .paypal-button:nth-child(1){ display: block; } .woocommerce-checkout.processing .blockUI.blockOverlay { background-image: url('../img/telecare-loading.gif') !important; background-position: center 50% !important; background-repeat: no-repeat !important; position: fixed !important; } /* Dr Hilary Read More */ .dr-h-read-more{ margin: 60px 30px 0 30px; display: block; position: relative; width: 100%; text-align: center; } /* webP changes begin here */ .img-cont{background: transparent; height: 100%;} .img-cont picture.webP{display: block; height: 100%;} .img-cont picture.webP source{display: block; position: absolute; width: auto; height: 100%; object-fit: contain; overflow: visible; object-position: center;} .img-cont picture.webP img{position: relative; max-width: 100%; height: 100%; width: 100% !important; object-fit: contain; overflow: visible; object-position: center;} picture.no-lazy{display: block; height: 100%;} picture.no-lazy source{display: block; position: absolute; width: auto; height: 100%; object-fit: cover; overflow: visible; object-position: center;} picture.no-lazy img{position: relative; max-width: 100%; height: 100%; width: 100% !important; object-fit: cover; overflow: visible; object-position: bottom;} .hero-slider .slick-track > .slide:nth-child(odd) picture.no-lazy img{ object-position: center; } /* Testing only changes - to comment out on live */ /* a */ article.b-obj .b-obj-image:hover .img-cont source, article.b-obj a.b-obj-image:hover .img-cont img { -webkit-transition: -webkit-transform .5s !important; transition: -webkit-transform .5s !important; -o-transition: transform .5s !important; transition: transform .5s !important; transition: transform .5s, -webkit-transform .5s !important; -webkit-transform: scale(1.2) !important; -ms-transform: scale(1.2) !important; transform: scale(1.2) !important;} article.b-obj .b-obj-image-inner { position: relative; display: block; width: inherit; /* max-width: 581.5px; */ height: 260px; max-height: 260px;} article.b-obj .b-obj-image-inner .img-cont picture.webP source, article.b-obj .b-obj-image-inner .img-cont picture.webP img{object-fit: cover !important;} article.b-obj .b-obj-image .img-cont{display: block; position: relative; overflow: hidden; max-height: 260px;} article.b-obj .b-obj-image .img-cont.no-thumbnail{background-color: #316D22;} article.b-obj .b-obj-image .img-cont h3.learn-more-subtitle{ display: inline; position: absolute; } article.b-obj .b-obj-image .img-cont picture.webP source, article.b-obj .b-obj-image .img-cont picture.webP img {object-fit: cover !important; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} /* White section image left & Blue Section Image Right */ /* section.sm-section-w-circle .circle-pr-image:after{ display: inline !important; } section.sm-section-w-circle .circle-pr-c .circle-pr-image{display: flex;} section.sm-section-w-circle .circle-pr-c .circle-pr-image .img-cont{ position: absolute; border-radius: 100%; width: 100%;} section.sm-section-w-circle .circle-pr-c .circle-pr-image .img-cont picture source, section.sm-section-w-circle .circle-pr-c .circle-pr-image .img-cont picture img,*/ section.white-video-style .b-obj-image-inner .img-cont picture.webP img, section.white-video-style .b-obj-image-inner .img-cont picture.webP source{object-fit: cover !important; position: absolute;} .include-p-box .include-p-box-ico .img-cont picture img{height: 60%; width: 60% !important;} /* How it works */ article.works-caro-elem .works-caro-elem-image-inner .img-cont{max-height: 275px;} article.works-caro-elem .works-caro-elem-image-inner .img-cont picture img, article.works-caro-elem .works-caro-elem-image-inner .img-cont picture source {object-fit: cover;} /* Learn more about our personal alarms article.a-box .a-box-image-inner .img-cont picture img, article.a-box .a-box-image-inner .img-cont picture source {object-fit: cover;} */ /* Blue Section Video Right */ .blue-video-styles .works-caro-elem-image .img-cont picture img, .blue-video-styles .works-caro-elem-image .img-cont picture source, .white-video-style .b-obj-image-inner .img-cont picture img{object-fit: cover;} /* Full Width Video Template Part */ .fwv_container .yt-iframe-wrapper .img-cont{height: unset; max-height: 570px;} /* About Page Banner .showreel-video-out .bg__cover .img-cont picture img, .showreel-video-out .bg__cover .img-cont picture source{height: unset;} */ /* Restructure of the link on blog listings - placed inline with their neighbouring item .b-50 .b50 .a-more-out {display: block; position: absolute; margin-top: auto; padding: 0 25px; width: 100%; bottom: 0; clear: both;} @media screen and (min-width: 992px) { .categoties-blog-row .b50{min-height: 510px;} .categoties-blog-row .b50:first-child{min-height: 430px !important;} } @media screen and (max-width: 991px) and (min-width: 300px) { .categoties-blog-row .b50{min-height: 450px;} .categoties-blog-row .b50:first-child{min-height: 450px !important;} .b-50 .b50 .a-more-out {left: 0; margin: -10px 0;} } */ /* Top banner above Site Switcher */ .top-banner{ background-color: #d34e4c; color: #fff; height: auto; } .top-banner .container{ text-align: center; } .top-banner p{ text-align: center; margin-bottom: 0; padding-bottom: 0; font-size: 14px; } .top-banner p a{ color: white; text-decoration: underline; } @media ( max-width: 650px ){ .top-banner{ height: auto; } } .klarna-warning-message{ color: white; background-color: #C0012A; font-size: 14px; line-height: 24px; padding: 10px 15px; border-radius: 5px; }