/* Slider */
.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer;cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track {position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,
.slick-track:after {display:table;content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}
.slick-arrow {width:30px;height:2px;background:var(--color-main);border:none;text-indent:-999999px;position:absolute;bottom:0;z-index:90;transition:0.4s;}
.slick-arrow:hover {width:35px;}
.slick-arrow:after {content:"";position:absolute;width:10px;height:17px;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-size:cover;}
.slick-prev {left:40%;}
.slick-next {right:40%;}
.slick-next:after {background-image:url(../images/icon-arrow-right.svg);right:0;}
.slick-prev:after {background-image:url(../images/icon-arrow-left.svg);left:0;}
@media (min-width:750px) {
   .slick-track {display: flex !important;}
   .slick-slide {height: inherit !important;}
   .slide {height:100% !important;}

   .slick-prev {left:45%;}
   .slick-next {right:45%;}
}
/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+http+php+php-extras+sql&plugins=line-highlight+line-numbers */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*="language-"],
pre[class*="language-"] {
   color: black;
   background: none;
   text-shadow: 0 1px white;
   font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
   text-align: left;
   white-space: pre;
   word-spacing: normal;
   word-break: normal;
   word-wrap: normal;
   line-height: 1.5;

   -moz-tab-size: 4;
   -o-tab-size: 4;
   tab-size: 4;

   -webkit-hyphens: none;
   -moz-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
   text-shadow: none;
   background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
   text-shadow: none;
   background: #b3d4fc;
}

@media print {
   code[class*="language-"],
   pre[class*="language-"] {
      text-shadow: none;
   }
}

/* Code blocks */
pre[class*="language-"] {
   padding: 1em;
   margin: 1em 0 20px;
   overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
   background: #f5f2f0;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
   padding: .1em;
   border-radius: .3em;
   white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
   color: slategray;
}

.token.punctuation {
   color: #999;
}

.namespace {
   opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
   color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
   color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
   color: #a67f59;
   background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
   color: #07a;
}

.token.function {
   color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
   color: #e90;
}

.token.important,
.token.bold {
   font-weight: bold;
}
.token.italic {
   font-style: italic;
}

.token.entity {
   cursor: help;
}

pre[data-line] {
   position: relative;
   padding: 1em 0 1em 3em;
}

.line-highlight {
   position: absolute;
   left: 0;
   right: 0;
   padding: inherit 0;
   margin-top: 1em; /* Same as .prism’s padding-top */

   background: hsla(24, 20%, 50%,.08);
   background: linear-gradient(to right, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));

   pointer-events: none;

   line-height: inherit;
   white-space: pre;
}

.line-highlight:before,
.line-highlight[data-end]:after {
   content: attr(data-start);
   position: absolute;
   top: .4em;
   left: .6em;
   min-width: 1em;
   padding: 0 .5em;
   background-color: hsla(24, 20%, 50%,.4);
   color: hsl(24, 20%, 95%);
   font: bold 65%/1.5 sans-serif;
   text-align: center;
   vertical-align: .3em;
   border-radius: 999px;
   text-shadow: none;
   box-shadow: 0 1px white;
}

.line-highlight[data-end]:after {
   content: attr(data-end);
   top: auto;
   bottom: .4em;
}

pre.line-numbers {
   position: relative;
   padding-left: 3.8em;
   counter-reset: linenumber;
}

pre.line-numbers > code {
   position: relative;
}

.line-numbers .line-numbers-rows {
   position: absolute;
   pointer-events: none;
   top: 0;
   font-size: 100%;
   left: -3.8em;
   width: 3em; /* works for line-numbers below 1000 lines */
   letter-spacing: -1px;
   border-right: 1px solid #999;

   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;

}

.line-numbers-rows > span {
   pointer-events: none;
   display: block;
   counter-increment: linenumber;
}

.line-numbers-rows > span:before {
   content: counter(linenumber);
   color: #999;
   display: block;
   padding-right: 0.8em;
   text-align: right;
}