/*
Theme Name: Costa
Theme URI: http://www.costa.co.il
Author: Studio Costa
Author URI: http://www.costa.co.il
Description: Studio Costa Custom Theme
Version: 2.1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: costa
Tags: custom, costa

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

* {margin:0;padding:0;list-style:none;outline:none;border:none;vertical-align:top;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
:root {--lightblue:#6EA4CA;--blue:#009AC7;--darkblue:#0C3C60;--grey:#313131;--green1:#00a95e;--green2:#5FBE77}
a[href],input[type='submit'],input[type='image'],label[for],select,button {cursor:pointer}
a,input {transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.access_page {padding:60px 20px;display:flex;justify-content:center;align-items:center;gap:10px;background-color:#fff}
.access_page form {box-shadow:0 15px 40px rgba(0,0,0,.1);padding:40px;border-radius:20px}
.access_page input {padding:10px}
.access_page button {color:var(--blue);padding:10px 20px;border-radius:10px;border:1px var(--blue) solid;background-color:#fff;transition:all .2s ease}
.access_page button:hover {background-color:var(--blue);color:#fff}
img {max-width:100%;height:auto}
body {cursor:default;font-family:'Rubik',arial;background-color:var(--grey);padding-top:79px;}
#codegen {max-width:500px;padding-block:40px}
.codegen {padding:0 20px 20px 20px}
.codegen_copy {margin:10px;background-color:var(--green1);color:#fff;border-radius:40px;padding:5px 10px;text-align:center;cursor:pointer;display:none}
.codegen .cf_row {display:flex;gap:10px;transition:all .2s ease;justify-content:center}
.codegen_open {margin:10px 0;background-color:var(--green1);color:#fff;border-radius:40px;padding:5px 10px;text-align:center;cursor:pointer;display:inline-block}
.codegen_create {background-color:var(--green1);color:#fff;padding:10px 45px;border-radius:50px;white-space:nowrap;display:flex;align-items:center;gap:10px;transition:all .2s ease}
.codegen_create:hover {background-color:var(--green2)}
.codegen_create svg {display:none;width:20px;height:20px;fill:#fff;margin:0;-webkit-animation-name: spin;-webkit-animation-duration: 2000ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function: linear;-moz-animation-name: spin;-moz-animation-duration: 2000ms;-moz-animation-iteration-count: infinite;-moz-animation-timing-function: linear;-ms-animation-name: spin;-ms-animation-duration: 2000ms;-ms-animation-iteration-count: infinite;-ms-animation-timing-function: linear;animation-name: spin;animation-duration: 2000ms;animation-iteration-count: infinite;animation-timing-function: linear;}
.codegen_create svg path {fill:#fff}
@-ms-keyframes spin {
  from {-ms-transform: rotate(0deg)}
  to {-ms-transform: rotate(360deg)}
}
@-moz-keyframes spin {
  from {-moz-transform: rotate(0deg)}
  to {-moz-transform: rotate(360deg)}
}
@-webkit-keyframes spin {
  from {-webkit-transform: rotate(0deg)}
  to {-webkit-transform: rotate(360deg)}
}

@keyframes spin {
  from {transform: rotate(0deg)}
  to {transform:rotate(360deg)}
}

.codegen input {padding:10px;width:6em;cursor:default}
.codegen .wpcf7 form .wpcf7-response-output {border:0;padding:10px;margin:0;white-space:nowrap;font-size:.8em;text-align:center}
.codegen .sent .cf_row {display:none}
.codegen .sent .codegen_copy {display:block}
.codegen .setting .cf_row {opacity:.1}
.codegen .submitting .cf_row {opacity:.7}
.top .setting .codegen_create,
.top .submitting .codegen_create,
.top .resetting .codegen_create {pointer-events:none}

.top .setting .codegen_create svg,
.top .submitting .codegen_create svg,
.top .resetting .codegen_create svg {display:block}

div.wpcf7-validation-errors {display:none!important}
.flex_doc {padding:40px 20px;background-image:linear-gradient(#fff,#eee);border-bottom:1px #ccc solid;flex-grow:1}
.flex_doc h2 {background: -webkit-linear-gradient(left,#111,var(--grey));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;margin:0 0 10px 5px;line-height:.9}
.flex_doc nav {display:flex}
.flex_doc nav a {display:flex;color:#fff;fill:#fff;flex-grow:1;margin:0 5px;line-height:1;padding:15px 20px;background-color:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);flex-basis:50%}
.flex_doc nav a:first-of-type {background-image:linear-gradient(to right, var(--blue),var(--green1))}
.flex_doc nav a:last-of-type {background-image:linear-gradient(to right, var(--green1),var(--green2));cursor:pointer}
.flex_doc nav svg {width:1em;height:1em;margin-right:15px}
.flex_doc section {flex-grow:1}
.flex_doc textarea {width:1px;height:1px;overflow:hidden;position:fixed}
.flex_text {background-color:#fff;padding:100px 20px}
.flex_text a {color:var(--blue);text-decoration:underline;text-decoration-color:#8ae4ff}
.flex_text b {font-weight:500;color:#222}
.flex_text .h {display:flex;gap:40px}
.flex_text h2 {font-size:1.4em;margin:40px 20px 20px 20px}
.flex_text h3 {font-size:1.3em;margin:40px 20px 20px 20px;color:var(--green1)}
.flex_text p {margin:20px;color:#555}
.flex_text table {width:100%;max-width:100%;box-sizing:border-box;background-color:#fff;box-shadow:0 5px 50px rgba(0,0,0,.1);border-collapse:collapse;border-radius:10px;overflow:hidden}
.flex_text td {border:1px #eee solid;padding:10px 20px}
.flex_text ul {margin:20px}
.flex_text ul li {position:relative;padding:0 0 5px 25px}
.flex_text ul li:before {content:'';position:absolute;top:5px;left:0;width:6px;height:3px;border:3px var(--blue) solid;border-radius:2px;transform:skewX(-10deg)}
.flex_text ul li.current-menu-item > a {color:#111;pointer-events:none;text-decoration:none}
.flex_text section {flex-basis:1%;flex-grow:1;max-width:1000px;margin:auto}
.flex_text section > ol {counter-reset:a;margin:20px}
.flex_text section > ol > li {counter-increment:a;position:relative;color:#555}
.flex_text section > ol > li:before {content:counter(a);font-weight:900;color:var(--blue);margin-right:8px}
.flex_text section > ol > li > ol {counter-reset:b;margin:20px 0}
.flex_text section > ol > li > ol > li {counter-increment:b;position:relative;padding:0 0 8px 0}
.flex_text section > ol > li > ol > :before {content:counter(a) '.' counter(b);font-weight:500;color:#ccc;margin-right:8px}
.flex_text section > ol > li > ol > li > ol {counter-reset:c;margin:20px 0}
.flex_text section > ol > li > ol > li > ol > li {counter-increment:c;position:relative;padding:0 0 10px 0}
.flex_text section > ol > li > ol > li > ol > li:before {content:counter(a) '.' counter(b) '.' counter(c);font-weight:500;color:#ccc;margin-right:8px}

@keyframes example {
  0% {border-color:transparent}
  50% {border-color:#F44336}
}
.flex_doc .h {background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px;box-sizing:border-box;border-radius:10px;max-width:800px;display:flex;align-items:flex-start;align-items:center;will-change:transform;border:2px solid transparent}
.flex_doc_open {position:relative;color:#222}
.flex_doc_open span {position:absolute;bottom:10px;right:0;left:0;text-align:center;font-size:.8em}
.flex_doc_open:before {content:'';position:absolute;top:50%;right:50%;width:50px;height:50px;background:url(img/zoom.svg) center / cover;transform:translate(50%,-50%);opacity:.3;transition:all .2s ease}
.flex_doc_open:hover:before {opacity:1}
.flex_doc_icon {max-width: 128px;text-align: center;display: inline-block}
.flex_doc_icon svg {width: 90%;fill: #c7e9ff}

._blink .h {animation-name:example;animation-duration:2s;animation-iteration-count: infinite}
._blink .h:hover {border-color:#F44336;animation:none}


.flex_video {padding:40px 20px;background-image:linear-gradient(#fff,#eee);border-bottom:1px #ccc solid;flex-grow:1}
.flex_video header {position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 10px;border-bottom:5px #e4e4e4 dotted;margin-bottom:10px;padding-bottom:10px}
.flex_video h2 {text-align:left;color:#222;line-height:.9;position:relative;z-index:2}
.flex_video .h {background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);text-align:center;padding:20px;box-sizing:border-box;border-radius:10px;max-width:800px}
.flex_video nav {margin:10px 5px;z-index:2;position:relative;display:flex;gap:10px}
.flex_video nav a {display:flex;color:#fff;fill:#fff;flex-grow:1;line-height:1;padding:10px 15px;background-color:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}
.flex_video nav a[download] {background-image:linear-gradient(to right, var(--blue),var(--darkblue))}
.flex_video nav a[id^=share] {background-image:linear-gradient(to right, var(--green1),var(--green2));cursor:pointer}
.flex_video nav a[data-link] {border:2px solid;cursor:pointer;color:var(--blue)}
.flex_video nav svg {width:1em;height:1em;margin-right:15px}
.flex_video textarea {width:1px;height:1px;overflow:hidden;position:fixed}
.flex_video_watch {position:relative;flex-basis:50%;border:2px #eee solid;margin:5px;border-radius:5px;flex-grow:1;background-position:center;background-size:cover;display:block;height:0;padding-top:50%;overflow:hidden}
.flex_video_watch span {position:absolute;top:5px;left:-5px;padding:5px 10px;color:#fff;z-index:1}
.flex_video_watch span:before {content:'';position:absolute;top:0;right:0;left:0;bottom:0;background-image:linear-gradient(to left,var(--blue),var(--green1));z-index:-1;transform:skew(-15deg);box-shadow:3px 3px 6px rgba(0,0,0,.3)}
.flex_video_watch:before {content:'';position:absolute;top:50%;right:50%;transform:translate(50%,-50%);width:108px;height:108px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAYAAACPZlfNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkFJREFUeNrs3TGojWEcx/FzcEuKAUUpJZPS7U5Mt0yXDJhYSMhiscmkbGwWSZFVGSjdCFmuuonilkHpZmEQRUQZdPzezluWuynO/z2fb327dZb7vufb8zznOc9bpz8YDHqowzJvgWAQDIIJBsEgmGAQDIIJBsEgmGAQDIIJBsEgmGAQDIIJBsEgmGAQDIIJBsEgGAQTDIJBsNqsqHbBq6eP/Zf/+23uhhH2l2yNd+L3+DFeimtMiaPL3bg/rorr4+n4Mu4QbDTZtsRrW+KTeCb2BavBRLwY78cNgtVhpp0iZwSrw8Z4rx1xE4LVucdmTZtr1zjBirCznSIPCVaHZp92M15rtwOCFeFEfB4nBau1j3saTwlWh5Xxcrwd1wpWhwPxRZwWrA6b4+N4Li4XrAbNcdP5+ChuEqwOu+JCu3cTrAjr4hXBajEpWC2eCVaHt/GkYDW4Hqfiq1H8GIs/fOgNv2ectQ8bfW7F7aMcS7Ahn+PheDB+qrCzH2cexOPxfZULHtcR1jx82hyr7KkUa1xH2Hw8EhcrXvw4jbCf8WxveISyWPUmxmWENV/kHm3/lqbrI+xXvNAbPm+/0IUb6vIIe9OOqvku3VQXR1jzo57NschU12JVD/Z6idfexd3tR/YfXZw2Kgfb1xs+N/81folXe8Pzq4ddXpQrr2HNGrV33DaRfb/jbEqEYBBMMAgGwQSDYBBMMAgGwQSDYBBMMAgGwQSDYBBMMAgGwQSDYBBMMAgGwSCYYBAMggmGf8hvAQYAEbVIscQOMVoAAAAASUVORK5CYII=) rgba(255,255,255,.7);border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.5);transition:all .2s ease}
.flex_video_watch:after {content:'';position:absolute;top:50%;right:50%;transform:translate(50%,-50%) scale(2);width:108px;height:108px;transition:all .2s ease;border:5px #fff solid;border-radius:50%;opacity:0}
.flex_video_watch:hover:before {background-color:#fff}
.flex_video_watch:hover:after {opacity:1;transform:translate(50%,-50%) scale(.95)}
.flex_videos {display:flex;align-items:stretch}
.flex_videos_all .flex_video_watch {padding-top:25%}
.flex_videos_all .flex_video_watch:before,.flex_videos_all .flex_video_watch:after {width:50px;height:50px;background-size:cover}
.footer {padding:30px 20px;color:#eee}
.getin {padding:20px;background-color:#e0e0e0}
.getin h2 {color:#fff;background-color:#222;padding:10px 20px;border-radius:10px 10px 0 0;z-index:2;transform:translateY(5px)}
.getin_register,.getin_login {text-align:center;display:block;color:var(--blue);text-decoration:underline;padding:10px 0;cursor:pointer;transition:all .2s ease}
.getin_register:hover,.getin_login:hover {color:#111}
.header nav {display:flex}
.header nav > ul {display:flex;align-items:center}
.header nav > ul > li {position:relative;}
.header nav > ul > li:after {content:'';position:absolute;top:20%;right:0;height:60%;width:2px;background-color:var(--blue);transform:rotate(15deg)}
.header nav > ul > li:last-child:after {display:none}
.header nav > ul > li > ul {position:absolute;visibility:hidden;opacity:0;transform:translateY(10%);transition:all .2s linear;background-image:linear-gradient(#fff,#eee);padding:10px 0 0 0}
.header nav > ul > li:hover > ul {visibility:visible;opacity:1;transform:translateY(2px)}
.header nav > ul > li > a {color:#666;padding:10px 20px;display:flex;position:relative;font-size:1em;fill:#b70000;text-transform:uppercase;margin:0 5px}
.header nav > ul > li > a:before {content:'';position:absolute;top:0;right:0;background-color:var(--blue);left:0;bottom:0;z-index:-1;transition:all .2s ease;transform:scale(0) skew(5deg);border-radius:8px;opacity:0}
.header nav > ul > li:hover > a {color:#fff}
.header nav > ul > li:hover > a:before {transform:scale(1) skew(-7deg);opacity:1}
.header nav > ul > li > a > svg {display:none;width:1.2em;height:1.2em}
.header nav > ul > li > ul > li {border-bottom:1px #ddd dotted}
.header nav > ul > li > ul > li > a {color:#666;display:block;padding:10px 20px;white-space:nowrap;line-height:1}
.header nav > ul > li > ul > li > a:hover {color:var(--blue);background-color:#fff}
.header_logo svg {height:30px;fill:var(--grey)}
.header_logo_o {fill:var(--blue)}
.header_side {display:flex;align-items:center;gap:20px}
.header_help {position:relative;z-index:1;color:#fff;padding:10px 30px;margin-right:20px}
.header_help:before {content:'';position:absolute;top:0;right:0;left:0;bottom:0;background-color:var(--blue);z-index:-1;border-radius:40px;transition:all .2s cubic-bezier(0.25, 0.1, 0.18, 2.33);will-change:transform}
.header_help:hover:before {transform:scale(1.1)}
.big404 {display:inline-block;font-size:15em;color:#fff;border:25px #fff solid;padding:20px;margin:40px auto;font-weight:900;line-height:1}
.h {margin:0 auto;position:relative;max-width:80vw}
.header {position:fixed;top:0;right:0;z-index:500;left:0;background-color:#fff;padding:20px;box-sizing:border-box;transition:all .2s ease}
.header.scrolled {background-color:rgba(255,255,255,.9)}
.header .h {display:flex;justify-content:space-between}
.header_logout {display:flex;color:#555;fill:var(--green1);align-items:center;white-space:nowrap}
.header_logout svg {height:1.2em;width:1.2em;margin-right:10px;transition:all .2s ease}
.header_logout:hover svg {transform:scale(1.1)}
.home_news {flex-basis:20%;margin:50px 0 50px 60px;background-color:#fff;border-radius:20px;overflow:hidden}
.home_news a {display:block;padding:15px 20px;position:relative;color:var(--darkblue)}
.home_news a:after {content:'';position:absolute;top:100%;right:0;left:0;height:1px;background-image:linear-gradient(to left,transparent,#ccc,transparent)}
.home_news a b {display:block}
.home_news a time {display:block;font-weight:100;font-size:.8em;color:#888}
.home_news h3 {color:#fff;background-color:var(--green1);font-weight:normal;padding:10px 20px;display:flex;align-items:center;justify-content:space-between}
.home_news_nav {display:flex}
.home_news_nav span {display:flex;align-items:center;justify-content:center;padding:8px;fill:#fff;background-color:rgba(0,0,0,.2);border-radius:50%;margin-left:4px;transition:all .2s ease}
.home_news_nav span:hover {background-color:rgba(0,0,0,.4)}
.home_news_nav svg {width:.5em;height:.5em}
.home_news ul {width:100%}
.home_top {display:flex;background-color:#eee;flex-direction:row-reverse;padding:0 10vw}
.home_top .main_categories {flex-basis:80%;padding:40px 0}

.ll {display:none;width:3em;height:3em;position:relative;background:transparent}
.ll svg {transition:all .2s ease;position:absolute;top:0;right:0;width:100%;height:100%;fill:#313131}
.login_form {padding:30px;max-width:400px;margin:0 auto;display:none}
.login-form a {color:var(--blue);}
.login_form.log {display:block}
.login_form.pas {display:block}
.login_form .btn-primary {background-color:var(--blue)!important}
.login_form .css-label {color:#333}
.main_categories {padding:40px 20px;background-color:#eee}
.main_categories .h {display:flex;flex-wrap:wrap}
.main_categories a {
	display:flex;fill:#fff;padding:20px 20px;color:var(--grey);text-transform:uppercase;font-size:1.3em;align-items:center;flex-basis:calc(100%/3 - 20px);margin:10px;border-radius:40px 0;box-sizing:border-box;flex-grow:1;position:relative;
	&.featured:before {background-color:var(--grey)}
	&.featured {color:#fff}
	& strong {position:absolute;top:10px;right:10px;color:var(--green2);z-index:1;font-size:.6em;transition:all .2s ease-in-out}
	&:hover strong {transform:translateX(-5px)}
}
.main_categories svg path {fill:#fff}
.main_categories a:before {content:'';background-color:#fff;position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;border-radius:10px;transform:skewX(-10deg)}
.main_categories figure {width:70px;height:70px;position:relative;display:flex;align-items:center;justify-content:center;margin:0 10px 0 0}
.main_categories figure:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#eee;z-index:1;border-radius:10px;transform:skewX(-10deg);transition:all .2s ease}
.main_categories span {transition:all .2s ease;position:relative;z-index:2}
.main_categories svg {position:relative;z-index:2;width:100%;height:100%;transition:all .2s ease;transform:scale(.7)}
.main_categories img {position:relative;z-index:2;max-width:70%;transition:all .2s ease;max-height:80%}
.main_categories a:hover figure:before {background-color:var(--blue)}
.main_categories a:hover span {transform:translateX(4px)}
.mfp-content {perspective:2000px}
.mfp-content h2 {line-height:1;padding:20px;text-align:center}
.mfp-bg {opacity:.5;transition:all .5s}
.mfp-img {background-color:#b1b1b1}
.mfp-ready .popup {opacity:1;transform:rotateY(0deg)}
.mfp-removing .popup {transform:rotateY(60deg);opacity:0}
.mfp-removing.mfp-bg{opacity:0}
.page404 {text-align:center;padding:80px}
.page404 a {display:inline-block;background:#c22114;color:#fff;padding:20px 40px}
.parallax-mirror img {filter:saturate(0)}
.parent-pageid-1160 .top_breadcrumbs {display:none}
.popup {background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.9);margin:auto;position:relative;border-radius:5px;max-width:800px;opacity:0;transition:all .3s  ease-in-out;transform-style:preserve-3d;transform:rotateY(-60deg)}
.popup_dropbox .dropbox-embed-container {overflow:hidden;min-height:80vh}
.popup_dropbox .dropbox-embed-container:before {content:'';position:absolute;top:0;right:0;height:40px;width:100%;background-color:#fff;z-index:200}
.popup_dropbox iframe {position:absolute}
/* Ensure video elements in popups are visible and centered */
.video-popup-container {text-align:center;margin:0 auto;width:100%;max-width:800px;padding:20px;position:relative;box-sizing:border-box}
.video-popup-player {display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0 auto!important;visibility:visible!important;opacity:1!important}
.mfp-content .video-popup-container,
.mfp-content .video-popup-container video {display:block!important;visibility:visible!important;opacity:1!important}
.mfp-video-popup .mfp-content {text-align:center!important;max-width:800px!important;margin:0 auto!important;width:100%!important;position:relative!important}
.mfp-video-popup .mfp-close {position:absolute!important;top:10px!important;right:10px!important;color:#fff!important;width:44px!important;height:44px!important;line-height:44px!important;text-align:center!important;opacity:0.8!important;z-index:1047!important;background:rgba(0,0,0,0.7)!important;border-radius:4px!important}
.mfp-video-popup .mfp-close:hover {opacity:1!important;background:rgba(0,0,0,0.7)!important}
.post-edit-link {position:fixed;bottom:0;right:50%;transform:translate(50%,40%);background-image:linear-gradient(to left,#89005E,#47005A);fill:#fff;border-radius:50% 50% 0 0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px #fff solid;box-shadow:0 0 5px rgba(0,0,0,.4);border-bottom:0;z-index:100}
.post-edit-link:hover {transform:translate(50%,0)}
.post-edit-link svg {width:30px;height:30px}
.top {padding:80px 20px;position:relative;color:#fff}
.top:before {background-color:rgba(0,0,0,.9);content:'';position:absolute;top:0;right:0;left:0;bottom:0;opacity:.8}
.top:after {content:'';position:absolute;top:100%;left:-30px;width:30%;height:40px;background-image:linear-gradient(to left,#009AC7,#00A95E);transform:translateY(-50%) skewX(-15deg)}
.top h1 {font-weight:bold}
.top .h {display:flex;align-items:center;gap:20px}
.top svg {fill:var(--blue);width:3em;height:3em;margin-right:20px}
.top svg path {fill:var(--blue)}
.top_breadcrumbs {color:#ccc}
.top_breadcrumbs a {color:inherit}
.top_breadcrumbs a:hover {color:#fff}
.top_icon {max-width:140px}
.top_parent {font-weight:bold;color:var(--blue);font-size:2em;text-decoration:underline}
.top_parent:hover {color:#fff}
.top_sep {font-size:2em;font-weight:100;margin:0 10px}
#login {background-color:#fff;width:auto!important;padding:20px!important}
#login .forgetmenot {margin-block:10px}
#login .wp-login-logo {display:none}
#login #loginform {background-color:transparent;margin:0;padding:20px 0}
#login input[type='submit'] {background-color:var(--blue);color:#fff;padding:10px 30px;border-radius:5px}
#loginform {margin:50px auto;background-color:var(--darkblue);max-width:300px;padding:40px}

.searches {
	background-color:#fff;padding:60px 5vw;
	& a {display:block;font-weight:500;font-size:1.5em;color:#333;text-decoration:underline;margin:15px 0;text-decoration-thickness:1px;text-decoration-color:#666}
	& a:hover {color:var(--blue);text-decoration-color:var(--blue)}
}

@media (max-width:800px){
	.codegen {margin-top:20px}
	.flex_doc {text-align:center}
	.flex_doc .h {display:block}
	.flex_doc_open {width:50px;display:block;margin:10px auto}
	.flex_doc nav {display:block}
	.flex_doc nav a {margin:0 0 5px 0}
	.flex_doc_icon {max-width: 50px;}
	.flex_text {padding:20px 10px;overflow:hidden}
	.flex_text .h {display:block;max-width:none}
	.flex_text td {padding:5px}
	.flex_text section > ol {margin:10px 0}
	.flex_text section > ol > li > ol {margin:10px}
	.flex_text section > ol > li > ol > li > ol {margin:10px}
	.flex_video h2 {font-size:1.2em}
	.flex_video nav {display:block}
	.flex_video nav a {margin:0 0 5px 0}
	.flex_videos {display:block}
	.flex_videos_all .flex_video_watch {padding-top:50%}
	.getin {display:block;padding:10px}
	.header_help {display:none}
	.header nav {position:fixed;top:88px;right:0;left:0;bottom:0;background-image:linear-gradient(#eee,#fff);transform:translateX(100%);transition:all .2s ease-in-out;display:block}
	.header nav > ul {display:block}
	.header nav > ul > li {border-bottom:1px #ccc solid}
	.header nav > ul > li:after {display:none}
	.header nav > ul > li > a {color:#313131;padding:15px;font-weight:bold}
	.header nav > ul > li > ul {position:static;visibility:visible;opacity:1;transform:none;background-image:none;padding:0;display:flex;flex-wrap:wrap}
	.header nav > ul > li > ul > li {flex-basis:50%}
	.header_logo {display:flex;align-items:center}
	.header_logo svg {height:15px}
	.home_news {margin:0}
	.home_top {flex-direction:column-reverse}
	.ll {display:block}
	.login_form {padding:10px}
	.main_categories {padding:20px 15px}
	.main_categories a {margin:5px 0;padding:10px}
	.main_categories figure {width:50px;height:50px}
	.nav-close {transform:scale(.5);opacity:0}
	.openav {overflow:hidden}
	.openav .nav-close {transform:scale(.7);opacity:1}
	.openav .nav-open {transform:scale(.5);opacity:0}
	.openav .header nav {transform:translateX(0)}
	.top {padding:40px 20px}
	.top .h {display:block}
}

@media (max-width:600px){
	.wow {visibility:visible !important;-webkit-animation:none!important;-moz-animation:none!important;-o-animation:none!important;-ms-animation:none!important;animation:none!important}
}