@charset "UTF-8";
@-ms-viewport { width: device-width; }

html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; }

*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; }

.container { margin-left: auto; margin-right: auto; padding-right: 10px; padding-left: 10px; }

@media (min-width: 480px) { .container { padding-right: 10px; padding-left: 10px; } }

@media (min-width: 768px) { .container { padding-right: 10px; padding-left: 10px; } }

@media (min-width: 992px) { .container { padding-right: 10px; padding-left: 10px; } }

@media (min-width: 1200px) { .container { padding-right: 10px; padding-left: 10px; } }

@media (min-width: 320px) and (max-width: 479px) { .container { max-width: 390px; } }

@media (min-width: 480px) { .container { width: 100%; max-width: 600px; } }

@media (min-width: 768px) { .container { width: 768px; max-width: 100%; } }

@media (min-width: 992px) { .container { width: 992px; max-width: 100%; } }

@media (min-width: 1200px) { .container { width: 1300px; max-width: 100%; } }

@media (min-width: 1824px) { .container { width: 1300px; } }

.container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; }

.container-fluid.small { width: 1300px; max-width: 100%; padding-right: 15px; padding-left: 15px; }

@media (min-width: 480px) { .container-fluid { padding-right: 15px; padding-left: 15px; } }

@media (min-width: 768px) { .container-fluid { padding-right: 15px; padding-left: 15px; } }

@media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } }

@media (min-width: 1200px) { .container-fluid { padding-right: 15px; padding-left: 15px; } }

.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; }

@media (min-width: 480px) { .row { margin-right: -10px; margin-left: -10px; } }

@media (min-width: 768px) { .row { margin-right: -10px; margin-left: -10px; } }

@media (min-width: 992px) { .row { margin-right: -10px; margin-left: -10px; } }

@media (min-width: 1200px) { .row { margin-right: -10px; margin-left: -10px; } }

.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-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-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-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-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 { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; }

@media (min-width: 480px) { .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-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-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-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-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 { padding-right: 10px; padding-left: 10px; } }

@media (min-width: 768px) { .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-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-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-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-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 { padding-right: 10px; padding-left: 10px; } }

@media (min-width: 992px) { .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-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-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-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-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 { padding-right: 10px; padding-left: 10px; } }

@media (min-width: 1200px) { .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-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-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-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-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 { padding-right: 10px; padding-left: 10px; } }

.col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }

.col-1 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 16.666667%; max-width: 16.666667%; }

.col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

.col-4 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 41.666667%; max-width: 41.666667%; }

.col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

.col-7 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 66.666667%; max-width: 66.666667%; }

.col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }

.col-10 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 91.666667%; max-width: 91.666667%; }

.col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

@media (min-width: 480px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
  .col-sm-1 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
  .col-md-1 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
  .col-lg-1 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
  .col-xl-1 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { -webkit-box-flex: 0; -ms-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%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, footer, header, nav, section { display: block; }

h1 { font-size: 2em; margin: 0.67em 0; }

figcaption, figure, main { display: block; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }

b, strong { font-weight: inherit; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

dfn { font-style: italic; }

mark { background-color: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { display: inline-block; vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details, menu { display: block; }

summary { display: list-item; }

canvas { display: inline-block; }

template { display: none; }

[hidden] { display: none; }

*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

html { -webkit-box-sizing: border-box; box-sizing: border-box; text-rendering: optimizeLegibility; }

body { overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a { text-decoration: none; }

img { vertical-align: middle; }

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre, fieldset, ul, ol, menu, form { margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

input { border: 0 none; outline: none; -webkit-box-shadow: none; box-shadow: none; }

button { background: none; cursor: pointer; }

button, fieldset, iframe { border: 0; }

fieldset, ul, ol, button, menu { padding: 0; }

ol, ul { list-style: none; }

textarea { resize: vertical; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

td { padding: 0; }

svg { width: 1em; height: 1em; font-size: 18px; }

body { font-family: "Roboto", sans-serif; font-size: 16px; line-height: 1.5; font-weight: 400; color: #495057; background: #f1f3f5; }

.main { min-height: 800px; margin-bottom: 60px; }

@media (max-width: 1279px) { .main { margin-bottom: 280px; } }

.container-fluid { padding-left: 40px; padding-right: 40px; }

@media (max-width: 1279px) { .container-fluid { padding-left: 10px; padding-right: 10px; } }

@media (min-width: 480px) and (max-width: 767px) { .container-fluid { max-width: 600px !important; width: 100% !important; } }

@media (max-width: 479px) { .container-fluid { max-width: 390px !important; width: 100% !important; } }

@media (min-width: 1824px) { .row.style-1 { margin-left: -30px; margin-right: -30px; }
  .row.style-1 > div { padding-left: 30px; padding-right: 30px; } }

.section.bg-1 { background: #228ae6; min-height: 190px; }

@media (max-width: 767px) { .section.bg-1 { min-height: 60px; } }

.section.bg-2 { background: #1b6eb8; }

@media (max-width: 767px) { .section.bg-2 { display: none; } }

input.disabled { opacity: 0; position: absolute; z-index: -1; visibility: hidden; }

.icon { font-size: 18px; color: currentColor; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 1; }

label.checkbox { margin-left: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; }

label.checkbox input { position: absolute; left: -9999px; }

label.checkbox input:checked + .checkbox { background: rgba(34, 138, 230, 0.4); }

label.checkbox input:checked + .checkbox span { background: #228ae6; left: 30px; }

label.checkbox input:checked + .checkbox .text:before { content: "Onaylandı"; }

label.checkbox .text { margin-left: 75px; text-transform: uppercase; font-size: 14px; font-weight: 500; color: #495057; }

label.checkbox .text:before { content: attr(data-text); }

label.checkbox .checkbox { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 60px; height: 20px; border-radius: 15px; background: rgba(0, 0, 0, 0.25); position: relative; -webkit-transition: .3s; transition: .3s; }

label.checkbox .checkbox span { width: 30px; height: 30px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; background: #fff; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-transition: .3s; transition: .3s; }

.label-radio { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; }

.label-radio input { position: absolute; left: -9999px; }

.label-radio .radio { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 37px; height: 35px; background: #f1f3f5; border: 1px solid rgba(0, 0, 0, 0.1); color: #495057; font-size: 16px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); -webkit-transition: .2s; transition: .2s; position: relative; }

.label-radio .radio:before { content: "✔"; position: absolute; top: 50%; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); font-size: 20px; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; }

.label-radio input:checked + .radio:before { opacity: 1; visibility: visible; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); }

.column-header.style-1 { height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.column-header.style-2 { background: #fff; margin-bottom: 30px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); z-index: 103; }

@media (max-width: 767px) { .column-header.style-2 { position: inherit; } }

.column-header.style-2 .container-fluid { height: 90px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 767px) { .column-header.style-2 .container-fluid { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.column-header .heading, .column-header .all { color: #495057; font-size: 14px; font-weight: 700; }

.column-header .all { border-bottom: 1px solid currentColor; -webkit-transition: .3s; transition: .3s; }

.column-header .all:hover { color: #ff4a4a; }

.app-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #fff; height: 100%; width: 100%; z-index: 1000; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; }

.app-overlay.is-visible { opacity: 0.8; visibility: visible; }

.app-loading { background: #f1f3f5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 40px; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; }

.app-loading.is-visible { opacity: 1; visibility: visible; }

.app-loading:before { content: ""; position: absolute; border: 5px solid #dddfe1; border-top: 5px solid #228ae6; border-radius: 50%; width: 70px; height: 70px; -webkit-animation: spin 1.2s linear infinite; animation: spin 1.2s linear infinite; }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; -webkit-transition: .3s ease-out; transition: .3s ease-out; }

.waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.1); -webkit-transition: all 0.7s ease-out; transition: all 0.7s ease-out; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: scale(0); transform: scale(0); pointer-events: none; }

.waves-effect.waves-1 .waves-ripple { background-color: rgba(255, 255, 255, 0.3); }

.waves-effect.waves-2 .waves-ripple { background-color: rgba(34, 138, 230, 0.3); }

.waves-effect img { position: relative; z-index: -1; }

/*.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
  border: 0;
  font-style: normal;
  font-size: inherit;
  text-transform: inherit;
  background: none;
}*/
.waves-notransition { -webkit-transition: none !important; transition: none !important; }

.waves-circle { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }

.waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; }

.waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; }

.waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none; }

.waves-block { display: block; }

.waves-effect .waves-ripple { z-index: -1; }

.breadcrumb { height: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.breadcrumb ul li:last-child a:after { display: none; }

.breadcrumb ul li a { font-size: 13px; color: #fff; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.breadcrumb ul li a:hover { text-decoration: underline; }

.breadcrumb ul li a:after { content: ""; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 10px; margin-right: 10px; }

.margin-top-10 { margin-top: 10px; }

.margin-top-15 { margin-top: 15px; }

.margin-top-20 { margin-top: 20px; }

.margin-top-30 { margin-top: 30px; }

.margin-top-40 { margin-top: 40px; }

.margin-top-50 { margin-top: 50px; }

.margin-bottom-10 { margin-bottom: 10px; }

.margin-bottom-15 { margin-bottom: 15px; }

.margin-bottom-20 { margin-bottom: 20px; }

.margin-bottom-30 { margin-bottom: 30px; }

.margin-bottom-40 { margin-bottom: 40px; }

.margin-bottom-50 { margin-bottom: 50px; }

.no-scroll-y { overflow-y: hidden; }

.no-scroll-x { overflow-x: hidden; }

.overflow-hidden { overflow: hidden; }

.l-relative { position: relative; }

.l-sticky { position: -webkit-sticky; position: sticky; top: 0; }

.flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.text-center { text-align: center; }

.justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.align-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.align-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.align-between { -webkit-box-align: space-between; -ms-flex-align: space-between; align-items: space-between; }

.buttons-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 767px) { .buttons-container { position: fixed; left: 0; right: 0; bottom: 0; background: #fff; padding: 3px 0; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 1000; } }

.button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-width: 160px; height: 55px; margin-left: 10px; line-height: 1.2; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-family: inherit; font-weight: 500; font-size: 16px; border: 1px solid transparent; -webkit-transition: .3s; transition: .3s; }

.button.style-1 { background: #52c27d; }

.button.style-2 { background: #ff4a4a; }

.button.close { background: #495057; }

.button.close:hover { opacity: .9; }

.button:not(.close):hover { background: #495057; }

.button:first-child { margin-left: 0; }

@media (max-width: 767px) { .button { margin-left: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; } }

.button .icon, .button .text { height: 100%; }

.button .icon { background: rgba(0, 0, 0, 0.1); width: 55px; height: inherit; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; }

.button .text { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.fancybox-enabled { overflow: hidden; }

.fancybox-enabled body { overflow: visible; height: 100%; }

.fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.fancybox-container ~ .fancybox-container { z-index: 99992; }

/* Make sure that the first one is on the top */
.fancybox-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #232621; opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.fancybox-container--ready .fancybox-bg { opacity: 0.9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-controls { position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; -webkit-transition: opacity .2s; transition: opacity .2s; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; direction: ltr; }

.fancybox-show-controls .fancybox-controls { opacity: 1; }

.fancybox-infobar { display: none; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 100001; width: 100%; }

.fancybox-show-infobar .fancybox-infobar { display: inline-block; pointer-events: all; }

.fancybox-infobar__body { display: none; width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; }

.fancybox-buttons { position: absolute; top: 0; right: 0; display: none; pointer-events: all; }

.fancybox-button.fancybox-button--thumbs, .fancybox-button.fancybox-button--fullscreen, .fancybox-button.fancybox-button--play { display: none !important; }

.fancybox-show-buttons .fancybox-buttons { display: block; }

.fancybox-slider-wrap { overflow: hidden; direction: ltr; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; }

.fancybox-slider { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; }

.fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; }

.fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }

.fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.fancybox-slide--image { overflow: hidden; }

.fancybox-slide--image::before { display: none; }

.fancybox-content { display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: none; font-size: 16px; font-family: Arial, sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; }

.fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; }

.fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe { background: transparent; }

.fancybox-placeholder { -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.15); position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; background: transparent; background-size: 100% 100%; }

.fancybox-controls--canzoomOut .fancybox-placeholder { cursor: -webkit-zoom-out; cursor: zoom-out; }

.fancybox-controls--canzoomIn .fancybox-placeholder { cursor: -webkit-zoom-in; cursor: zoom-in; }

.fancybox-controls--canGrab .fancybox-placeholder { cursor: -webkit-grab; cursor: grab; }

.fancybox-controls--isGrabbing .fancybox-placeholder { cursor: -webkit-grabbing; cursor: grabbing; }

.fancybox-spaceball { z-index: 1; }

.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; }

.fancybox-error { position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; cursor: default; }

.fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }

.fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer; }

.fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; -webkit-transition: background .2s; transition: background .2s; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; }

.fancybox-close-small:focus:after { outline: 1px dotted #888; }

.fancybox-slide--video .fancybox-close-small { top: -36px; right: -36px; background: transparent; }

.fancybox-close-small:hover:after { color: #555; background: #eee; }

/* Caption */
.fancybox-caption-wrap { position: absolute; bottom: 20px; left: 0; right: 0; display: none; z-index: 99998; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; pointer-events: none; }

.fancybox-show-caption .fancybox-caption-wrap { opacity: 1; }

.fancybox-caption { background: #d70000 none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 14px; padding: 0.8rem 1rem; -webkit-text-size-adjust: none; }

.fancybox-caption a, .fancybox-caption button { pointer-events: all; }

.fancybox-caption a { color: #fff; text-decoration: underline; }

/* Buttons */
.fancybox-button { background: transparent none repeat scroll 0 0; border: 0 none; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; cursor: pointer; height: 55px; line-height: 55px; margin: 0; outline: medium none; padding: 0; position: absolute; vertical-align: top; width: 44px; }

.fancybox-button--disabled { cursor: default; pointer-events: none; }

.fancybox-infobar__body { background: #fff; }

.fancybox-button { background: #fff none repeat scroll 0 0; }

.fancybox-button:hover { background: #fff; }

.fancybox-button::before, .fancybox-button::after { content: ''; pointer-events: none; position: absolute; border-color: #000; background-color: currentColor; color: currentColor; opacity: 0.9; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; }

.fancybox-button--disabled::before, .fancybox-button--disabled::after { opacity: 0.5; }

.fancybox-button--left::after { left: 18px; top: 21px; width: 15px; height: 15px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

.fancybox-button--right::after { right: 18px; top: 21px; width: 15px; height: 15px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.fancybox-button--left { left: 0; }

.fancybox-button--right { right: 0; }

.fancybox-button--close { right: 0; top: 0; z-index: 100001; height: 44px; }

.fancybox-button--close::before, .fancybox-button--close::after { content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); }

.fancybox-button--close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.fancybox-button--close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* Loading spinner */
.fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; }

@-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) { .fancybox-controls { text-align: left; }
  .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) { display: none !important; }
  .fancybox-caption { padding: 20px 0; margin: 0; } }

/* Fullscreen  */
.fancybox-button--fullscreen::before { width: 15px; height: 11px; left: 15px; top: 16px; border: 2px solid; background: none; }

/* Slideshow button */
.fancybox-button--play::before { top: 16px; left: 18px; width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; background: transparent; }

.fancybox-button--pause::before { top: 16px; left: 18px; width: 7px; height: 11px; border-style: solid; border-width: 0 2px 0 2px; background: transparent; }

/* Thumbs */
.fancybox-button--thumbs span { font-size: 23px; }

.fancybox-button--thumbs::before { top: 20px; left: 21px; width: 3px; height: 3px; -webkit-box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }

.fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap { right: 220px; }

.fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; z-index: 99993; word-break: normal; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

.fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; }

.fancybox-thumbs > ul > li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid #fff; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }

li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); }

.fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) { .fancybox-thumbs { display: none !important; }
  .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap { right: 0; } }

.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: pan-Y; -webkit-backface-visibility: hidden; 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); transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; -transform: translate3d(0, 0, 0); position: relative; min-height: 1px; float: left; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

.owl-carousel .owl-item img { display: block; position: inherit; }

.owl-carousel .owl-item.current { opacity: .5; }

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.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-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.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; transition: height 500ms ease-in-out; }

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-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 .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: default; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover { -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; background-size: contain; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

/* Owl Carousel - Video Plugin */
/** Owl Carousel v2.2.1 Copyright 2013-2017 David Deutsch Licensed under  () */
/* Default theme - Owl Carousel CSS File */
.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav [class*='owl-'] { color: #fff; background: #d6d6d6; display: inline-block; cursor: pointer; }

.owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; }

.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 50px; }

.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }

.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; margin-left: 5px; margin-right: 5px; background: rgba(255, 255, 255, 0.5); display: block; -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-transition: .1s; transition: .1s; border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #fff; }

/** Owl Default Nav */
.owl-nav__style .owl-nav { position: relative; margin-top: 0; top: 50%; left: 0; right: 0; margin-top: -30px; }

.owl-nav__style .owl-theme .owl-nav [class*='owl-'] { background: #d8c13f; position: absolute; width: 62px; height: 62px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; border-radius: 100%; -webkit-transition: .3s; transition: .3s; }

.owl-nav__style .owl-theme .owl-nav [class*='owl-'] .icon { font-size: 20px; }

.owl-nav__style .owl-theme .owl-nav .owl-prev { left: -35px; }

.owl-nav__style .owl-theme .owl-nav .owl-next { right: -35px; }

.owl-nav__style-2 .owl-nav { margin-top: 0; text-align: inherit; position: absolute; right: 0; left: 0; bottom: -100px; text-align: center; }

.owl-nav__style-2 .owl-theme .owl-nav [class*='owl-'] { background: #0d5629; border-radius: 100%; color: #fff; margin-left: 8px; width: 62px; height: 62px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.owl-nav__style-2 .owl-theme .owl-nav [class*='owl-']:first-child { margin-left: 0; }

.owl-nav__style-2 .owl-theme .owl-nav [class*='owl-'] .icon { font-size: 20px; }

/** Owl Default Dots */
.owl-dots__style .owl-theme .owl-dots { margin-top: 20px !important; }

.owl-dots__style .owl-theme .owl-dots .owl-dot span { background: rgba(0, 0, 0, 0.5); width: 12px; height: 12px; margin-left: 3px; margin-right: 3px; }

.owl-dots__style .owl-theme .owl-dots .owl-dot.active span, .owl-dots__style .owl-theme .owl-dots .owl-dot:hover span { background: #000; }

.header-nav { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 20px; }

@media (max-width: 991px) { .header-nav { display: none; } }

.header-nav__item:hover > a, .header-nav__item.is-active > a { background: #f1f3f5; }

.header-nav__item > a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #495057; padding-right: 15px; padding-left: 15px; font-size: 14px; font-weight: 500; text-transform: uppercase; height: 90px; -webkit-transition: .3s; transition: .3s; }

.mobile-nav { background-color: #f1f3f5; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.1); display: block; height: 100%; left: 0; overflow: hidden; padding-bottom: 55px; position: fixed; top: 0; width: 400px; z-index: 10010; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); }

.mobile-nav.is-visible { -webkit-transform: translateX(0); transform: translateX(0); }

@media (min-width: 320px) and (max-width: 479px) { .mobile-nav { width: 320px; } }

.mobile-nav__header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); height: 55px; background: #228ae6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 20px; padding-right: 20px; }

.mobile-nav__header .title, .mobile-nav__header .close { font-size: 14px; }

.mobile-nav__header .title { color: #fff; font-weight: 600; }

.mobile-nav__header .close { color: rgba(255, 255, 255, 0.7); font-weight: 400; }

.mobile-nav__wrapper { bottom: 0; height: 1px; left: 0; margin: auto; min-height: calc(100% - 110px); overflow: auto; padding: 0; position: absolute; right: 0; top: 0; width: 100%; }

.mobile-nav__content > ul > li { display: block; }

.mobile-nav__content > ul > li > a { color: #495057; position: relative; display: block; font-size: 18px; font-weight: 700; padding: 17px 20px; -webkit-transition: .3s; transition: .3s; text-transform: uppercase; border-bottom: 1px solid rgba(0, 0, 0, 0.07); }

.mobile-nav__content > ul > li > a:hover { background: #fff; color: #228ae6; }

.mobile-nav__content > ul > li.is-open > a { background: #fff; color: #228ae6; border-bottom: 0 none; }

.mobile-nav__plus { position: absolute; right: 20px; font-size: 16px; margin-right: 0; color: #999; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.mobile-nav__sub { background: #fff none repeat scroll 0 0; padding-bottom: 15px; display: none; }

.mobile-nav__sub > li { display: block; }

.mobile-nav__sub > li:last-child a { border-bottom: 0 none; }

.mobile-nav__sub > li > a { color: #495057; display: block; font-size: 14px; border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding: 6px 20px; -webkit-transition: .3s; transition: .3s; }

.mobile-nav__sub > li > a:hover { color: #91ce00; }

.mobile-nav__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid rgba(0, 0, 0, 0.1); bottom: 0; height: 55px; left: 0; position: absolute; right: 0; width: 100%; background: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }

.mobile-nav__footer .text { font-size: 12px; font-weight: 300; letter-spacing: 1px; color: #495057; }

.mobile-nav__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

.mobile-nav__social a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #666 none repeat scroll 0 0; border-radius: 100%; color: #fff; font-size: 18px; height: 40px; margin-left: 5px; margin-right: 5px; width: 40px; -webkit-transition: .3s; transition: .3s; }

.mobile-nav__social a:hover { background: #91ce00; }

.custom-form.display { margin-top: 40px; }

.custom-form.display > ul > li input:not(.input-not), .custom-form.display > ul > li .form-group { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: calc(100% - 140px); }

@media (max-width: 767px) { .custom-form.display > ul > li input:not(.input-not), .custom-form.display > ul > li .form-group { max-width: 100%; } }

@media (min-width: 992px) and (max-width: 1279px) { .custom-form.display > ul > li input:not(.input-not), .custom-form.display > ul > li .form-group { max-width: 100%; } }

.custom-form.style-1 > ul > li input:not(.input--not) { background: none; border-top: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.custom-form__wrapper { position: relative; -webkit-transition: .3s; transition: .3s; }

.custom-form__wrapper.style-1 .custom-form > ul > li input:not(.input-not), .custom-form__wrapper.style-1 .custom-form > ul > li .form-group { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: calc(100% - 140px); }

@media (max-width: 767px) { .custom-form__wrapper.style-1 .custom-form > ul > li input:not(.input-not), .custom-form__wrapper.style-1 .custom-form > ul > li .form-group { max-width: 100%; } }

@media (min-width: 992px) and (max-width: 1279px) { .custom-form__wrapper.style-1 .custom-form > ul > li input:not(.input-not), .custom-form__wrapper.style-1 .custom-form > ul > li .form-group { max-width: 100%; } }

.custom-form__wrapper.is-hidden { -webkit-filter: blur(5px); filter: blur(5px); }

.custom-form__wrapper.is-hidden:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }

.custom-form .form-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }

.custom-form .form-item.style-1 { -webkit-box-shadow: none; box-shadow: none; }

.custom-form > ul > li { margin-bottom: 20px; }

.custom-form > ul > li:last-child { margin-bottom: 0; }

.custom-form > ul > li input:not(.input-not), .custom-form > ul > li .form-group { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.custom-form > ul > li input:not(.input-not).price, .custom-form > ul > li .form-group.price { font-family: "Ubuntu Mono", monospace; font-size: 28px; font-weight: 700; }

.custom-form > ul > li input:not(.input-not) { padding-right: 20px; padding-left: 20px; font-size: 14px; color: #495057; -webkit-transition: .3s; transition: .3s; width: 100%; }

.custom-form > ul > li input:not(.input-not):focus { background: #f1f3f5; }

.custom-form input:not(.input--not), .custom-form .text { height: 80px; font-family: inherit; }

.custom-form .text { -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; width: 140px; background: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); position: relative; z-index: 12; font-size: 14px; font-weight: 500; line-height: 1.2; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding-left: 10px; padding-right: 10px; }

@media (max-width: 767px) { .custom-form .text { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; height: 50px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; padding-left: 20px; padding-right: 20px; } }

@media (min-width: 992px) and (max-width: 1279px) { .custom-form .text { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; height: 50px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; padding-left: 20px; padding-right: 20px; } }

.form-group__row { margin-left: -5px; margin-right: -5px; }

@media (max-width: 767px) { .form-group__row { margin-top: 10px; } }

.form-group__col { padding-left: 5px; padding-right: 5px; }

@media (max-width: 767px) { .form-group__col { width: 33.3%; } }

.form-group__item { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }

.custom-select { background: #fff; outline: 0; height: 80px; font-size: 14px; color: #495057; position: relative; -webkit-transition: .3s; transition: .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.custom-select:before { content: ""; position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; width: 14px; height: 14px; border-right: 1px solid rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.6); }

.custom-select.is-open:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

.custom-select.is-open .custom-select__list { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); }

.custom-select.style-1:before { width: 8px; height: 8px; right: 15px; }

.custom-select.style-1 .current { height: 45px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 5px; }

.custom-select .current { height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 20px; padding-right: 20px; font-size: 14px; }

.custom-select__list { background: #fff; position: absolute; left: -1px; right: -1px; top: 0; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); -webkit-transition: .3s; transition: .3s; opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); visibility: hidden; z-index: 100; max-height: 250px; overflow-y: auto; scrollbar-color: rgba(0, 0, 0, 0.15) #f1f3f5; scrollbar-width: thin; }

.custom-select__list::-webkit-scrollbar-track { background-color: #f1f3f5; }

.custom-select__list::-webkit-scrollbar { width: 6px; }

.custom-select__list::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.15); }

.custom-select__list .notice { padding-top: 20px; padding-bottom: 20px; font-size: 14px; min-height: 80px; text-align: center; display: block; }

.custom-select__list .option { padding-left: 20px; padding-right: 20px; color: #495057; font-size: 14px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .3s; transition: .3s; }

.custom-select__list .option:hover { background: rgba(0, 0, 0, 0.05); color: #000; }

.custom-select__list .option:first-child { display: none; }

.custom-select__list .option.selected { background: rgba(0, 0, 0, 0.05); color: #000; }

.card { min-height: 405px; background: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; }

.card-header { text-align: center; margin-top: 30px; margin-bottom: 20px; position: relative; }

.card .text { padding-left: 20px; padding-right: 20px; font-size: 14px; line-height: 1.4; }

.card .more { right: 0; bottom: 20px; left: 0; position: absolute; }

.card .more a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; font-weight: 500; color: #495057; border-bottom: 1px solid currentColor; -webkit-transition: .3s; transition: .3s; }

.card .more a:hover { color: #ff4a4a; }

.table.small .table-container .table-cell { height: 70px; }

.table.small .table-container .table-cell.price { font-size: 18px; }

.table.small .table-container .table-prices .item { font-size: 18px; }

.table-header { background: rgba(246, 248, 249, 0.4) !important; }

@media (max-width: 767px) { .table-header { display: none !important; } }

.table-header .table-cell { height: 55px; text-transform: uppercase; font-weight: 700; }

.table-list { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); position: relative; z-index: 1; color: #495057; -webkit-transition: .3s; transition: .3s; }

@media (max-width: 767px) { .table-list { padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; } }

.table-list:before { content: ""; position: absolute; z-index: -1; background: #f1f3f5; left: 0; right: 0; top: 0; bottom: 0; width: 50%; opacity: 0; -webkit-transition: .3s; transition: .3s; }

.table-list:not(.table-header):hover { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); }

.table-list:not(.table-header):hover:before { width: 100%; opacity: 1; }

.table-cell { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; font-size: 13px; height: 80px; padding-left: 5px; padding-right: 5px; }

.table-cell.price { font-family: "Ubuntu Mono", monospace; font-size: 20px; font-weight: 700; }

@media (max-width: 767px) { .table-cell { height: 50px !important; max-width: inherit !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .table-cell:last-child { border-bottom: 0 none; } }

.table-buttons a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 37px; height: 35px; background: #f1f3f5; border: 1px solid rgba(0, 0, 0, 0.1); color: #495057; font-size: 16px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); margin-right: 7px; position: relative; overflow: inherit; -webkit-transition: .3s; transition: .3s; }

.table-buttons a:before { content: attr(data-title); position: absolute; top: -45px; height: 35px; background: #495057; color: #fff; font-size: 13px; min-width: 90px; padding-left: 10px; padding-right: 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; border-radius: 2px; opacity: 0; visibility: hidden; -webkit-transform: scale(0.7); transform: scale(0.7); pointer-events: none; -webkit-transition: .2s; transition: .2s; }

.table-buttons a:after { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%) scale(0.7); transform: translateX(-50%) scale(0.7); -webkit-transform-origin: center -20px; transform-origin: center -20px; top: -10px; width: 0; border-bottom-colors: none; border-left-colors: none; border-right-colors: none; border-top-colors: none; border-color: #495057 transparent transparent; -o-border-image: none; border-image: none; border-style: solid; border-width: 8px; pointer-events: none; opacity: 0; visibility: hidden; -webkit-transition: .2s; transition: .2s; }

.table-buttons a:hover { background: #495057; color: #fff; }

.table-buttons a:hover:before { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); }

.table-buttons a:hover:after { opacity: 1; visibility: visible; -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); }

.table-buttons a:last-child { margin-right: 0; }

.table-prices .item { font-family: "Ubuntu Mono", monospace; font-size: 20px; font-weight: 700; }

.table-prices .item.entry { color: #52c27d; }

.table-prices .item.out { color: #ff4a4a; }

@media (max-width: 767px) { .tab { margin-bottom: 70px; } }

.tab-container { min-height: 500px; }

@media (max-width: 991px) { .tab-container { margin-bottom: 40px; } }

.tab-navigation { position: relative; }

.tab-navigation .tab--nav { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 90px; color: #495057; text-transform: uppercase; font-weight: 500; font-size: 14px; padding-left: 15px; padding-right: 15px; -webkit-transition: .3s; transition: .3s; }

@media (max-width: 767px) { .tab-navigation .tab--nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

.tab-navigation .tab--nav:hover, .tab-navigation .tab--nav.is-current { background: #f1f3f5; }

.modal { position: fixed; top: 0; right: 10px; bottom: 0; left: 10px; background: rgba(0, 0, 0, 0.2); padding: 20px; z-index: 2000; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; }

.modal.no-bg { background: none; }

.modal-loading.is-visible { opacity: 1; visibility: visible; }

.modal-failed.is-visible { opacity: 1; visibility: visible; }

.modal-warning.is-visible { opacity: 1; visibility: visible; }

.modal-failed .modal-content > .icon { background: rgba(255, 74, 74, 0.15); color: #ff4a4a; }

.modal-warning .modal-content > .icon { background: rgba(250, 169, 24, 0.15); color: #faa918; }

.modal-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%) scale(0.5); transform: translateY(-50%) translateX(-50%) scale(0.5); width: 450px; min-height: 200px; max-width: 100%; padding: 50px; background: #fff; border-radius: 3px; text-align: center; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; -webkit-transition: .2s; transition: .2s; }

.modal-content.is-visible { opacity: 1; visibility: visible; -webkit-transform: translateY(-50%) translateX(-50%) scale(1); transform: translateY(-50%) translateX(-50%) scale(1); }

.modal-content > .icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 120px; height: 120px; background: #f1f3f5; color: #228ae6; font-size: 48px; border-radius: 100%; margin-bottom: 20px; }

.modal-content > .icon img { width: 80px; }

.modal-content > .title { color: #495057; font-size: 28px; font-weight: 600; }

.modal-content > .text { color: #495057; font-size: 16px; font-weight: 300; margin-top: 10px; }

.modal-content > .text strong { font-weight: 700; }

.header { background: #fff; }

.header-wrapper { height: 90px; }

.header-container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 0; }

@media (max-width: 767px) { .header-container { padding-right: 10px; } }

.header-left { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header-bar { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #495057; font-family: inherit; margin-right: 15px; }

@media (max-width: 767px) { .header-bar { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } }

.header-bar .icon { font-size: 24px; }

.header-logo { margin-right: 60px; }

@media (min-width: 992px) and (max-width: 1279px) { .header-logo { margin-right: 20px; } }

@media (max-width: 767px) { .header-logo { margin-right: 0; } }

.header-logo a { display: block; }

.header-logo img { width: 182px; }

@media (max-width: 767px) { .header-logo img { width: 120px; } }

.header-links a { font-size: 13px; color: #495057; background: #f1f3f5; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 90px; width: 100px; font-weight: 500; }

@media (max-width: 767px) { .header-links a { width: auto; background: none; } }

.header-summary { height: 190px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 767px) { .header-summary { height: 60px; } }

.header-summary .title, .header-summary .text { color: #fff; }

.header-summary .title { font-size: 16px; font-weight: 300; }

.header-summary .title strong { font-weight: 700; }

.header-summary .text { font-size: 18px; font-weight: 500; line-height: 1.4; letter-spacing: 0.2px; margin-top: 5px; }

@media (max-width: 767px) { .header-summary .text { display: none; } }

.header-buttons { height: 190px; }

@media (max-width: 991px) { .header-buttons { display: none; } }

.header-buttons ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; }

.header-buttons ul li { -webkit-box-flex: 0; -ms-flex: 0 0 155px; flex: 0 0 155px; max-width: 155px; padding-left: 10px; padding-right: 10px; }

.header-buttons ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; width: 100%; height: 132px; background: rgba(0, 0, 0, 0.2); padding-right: 20px; padding-left: 20px; color: #fff; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; }

.header-buttons ul li a:hover { background: #ff4a4a; }

.header-buttons .icon { font-size: 36px; margin-bottom: 10px; }

.header-buttons .text { line-height: 1.3; font-size: 14px; font-weight: 500; }

.header-sub { background: #f1f3f5; height: 0; position: relative; overflow: hidden; -webkit-transition: height .3s; transition: height .3s; }

.header-sub.is-visible { height: 185px; }

.header .container-fluid, .header-dropdown, .header-dropdown ul { height: 100%; }

.header-dropdown { position: absolute; left: 40px; right: 40px; top: 0; bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; }

.header-dropdown.is-visible { opacity: 1; visibility: visible; }

.header-dropdown.is-visible .icon { -webkit-transform: scale(1); transform: scale(1); visibility: visible; }

.header-dropdown ul { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header-dropdown ul li { -webkit-box-flex: 0; -ms-flex: 0 0 155px; flex: 0 0 155px; max-width: 155px; padding-left: 10px; padding-right: 10px; }

.header-dropdown ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; width: 100%; height: 132px; border: 3px solid #929ba5; border-radius: 3px; padding-right: 15px; padding-left: 15px; color: #929ba5; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; }

.header-dropdown ul li a:hover { background: #495057; border: 3px solid #495057; color: #fff; }

.header-dropdown .icon { font-size: 36px; margin-bottom: 10px; -webkit-transition: .3s; transition: .3s; visibility: hidden; -webkit-transform: scale(0); transform: scale(0); }

.header-dropdown .text { line-height: 1.3; font-size: 14px; font-weight: 500; }

@media (max-width: 767px) { .balances > div > div { margin-bottom: 10px; }
  .balances > div > div:last-child { margin-bottom: 10px; } }

.balances-item { margin-bottom: 10px; }

.balances-item:last-child { margin-bottom: 0; }

.balances-item__wrapper { background: #fff; padding: 18px 45px 18px 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; position: relative; width: 100%; }

@media (max-width: 479px) { .balances-item__wrapper { padding: 18px 10px 18px 20px; } }

@media (min-width: 992px) and (max-width: 1279px) { .balances-item__wrapper { padding: 18px 10px 18px 20px; } }

.balances-item__wrapper canvas { width: 100px !important; height: 100px !important; }

@media (min-width: 1824px) { .balances > .row { margin-left: -30px; margin-right: -30px; }
  .balances > .row > div { padding-left: 30px; padding-right: 30px; } }

.balances-info { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.balances-info.style-1 { position: relative; top: inherit; -webkit-transform: translateY(0); transform: translateY(0); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.balances-info.style-1 input { width: 100%; text-align: left; height: 35px; }

.balances-info input { font-family: "Ubuntu Mono", monospace; font-size: 24px; color: #495057; width: 150px; font-weight: 700; text-align: center; height: 45px; }

.balances-info .title { font-size: 13px; }

.balances-info .text { font-size: 13px; line-height: 1.4; color: #495057; opacity: .7; margin-top: 5px; padding-right: 50px; }

.balances-percent { position: absolute; right: 45px; width: 100px; text-align: center; font-family: "Ubuntu Mono", monospace; color: #495057; opacity: .5; font-size: 24px; font-weight: 700; letter-spacing: -0.5px; }

@media (max-width: 479px) { .balances-percent { right: 10px; } }

@media (min-width: 992px) and (max-width: 1279px) { .balances-percent { right: 10px; } }

.card-rate { height: 80px; }

@media (min-width: 992px) and (max-width: 1279px) { .card-rate { height: 130px; } }

.card-wrapper { position: relative; -webkit-transition: .3s; transition: .3s; }

.card-wrapper.is-hidden { -webkit-filter: blur(5px); filter: blur(5px); }

.card-wrapper.is-hidden:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }

.card-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 195px; height: 80px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 14px; font-weight: 500; font-family: inherit; background: #495057; color: #fff; line-height: 1.6; padding-left: 20px; padding-right: 20px; margin-right: 5px; -webkit-transition: .3s; transition: .3s; }

.card-button.is-active, .card-button:hover { background: #228ae6; }

.card-button:last-child { margin-right: 0; }

@media (max-width: 1279px) { .card-button { float: left; width: 50%; margin-right: 0; } }

.credit-card { background: #2f5e94; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 8px; padding: 20px 20px 15px 20px; position: absolute; left: 0; right: 0; top: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.credit-card.back { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.credit-card__wrapper { -webkit-transition: -webkit-transform .7s; transition: -webkit-transform .7s; transition: transform .7s; transition: transform .7s, -webkit-transform .7s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; height: 220px; cursor: pointer; position: relative; }

.credit-card__wrapper.is-flipped { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

@media (max-width: 1279px) { .credit-card__wrapper { display: none; } }

.credit-card input { width: 100%; font-family: "Ubuntu Mono", monospace; color: rgba(255, 255, 255, 0.5); background: transparent; font-size: 29px; height: 40px; font-weight: 700; letter-spacing: 1.4px; }

.credit-card input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(255, 255, 255, 0.5); }

.credit-card input::-moz-placeholder { /* Firefox 19+ */ color: rgba(255, 255, 255, 0.5); }

.credit-card input:-ms-input-placeholder { /* IE 10+ */ color: rgba(255, 255, 255, 0.5); }

.credit-card input:-moz-placeholder { /* Firefox 18- */ color: rgba(255, 255, 255, 0.5); }

.credit-card__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.credit-card__logo .item { overflow: hidden; background: #fff; padding: 8px; border-radius: 5px; }

.credit-card__logo .item img { width: 40px; height: 25px; -o-object-fit: contain; object-fit: contain; }

.credit-card__name input { font-size: 24px; text-transform: uppercase; letter-spacing: 0; }

.credit-card__date input { font-size: 20px; text-align: center; letter-spacing: 0; }

.credit-card__date input.style-1 { padding-left: 0; padding-right: 0; font-size: 20px; }

.credit-card__cv2 input { text-align: center; }

.payments-status { margin-top: 40px; }

.payments-status ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.payments-card { max-width: 300px; -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; }

.payments-card.success .payments-card__wrapper .icon { background: rgba(82, 194, 125, 0.15); color: #52c27d; }

.payments-card.failed .payments-card__wrapper .icon { background: rgba(255, 74, 74, 0.15); color: #ff4a4a; }

.payments-card__wrapper { background: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }

.payments-card__wrapper .icon { width: 120px; height: 120px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 60px; border-radius: 100%; }

.payments-card__wrapper .title { color: #495057; font-size: 20px; font-weight: 700; margin-top: 20px; margin-bottom: 10px; }

.payments-card__wrapper .text { color: #495057; font-size: 13px; opacity: .7; }

.payments-buttons { margin-top: 30px; }

.payments-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 30px; color: #495057; border-bottom: 1px solid currentColor; font-size: 14px; font-weight: 500; -webkit-transition: .3s; transition: .3s; }

.payments-button:hover { color: #ff4a4a; }

.login { position: absolute; left: 10px; right: 10px; top: 40px; margin: 0 auto; max-width: 400px; }

.login-logo { position: relative; display: block; text-align: center; }

.login-logo img { width: 200px; }

.login-form { background: #fff; border-radius: 5px; margin-top: 20px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }

.login-form .text { color: #495057; font-size: 13px; padding: 20px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.login-form .text.style-1 { padding: 0; border-bottom: 0 none; }

.login-form .form-error { position: absolute; z-index: 1; bottom: -28px; right: 10px; background: #fff; color: #495057; height: 30px; font-size: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 10px; padding-right: 20px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }

.login-form .form-error:before { content: ""; position: absolute; right: 5px; top: 17px; -webkit-transform: translateX(-50%) translateY(-30px); transform: translateX(-50%) translateY(-30px); width: 0; border-color: transparent transparent #fff; -o-border-image: none; border-image: none; border-style: solid; border-width: 7px; display: block; }

.login-form > form > ul { padding: 25px 30px; }

.login-form > form > ul > li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 15px; position: relative; }

.login-form > form > ul > li:last-child { margin-bottom: 0; }

.login-form > form > ul > li.is-error > input, .login-form > form > ul > li.is-error .current { border: 1px solid #ff008a; background: rgba(255, 0, 138, 0.02); }

.login-form > form > ul > li > label { font-size: 14px; font-weight: 500; color: #ff008a; margin-bottom: 5px; }

.login-form > form > ul > li > input { border: 1px solid rgba(0, 0, 0, 0.15); height: 45px; border-radius: 5px; padding-left: 15px; padding-right: 15px; color: #495057; font-family: inherit; font-size: 14px; width: 100%; -webkit-transition: .2s; transition: .2s; }

.login-form > form > ul > li > input:focus { border: 1px solid rgba(0, 0, 0, 0.4); }

.login-form .send { margin-top: 25px; }

.login-form .send input { width: 100%; height: 50px; border-radius: 100px; background: #228ae6; color: #fff; font-family: inherit; font-size: 16px; font-weight: 700; cursor: pointer; }

.login-form .send input:hover { background: #1b6eb8; }

.login-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; }

.login-footer a { color: #91ce00; font-weight: 500; font-size: 14px; }

.login-footer a:hover { text-decoration: underline; }

.login-bg { background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; background-image: url("../../assets/img/app-bg.png"); height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: .4; -webkit-transform: scale(1.1); transform: scale(1.1); }
