@font-face {
    font-family: 'Source Code Pro';
    src: url('fonts/SourceCodePro-Medium.woff2') format('woff2'),
        url('fonts/SourceCodePro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Source Code Pro';
    src: url('fonts/SourceCodePro-Black.woff2') format('woff2'),
        url('fonts/SourceCodePro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Source Code Pro';
    src: url('fonts/SourceCodePro-Light.woff2') format('woff2'),
        url('fonts/SourceCodePro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Source Code Pro';
    src: url('fonts/SourceCodePro-ExtraLight.woff2') format('woff2'),
        url('fonts/SourceCodePro-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Source Code Pro';
    src: url('fonts/SourceCodePro-Bold.woff2') format('woff2'),
        url('fonts/SourceCodePro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Source Code Pro';
    src: url('fonts/SourceCodePro-Semibold.woff2') format('woff2'),
        url('fonts/SourceCodePro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Source Code Pro';
    src: url('fonts/SourceCodePro-Regular.woff2') format('woff2'),
        url('fonts/SourceCodePro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'font-icons';
  src: url('css/icons/font/font-icons.eot?65928810');
  src: url('css/icons/font/font-icons.eot?65928810#iefix') format('embedded-opentype'),
       url('css/icons/font/font-icons.woff2?65928810') format('woff2'),
       url('css/icons/font/font-icons.woff?65928810') format('woff'),
       url('css/icons/font/font-icons.ttf?65928810') format('truetype'),
       url('css/icons/font/font-icons.svg?65928810#font-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'font-icons';
    src: url('css/icons/font/font-icons.svg?65928810#font-icons') format('svg');
  }
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "font-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-down-open-big:before { content: '\e800'; } /* '' */
.icon-left-open-big:before { content: '\e801'; } /* '' */
.icon-up-open-big:before { content: '\e802'; } /* '' */
.icon-right-open-big:before { content: '\e803'; } /* '' */
.icon-up-open-mini:before { content: '\e804'; } /* '' */
.icon-left-open-mini:before { content: '\e805'; } /* '' */
.icon-down-open-mini:before { content: '\e806'; } /* '' */
.icon-up-open:before { content: '\e807'; } /* '' */
.icon-right-open:before { content: '\e808'; } /* '' */
.icon-left-open:before { content: '\e809'; } /* '' */
.icon-arrow-combo:before { content: '\e80a'; } /* '' */
.icon-down-dir:before { content: '\e80b'; } /* '' */
.icon-left-dir:before { content: '\e80c'; } /* '' */
.icon-up-dir:before { content: '\e80d'; } /* '' */
.icon-right-dir:before { content: '\e80e'; } /* '' */
.icon-left-thin:before { content: '\e80f'; } /* '' */
.icon-right-thin:before { content: '\e810'; } /* '' */
.icon-up-thin:before { content: '\e811'; } /* '' */
.icon-down-thin:before { content: '\e812'; } /* '' */
.icon-down:before { content: '\e813'; } /* '' */
.icon-left:before { content: '\e814'; } /* '' */
.icon-right:before { content: '\e815'; } /* '' */
.icon-up:before { content: '\e816'; } /* '' */
.icon-left-open-2:before { content: '\e817'; } /* '' */
.icon-right-open-2:before { content: '\e818'; } /* '' */
.icon-updown-circle:before { content: '\e819'; } /* '' */
.icon-exchange:before { content: '\e81a'; } /* '' */
.icon-cursor:before { content: '\e81b'; } /* '' */
.icon-user:before { content: '\e81c'; } /* '' */
.icon-users:before { content: '\e81d'; } /* '' */
.icon-user-add:before { content: '\e81e'; } /* '' */
.icon-user-2:before { content: '\e81f'; } /* '' */
.icon-user-woman:before { content: '\e820'; } /* '' */
.icon-user-pair:before { content: '\e821'; } /* '' */
.icon-trash:before { content: '\e822'; } /* '' */
.icon-ok:before { content: '\e823'; } /* '' */
.icon-check:before { content: '\e824'; } /* '' */
.icon-ok-1:before { content: '\e825'; } /* '' */
.icon-cancel:before { content: '\e826'; } /* '' */
.icon-cancel-1:before { content: '\e827'; } /* '' */
.icon-cancel-circled-outline:before { content: '\e828'; } /* '' */
.icon-cancel-circled:before { content: '\e829'; } /* '' */
.icon-comment-alt:before { content: '\e82a'; } /* '' */
.icon-chat:before { content: '\e82b'; } /* '' */
.icon-attention:before { content: '\e82c'; } /* '' */
.icon-heart:before { content: '\e82d'; } /* '' */
.icon-heart-empty:before { content: '\e82e'; } /* '' */
.icon-search:before { content: '\e82f'; } /* '' */
.icon-star:before { content: '\e830'; } /* '' */
.icon-cancel-circle:before { content: '\e831'; } /* '' */
.icon-plus-circle:before { content: '\e832'; } /* '' */
.icon-minus-circle:before { content: '\e833'; } /* '' */
.icon-link:before { content: '\e834'; } /* '' */
.icon-attach:before { content: '\e835'; } /* '' */
.icon-lock:before { content: '\e836'; } /* '' */
.icon-dot-3:before { content: '\e837'; } /* '' */
.icon-dot:before { content: '\e838'; } /* '' */
.icon-dot-2:before { content: '\e839'; } /* '' */
.icon-paper-plane-1:before { content: '\e83a'; } /* '' */
.icon-resize-full:before { content: '\e83b'; } /* '' */
.icon-resize-small:before { content: '\e83c'; } /* '' */
.icon-thumbs-up:before { content: '\e83d'; } /* '' */
.icon-thumbs-down:before { content: '\e83e'; } /* '' */
.icon-attention-1:before { content: '\e83f'; } /* '' */
.icon-bell:before { content: '\e840'; } /* '' */
.icon-note:before { content: '\e841'; } /* '' */
.icon-note-beamed:before { content: '\e842'; } /* '' */
.icon-picture:before { content: '\e843'; } /* '' */
.icon-cancel-2:before { content: '\e844'; } /* '' */
.icon-eye:before { content: '\e845'; } /* '' */
.icon-plus:before { content: '\e846'; } /* '' */
.icon-minus:before { content: '\e847'; } /* '' */
.icon-download-1:before { content: '\e848'; } /* '' */
.icon-upload-1:before { content: '\e849'; } /* '' */
.icon-quote:before { content: '\e84a'; } /* '' */
.icon-ok-2:before { content: '\e84b'; } /* '' */
.icon-pencil:before { content: '\e84c'; } /* '' */
.icon-pencil-1:before { content: '\e84d'; } /* '' */
.icon-pencil-2:before { content: '\e84e'; } /* '' */
.icon-attention-circled:before { content: '\e84f'; } /* '' */
.icon-terminal:before { content: '\e850'; } /* '' */
.icon-folder:before { content: '\e851'; } /* '' */
.icon-folder-close:before { content: '\e852'; } /* '' */
.icon-doc-new:before { content: '\e853'; } /* '' */
.icon-doc-new-circled:before { content: '\e854'; } /* '' */
.icon-doc:before { content: '\e855'; } /* '' */
.icon-location:before { content: '\e856'; } /* '' */
.icon-bookmark-empty:before { content: '\e857'; } /* '' */
.icon-bookmark:before { content: '\e858'; } /* '' */
.icon-eye-1:before { content: '\e859'; } /* '' */
.icon-eye-off:before { content: '\e85a'; } /* '' */
.icon-mail:before { content: '\e85b'; } /* '' */
.icon-mail-1:before { content: '\e85c'; } /* '' */
.icon-question:before { content: '\e85d'; } /* '' */
.icon-help:before { content: '\e85e'; } /* '' */
.icon-help-circled-2:before { content: '\e85f'; } /* '' */
.icon-help-circled-3:before { content: '\e860'; } /* '' */
.icon-info:before { content: '\e861'; } /* '' */
.icon-info-1:before { content: '\e862'; } /* '' */
.icon-info-circled-1:before { content: '\e863'; } /* '' */
.icon-cog:before { content: '\e864'; } /* '' */
.icon-cog-1:before { content: '\e865'; } /* '' */
.icon-wrench:before { content: '\e866'; } /* '' */
.icon-cogs:before { content: '\e867'; } /* '' */
.icon-cog-alt:before { content: '\e868'; } /* '' */
.icon-cog-2:before { content: '\e869'; } /* '' */
.icon-wrench-1:before { content: '\e86a'; } /* '' */
.icon-light-up:before { content: '\e86b'; } /* '' */
.icon-adjust:before { content: '\e86c'; } /* '' */
.icon-pin:before { content: '\e86d'; } /* '' */
.icon-basket:before { content: '\e86e'; } /* '' */
.icon-basket-1:before { content: '\e86f'; } /* '' */
.icon-basket-2:before { content: '\e870'; } /* '' */
.icon-basket-alt:before { content: '\e871'; } /* '' */
.icon-login:before { content: '\e872'; } /* '' */
.icon-logout:before { content: '\e873'; } /* '' */
.icon-logout-2:before { content: '\e874'; } /* '' */
.icon-asl:before { content: '\e875'; } /* '' */
.icon-gauge-1:before { content: '\e876'; } /* '' */
.icon-phone:before { content: '\e877'; } /* '' */
.icon-phone-1:before { content: '\e878'; } /* '' */
.icon-down-open:before { content: '\f004'; } /* '' */
.icon-up-open-1:before { content: '\f005'; } /* '' */
.icon-right-open-1:before { content: '\f006'; } /* '' */
.icon-left-open-1:before { content: '\f007'; } /* '' */
.icon-menu:before { content: '\f008'; } /* '' */
.icon-th-list:before { content: '\f009'; } /* '' */
.icon-th-thumb:before { content: '\f00a'; } /* '' */
.icon-th-thumb-empty:before { content: '\f00b'; } /* '' */
.icon-pause:before { content: '\f00e'; } /* '' */
.icon-play:before { content: '\f00f'; } /* '' */
.icon-to-end:before { content: '\f010'; } /* '' */
.icon-to-start:before { content: '\f011'; } /* '' */
.icon-fast-forward:before { content: '\f012'; } /* '' */
.icon-fast-backward:before { content: '\f013'; } /* '' */
.icon-globe:before { content: '\f018'; } /* '' */
.icon-globe-inv:before { content: '\f019'; } /* '' */
.icon-paper-plane:before { content: '\f01d'; } /* '' */
.icon-ccw:before { content: '\f025'; } /* '' */
.icon-hash:before { content: '\f029'; } /* '' */
.icon-login-1:before { content: '\f02c'; } /* '' */
.icon-logout-1:before { content: '\f02d'; } /* '' */
.icon-download:before { content: '\f02e'; } /* '' */
.icon-upload:before { content: '\f02f'; } /* '' */
.icon-location-1:before { content: '\f031'; } /* '' */
.icon-user-1:before { content: '\f061'; } /* '' */
.icon-user-female:before { content: '\f063'; } /* '' */
.icon-users-1:before { content: '\f064'; } /* '' */
.icon-zoom-out:before { content: '\f07f'; } /* '' */
.icon-stop:before { content: '\f080'; } /* '' */
.icon-trash-2:before { content: '\f083'; } /* '' */
.icon-info-circled:before { content: '\f085'; } /* '' */
.icon-twitter-1:before { content: '\f099'; } /* '' */
.icon-facebook-1:before { content: '\f09a'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-linkedin-1:before { content: '\f0e1'; } /* '' */
.icon-gauge:before { content: '\f0e4'; } /* '' */
.icon-circle:before { content: '\f111'; } /* '' */
.icon-info-2:before { content: '\f129'; } /* '' */
.icon-attention-alt:before { content: '\f12a'; } /* '' */
.icon-youtube-squared:before { content: '\f166'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram-1:before { content: '\f16d'; } /* '' */
.icon-windows:before { content: '\f17a'; } /* '' */
.icon-linux:before { content: '\f17c'; } /* '' */
.icon-circle-thin:before { content: '\f1db'; } /* '' */
.icon-toggle-off:before { content: '\f204'; } /* '' */
.icon-toggle-on:before { content: '\f205'; } /* '' */
.icon-cart-plus:before { content: '\f217'; } /* '' */
.icon-envelope-open:before { content: '\f2b6'; } /* '' */
.icon-envelope-open-o:before { content: '\f2b7'; } /* '' */
.icon-facebook:before { content: '\f300'; } /* '' */
.icon-facebook-rect:before { content: '\f301'; } /* '' */
.icon-twitter:before { content: '\f302'; } /* '' */
.icon-twitter-bird:before { content: '\f303'; } /* '' */
.icon-github-text:before { content: '\f307'; } /* '' */
.icon-github:before { content: '\f308'; } /* '' */
.icon-googleplus-rect:before { content: '\f309'; } /* '' */
.icon-skype:before { content: '\f30b'; } /* '' */
.icon-linkedin-squared:before { content: '\f30c'; } /* '' */
.icon-vimeo-rect:before { content: '\f30e'; } /* '' */
.icon-vimeo:before { content: '\f30f'; } /* '' */
.icon-tumblr-rect:before { content: '\f310'; } /* '' */
.icon-tumblr:before { content: '\f311'; } /* '' */
.icon-linkedin:before { content: '\f31a'; } /* '' */
.icon-linkedin-rect:before { content: '\f31b'; } /* '' */
.icon-wordpress:before { content: '\f31d'; } /* '' */
.icon-instagram:before { content: '\f31e'; } /* '' */
.icon-instagram-filled:before { content: '\f31f'; } /* '' */
.icon-win8:before { content: '\f325'; } /* '' */
.icon-amex:before { content: '\f326'; } /* '' */
.icon-visa:before { content: '\f328'; } /* '' */
.icon-mastercard:before { content: '\f329'; } /* '' */
.icon-codepen:before { content: '\f32c'; } /* '' */
.icon-instagram-2:before { content: '\f32d'; } /* '' */
.icon-calendar:before { content: '\f4c5'; } /* '' */
/**
 * Design & Developed by pompaa (http://www.pompaa.com), info@pompaa.com
 * favzeN`[CSS] ~> Reset File, Version Define
*/
* {margin: 0; padding: 0;} html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000} :focus { outline: 0; } input[type="search"] {-webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
/*!
 * Bootstrap Grid v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 425px) {
  .container {
    max-width: 385px;
  }
}
@media (min-width: 575px) {
  .container {
    max-width: 545px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 728px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 964px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1220px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs,
.col-xs-auto, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

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

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

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

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

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

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

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

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 425px) {
  .col-xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xs-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xs-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xs-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xs-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xs-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xs-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xs-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xs-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xs-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xs-first {
    order: -1;
  }

  .order-xs-last {
    order: 13;
  }

  .order-xs-0 {
    order: 0;
  }

  .order-xs-1 {
    order: 1;
  }

  .order-xs-2 {
    order: 2;
  }

  .order-xs-3 {
    order: 3;
  }

  .order-xs-4 {
    order: 4;
  }

  .order-xs-5 {
    order: 5;
  }

  .order-xs-6 {
    order: 6;
  }

  .order-xs-7 {
    order: 7;
  }

  .order-xs-8 {
    order: 8;
  }

  .order-xs-9 {
    order: 9;
  }

  .order-xs-10 {
    order: 10;
  }

  .order-xs-11 {
    order: 11;
  }

  .order-xs-12 {
    order: 12;
  }

  .offset-xs-0 {
    margin-left: 0;
  }

  .offset-xs-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xs-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xs-3 {
    margin-left: 25%;
  }

  .offset-xs-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xs-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xs-6 {
    margin-left: 50%;
  }

  .offset-xs-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xs-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xs-9 {
    margin-left: 75%;
  }

  .offset-xs-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xs-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 575px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.3333333333%;
  }

  .offset-md-2 {
    margin-left: 16.6666666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333333333%;
  }

  .offset-md-5 {
    margin-left: 41.6666666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333333333%;
  }

  .offset-md-8 {
    margin-left: 66.6666666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333333333%;
  }

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1280px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 425px) {
  .d-xs-none {
    display: none !important;
  }

  .d-xs-inline {
    display: inline !important;
  }

  .d-xs-inline-block {
    display: inline-block !important;
  }

  .d-xs-block {
    display: block !important;
  }

  .d-xs-table {
    display: table !important;
  }

  .d-xs-table-row {
    display: table-row !important;
  }

  .d-xs-table-cell {
    display: table-cell !important;
  }

  .d-xs-flex {
    display: flex !important;
  }

  .d-xs-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 575px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1024px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1280px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 425px) {
  .flex-xs-row {
    flex-direction: row !important;
  }

  .flex-xs-column {
    flex-direction: column !important;
  }

  .flex-xs-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xs-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xs-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xs-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xs-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-xs-fill {
    flex: 1 1 auto !important;
  }

  .flex-xs-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xs-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xs-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xs-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-xs-start {
    justify-content: flex-start !important;
  }

  .justify-content-xs-end {
    justify-content: flex-end !important;
  }

  .justify-content-xs-center {
    justify-content: center !important;
  }

  .justify-content-xs-between {
    justify-content: space-between !important;
  }

  .justify-content-xs-around {
    justify-content: space-around !important;
  }

  .align-items-xs-start {
    align-items: flex-start !important;
  }

  .align-items-xs-end {
    align-items: flex-end !important;
  }

  .align-items-xs-center {
    align-items: center !important;
  }

  .align-items-xs-baseline {
    align-items: baseline !important;
  }

  .align-items-xs-stretch {
    align-items: stretch !important;
  }

  .align-content-xs-start {
    align-content: flex-start !important;
  }

  .align-content-xs-end {
    align-content: flex-end !important;
  }

  .align-content-xs-center {
    align-content: center !important;
  }

  .align-content-xs-between {
    align-content: space-between !important;
  }

  .align-content-xs-around {
    align-content: space-around !important;
  }

  .align-content-xs-stretch {
    align-content: stretch !important;
  }

  .align-self-xs-auto {
    align-self: auto !important;
  }

  .align-self-xs-start {
    align-self: flex-start !important;
  }

  .align-self-xs-end {
    align-self: flex-end !important;
  }

  .align-self-xs-center {
    align-self: center !important;
  }

  .align-self-xs-baseline {
    align-self: baseline !important;
  }

  .align-self-xs-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 575px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1024px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1280px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 10px !important;
}

.mt-1,
.my-1 {
  margin-top: 10px !important;
}

.mr-1,
.mx-1 {
  margin-right: 10px !important;
}

.mb-1,
.my-1 {
  margin-bottom: 10px !important;
}

.ml-1,
.mx-1 {
  margin-left: 10px !important;
}

.m-2 {
  margin: 20px !important;
}

.mt-2,
.my-2 {
  margin-top: 20px !important;
}

.mr-2,
.mx-2 {
  margin-right: 20px !important;
}

.mb-2,
.my-2 {
  margin-bottom: 20px !important;
}

.ml-2,
.mx-2 {
  margin-left: 20px !important;
}

.m-3 {
  margin: 30px !important;
}

.mt-3,
.my-3 {
  margin-top: 30px !important;
}

.mr-3,
.mx-3 {
  margin-right: 30px !important;
}

.mb-3,
.my-3 {
  margin-bottom: 30px !important;
}

.ml-3,
.mx-3 {
  margin-left: 30px !important;
}

.m-4 {
  margin: 40px !important;
}

.mt-4,
.my-4 {
  margin-top: 40px !important;
}

.mr-4,
.mx-4 {
  margin-right: 40px !important;
}

.mb-4,
.my-4 {
  margin-bottom: 40px !important;
}

.ml-4,
.mx-4 {
  margin-left: 40px !important;
}

.m-5 {
  margin: 50px !important;
}

.mt-5,
.my-5 {
  margin-top: 50px !important;
}

.mr-5,
.mx-5 {
  margin-right: 50px !important;
}

.mb-5,
.my-5 {
  margin-bottom: 50px !important;
}

.ml-5,
.mx-5 {
  margin-left: 50px !important;
}

.m-6 {
  margin: 60px !important;
}

.mt-6,
.my-6 {
  margin-top: 60px !important;
}

.mr-6,
.mx-6 {
  margin-right: 60px !important;
}

.mb-6,
.my-6 {
  margin-bottom: 60px !important;
}

.ml-6,
.mx-6 {
  margin-left: 60px !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 10px !important;
}

.pt-1,
.py-1 {
  padding-top: 10px !important;
}

.pr-1,
.px-1 {
  padding-right: 10px !important;
}

.pb-1,
.py-1 {
  padding-bottom: 10px !important;
}

.pl-1,
.px-1 {
  padding-left: 10px !important;
}

.p-2 {
  padding: 20px !important;
}

.pt-2,
.py-2 {
  padding-top: 20px !important;
}

.pr-2,
.px-2 {
  padding-right: 20px !important;
}

.pb-2,
.py-2 {
  padding-bottom: 20px !important;
}

.pl-2,
.px-2 {
  padding-left: 20px !important;
}

.p-3 {
  padding: 30px !important;
}

.pt-3,
.py-3 {
  padding-top: 30px !important;
}

.pr-3,
.px-3 {
  padding-right: 30px !important;
}

.pb-3,
.py-3 {
  padding-bottom: 30px !important;
}

.pl-3,
.px-3 {
  padding-left: 30px !important;
}

.p-4 {
  padding: 40px !important;
}

.pt-4,
.py-4 {
  padding-top: 40px !important;
}

.pr-4,
.px-4 {
  padding-right: 40px !important;
}

.pb-4,
.py-4 {
  padding-bottom: 40px !important;
}

.pl-4,
.px-4 {
  padding-left: 40px !important;
}

.p-5 {
  padding: 50px !important;
}

.pt-5,
.py-5 {
  padding-top: 50px !important;
}

.pr-5,
.px-5 {
  padding-right: 50px !important;
}

.pb-5,
.py-5 {
  padding-bottom: 50px !important;
}

.pl-5,
.px-5 {
  padding-left: 50px !important;
}

.p-6 {
  padding: 60px !important;
}

.pt-6,
.py-6 {
  padding-top: 60px !important;
}

.pr-6,
.px-6 {
  padding-right: 60px !important;
}

.pb-6,
.py-6 {
  padding-bottom: 60px !important;
}

.pl-6,
.px-6 {
  padding-left: 60px !important;
}

.m-n1 {
  margin: -10px !important;
}

.mt-n1,
.my-n1 {
  margin-top: -10px !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -10px !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -10px !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -10px !important;
}

.m-n2 {
  margin: -20px !important;
}

.mt-n2,
.my-n2 {
  margin-top: -20px !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -20px !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -20px !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -20px !important;
}

.m-n3 {
  margin: -30px !important;
}

.mt-n3,
.my-n3 {
  margin-top: -30px !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -30px !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -30px !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -30px !important;
}

.m-n4 {
  margin: -40px !important;
}

.mt-n4,
.my-n4 {
  margin-top: -40px !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -40px !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -40px !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -40px !important;
}

.m-n5 {
  margin: -50px !important;
}

.mt-n5,
.my-n5 {
  margin-top: -50px !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -50px !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -50px !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -50px !important;
}

.m-n6 {
  margin: -60px !important;
}

.mt-n6,
.my-n6 {
  margin-top: -60px !important;
}

.mr-n6,
.mx-n6 {
  margin-right: -60px !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: -60px !important;
}

.ml-n6,
.mx-n6 {
  margin-left: -60px !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 425px) {
  .m-xs-0 {
    margin: 0 !important;
  }

  .mt-xs-0,
.my-xs-0 {
    margin-top: 0 !important;
  }

  .mr-xs-0,
.mx-xs-0 {
    margin-right: 0 !important;
  }

  .mb-xs-0,
.my-xs-0 {
    margin-bottom: 0 !important;
  }

  .ml-xs-0,
.mx-xs-0 {
    margin-left: 0 !important;
  }

  .m-xs-1 {
    margin: 10px !important;
  }

  .mt-xs-1,
.my-xs-1 {
    margin-top: 10px !important;
  }

  .mr-xs-1,
.mx-xs-1 {
    margin-right: 10px !important;
  }

  .mb-xs-1,
.my-xs-1 {
    margin-bottom: 10px !important;
  }

  .ml-xs-1,
.mx-xs-1 {
    margin-left: 10px !important;
  }

  .m-xs-2 {
    margin: 20px !important;
  }

  .mt-xs-2,
.my-xs-2 {
    margin-top: 20px !important;
  }

  .mr-xs-2,
.mx-xs-2 {
    margin-right: 20px !important;
  }

  .mb-xs-2,
.my-xs-2 {
    margin-bottom: 20px !important;
  }

  .ml-xs-2,
.mx-xs-2 {
    margin-left: 20px !important;
  }

  .m-xs-3 {
    margin: 30px !important;
  }

  .mt-xs-3,
.my-xs-3 {
    margin-top: 30px !important;
  }

  .mr-xs-3,
.mx-xs-3 {
    margin-right: 30px !important;
  }

  .mb-xs-3,
.my-xs-3 {
    margin-bottom: 30px !important;
  }

  .ml-xs-3,
.mx-xs-3 {
    margin-left: 30px !important;
  }

  .m-xs-4 {
    margin: 40px !important;
  }

  .mt-xs-4,
.my-xs-4 {
    margin-top: 40px !important;
  }

  .mr-xs-4,
.mx-xs-4 {
    margin-right: 40px !important;
  }

  .mb-xs-4,
.my-xs-4 {
    margin-bottom: 40px !important;
  }

  .ml-xs-4,
.mx-xs-4 {
    margin-left: 40px !important;
  }

  .m-xs-5 {
    margin: 50px !important;
  }

  .mt-xs-5,
.my-xs-5 {
    margin-top: 50px !important;
  }

  .mr-xs-5,
.mx-xs-5 {
    margin-right: 50px !important;
  }

  .mb-xs-5,
.my-xs-5 {
    margin-bottom: 50px !important;
  }

  .ml-xs-5,
.mx-xs-5 {
    margin-left: 50px !important;
  }

  .m-xs-6 {
    margin: 60px !important;
  }

  .mt-xs-6,
.my-xs-6 {
    margin-top: 60px !important;
  }

  .mr-xs-6,
.mx-xs-6 {
    margin-right: 60px !important;
  }

  .mb-xs-6,
.my-xs-6 {
    margin-bottom: 60px !important;
  }

  .ml-xs-6,
.mx-xs-6 {
    margin-left: 60px !important;
  }

  .p-xs-0 {
    padding: 0 !important;
  }

  .pt-xs-0,
.py-xs-0 {
    padding-top: 0 !important;
  }

  .pr-xs-0,
.px-xs-0 {
    padding-right: 0 !important;
  }

  .pb-xs-0,
.py-xs-0 {
    padding-bottom: 0 !important;
  }

  .pl-xs-0,
.px-xs-0 {
    padding-left: 0 !important;
  }

  .p-xs-1 {
    padding: 10px !important;
  }

  .pt-xs-1,
.py-xs-1 {
    padding-top: 10px !important;
  }

  .pr-xs-1,
.px-xs-1 {
    padding-right: 10px !important;
  }

  .pb-xs-1,
.py-xs-1 {
    padding-bottom: 10px !important;
  }

  .pl-xs-1,
.px-xs-1 {
    padding-left: 10px !important;
  }

  .p-xs-2 {
    padding: 20px !important;
  }

  .pt-xs-2,
.py-xs-2 {
    padding-top: 20px !important;
  }

  .pr-xs-2,
.px-xs-2 {
    padding-right: 20px !important;
  }

  .pb-xs-2,
.py-xs-2 {
    padding-bottom: 20px !important;
  }

  .pl-xs-2,
.px-xs-2 {
    padding-left: 20px !important;
  }

  .p-xs-3 {
    padding: 30px !important;
  }

  .pt-xs-3,
.py-xs-3 {
    padding-top: 30px !important;
  }

  .pr-xs-3,
.px-xs-3 {
    padding-right: 30px !important;
  }

  .pb-xs-3,
.py-xs-3 {
    padding-bottom: 30px !important;
  }

  .pl-xs-3,
.px-xs-3 {
    padding-left: 30px !important;
  }

  .p-xs-4 {
    padding: 40px !important;
  }

  .pt-xs-4,
.py-xs-4 {
    padding-top: 40px !important;
  }

  .pr-xs-4,
.px-xs-4 {
    padding-right: 40px !important;
  }

  .pb-xs-4,
.py-xs-4 {
    padding-bottom: 40px !important;
  }

  .pl-xs-4,
.px-xs-4 {
    padding-left: 40px !important;
  }

  .p-xs-5 {
    padding: 50px !important;
  }

  .pt-xs-5,
.py-xs-5 {
    padding-top: 50px !important;
  }

  .pr-xs-5,
.px-xs-5 {
    padding-right: 50px !important;
  }

  .pb-xs-5,
.py-xs-5 {
    padding-bottom: 50px !important;
  }

  .pl-xs-5,
.px-xs-5 {
    padding-left: 50px !important;
  }

  .p-xs-6 {
    padding: 60px !important;
  }

  .pt-xs-6,
.py-xs-6 {
    padding-top: 60px !important;
  }

  .pr-xs-6,
.px-xs-6 {
    padding-right: 60px !important;
  }

  .pb-xs-6,
.py-xs-6 {
    padding-bottom: 60px !important;
  }

  .pl-xs-6,
.px-xs-6 {
    padding-left: 60px !important;
  }

  .m-xs-n1 {
    margin: -10px !important;
  }

  .mt-xs-n1,
.my-xs-n1 {
    margin-top: -10px !important;
  }

  .mr-xs-n1,
.mx-xs-n1 {
    margin-right: -10px !important;
  }

  .mb-xs-n1,
.my-xs-n1 {
    margin-bottom: -10px !important;
  }

  .ml-xs-n1,
.mx-xs-n1 {
    margin-left: -10px !important;
  }

  .m-xs-n2 {
    margin: -20px !important;
  }

  .mt-xs-n2,
.my-xs-n2 {
    margin-top: -20px !important;
  }

  .mr-xs-n2,
.mx-xs-n2 {
    margin-right: -20px !important;
  }

  .mb-xs-n2,
.my-xs-n2 {
    margin-bottom: -20px !important;
  }

  .ml-xs-n2,
.mx-xs-n2 {
    margin-left: -20px !important;
  }

  .m-xs-n3 {
    margin: -30px !important;
  }

  .mt-xs-n3,
.my-xs-n3 {
    margin-top: -30px !important;
  }

  .mr-xs-n3,
.mx-xs-n3 {
    margin-right: -30px !important;
  }

  .mb-xs-n3,
.my-xs-n3 {
    margin-bottom: -30px !important;
  }

  .ml-xs-n3,
.mx-xs-n3 {
    margin-left: -30px !important;
  }

  .m-xs-n4 {
    margin: -40px !important;
  }

  .mt-xs-n4,
.my-xs-n4 {
    margin-top: -40px !important;
  }

  .mr-xs-n4,
.mx-xs-n4 {
    margin-right: -40px !important;
  }

  .mb-xs-n4,
.my-xs-n4 {
    margin-bottom: -40px !important;
  }

  .ml-xs-n4,
.mx-xs-n4 {
    margin-left: -40px !important;
  }

  .m-xs-n5 {
    margin: -50px !important;
  }

  .mt-xs-n5,
.my-xs-n5 {
    margin-top: -50px !important;
  }

  .mr-xs-n5,
.mx-xs-n5 {
    margin-right: -50px !important;
  }

  .mb-xs-n5,
.my-xs-n5 {
    margin-bottom: -50px !important;
  }

  .ml-xs-n5,
.mx-xs-n5 {
    margin-left: -50px !important;
  }

  .m-xs-n6 {
    margin: -60px !important;
  }

  .mt-xs-n6,
.my-xs-n6 {
    margin-top: -60px !important;
  }

  .mr-xs-n6,
.mx-xs-n6 {
    margin-right: -60px !important;
  }

  .mb-xs-n6,
.my-xs-n6 {
    margin-bottom: -60px !important;
  }

  .ml-xs-n6,
.mx-xs-n6 {
    margin-left: -60px !important;
  }

  .m-xs-auto {
    margin: auto !important;
  }

  .mt-xs-auto,
.my-xs-auto {
    margin-top: auto !important;
  }

  .mr-xs-auto,
.mx-xs-auto {
    margin-right: auto !important;
  }

  .mb-xs-auto,
.my-xs-auto {
    margin-bottom: auto !important;
  }

  .ml-xs-auto,
.mx-xs-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 575px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 10px !important;
  }

  .mt-sm-1,
.my-sm-1 {
    margin-top: 10px !important;
  }

  .mr-sm-1,
.mx-sm-1 {
    margin-right: 10px !important;
  }

  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 10px !important;
  }

  .ml-sm-1,
.mx-sm-1 {
    margin-left: 10px !important;
  }

  .m-sm-2 {
    margin: 20px !important;
  }

  .mt-sm-2,
.my-sm-2 {
    margin-top: 20px !important;
  }

  .mr-sm-2,
.mx-sm-2 {
    margin-right: 20px !important;
  }

  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 20px !important;
  }

  .ml-sm-2,
.mx-sm-2 {
    margin-left: 20px !important;
  }

  .m-sm-3 {
    margin: 30px !important;
  }

  .mt-sm-3,
.my-sm-3 {
    margin-top: 30px !important;
  }

  .mr-sm-3,
.mx-sm-3 {
    margin-right: 30px !important;
  }

  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 30px !important;
  }

  .ml-sm-3,
.mx-sm-3 {
    margin-left: 30px !important;
  }

  .m-sm-4 {
    margin: 40px !important;
  }

  .mt-sm-4,
.my-sm-4 {
    margin-top: 40px !important;
  }

  .mr-sm-4,
.mx-sm-4 {
    margin-right: 40px !important;
  }

  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 40px !important;
  }

  .ml-sm-4,
.mx-sm-4 {
    margin-left: 40px !important;
  }

  .m-sm-5 {
    margin: 50px !important;
  }

  .mt-sm-5,
.my-sm-5 {
    margin-top: 50px !important;
  }

  .mr-sm-5,
.mx-sm-5 {
    margin-right: 50px !important;
  }

  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 50px !important;
  }

  .ml-sm-5,
.mx-sm-5 {
    margin-left: 50px !important;
  }

  .m-sm-6 {
    margin: 60px !important;
  }

  .mt-sm-6,
.my-sm-6 {
    margin-top: 60px !important;
  }

  .mr-sm-6,
.mx-sm-6 {
    margin-right: 60px !important;
  }

  .mb-sm-6,
.my-sm-6 {
    margin-bottom: 60px !important;
  }

  .ml-sm-6,
.mx-sm-6 {
    margin-left: 60px !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 10px !important;
  }

  .pt-sm-1,
.py-sm-1 {
    padding-top: 10px !important;
  }

  .pr-sm-1,
.px-sm-1 {
    padding-right: 10px !important;
  }

  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 10px !important;
  }

  .pl-sm-1,
.px-sm-1 {
    padding-left: 10px !important;
  }

  .p-sm-2 {
    padding: 20px !important;
  }

  .pt-sm-2,
.py-sm-2 {
    padding-top: 20px !important;
  }

  .pr-sm-2,
.px-sm-2 {
    padding-right: 20px !important;
  }

  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 20px !important;
  }

  .pl-sm-2,
.px-sm-2 {
    padding-left: 20px !important;
  }

  .p-sm-3 {
    padding: 30px !important;
  }

  .pt-sm-3,
.py-sm-3 {
    padding-top: 30px !important;
  }

  .pr-sm-3,
.px-sm-3 {
    padding-right: 30px !important;
  }

  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 30px !important;
  }

  .pl-sm-3,
.px-sm-3 {
    padding-left: 30px !important;
  }

  .p-sm-4 {
    padding: 40px !important;
  }

  .pt-sm-4,
.py-sm-4 {
    padding-top: 40px !important;
  }

  .pr-sm-4,
.px-sm-4 {
    padding-right: 40px !important;
  }

  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 40px !important;
  }

  .pl-sm-4,
.px-sm-4 {
    padding-left: 40px !important;
  }

  .p-sm-5 {
    padding: 50px !important;
  }

  .pt-sm-5,
.py-sm-5 {
    padding-top: 50px !important;
  }

  .pr-sm-5,
.px-sm-5 {
    padding-right: 50px !important;
  }

  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 50px !important;
  }

  .pl-sm-5,
.px-sm-5 {
    padding-left: 50px !important;
  }

  .p-sm-6 {
    padding: 60px !important;
  }

  .pt-sm-6,
.py-sm-6 {
    padding-top: 60px !important;
  }

  .pr-sm-6,
.px-sm-6 {
    padding-right: 60px !important;
  }

  .pb-sm-6,
.py-sm-6 {
    padding-bottom: 60px !important;
  }

  .pl-sm-6,
.px-sm-6 {
    padding-left: 60px !important;
  }

  .m-sm-n1 {
    margin: -10px !important;
  }

  .mt-sm-n1,
.my-sm-n1 {
    margin-top: -10px !important;
  }

  .mr-sm-n1,
.mx-sm-n1 {
    margin-right: -10px !important;
  }

  .mb-sm-n1,
.my-sm-n1 {
    margin-bottom: -10px !important;
  }

  .ml-sm-n1,
.mx-sm-n1 {
    margin-left: -10px !important;
  }

  .m-sm-n2 {
    margin: -20px !important;
  }

  .mt-sm-n2,
.my-sm-n2 {
    margin-top: -20px !important;
  }

  .mr-sm-n2,
.mx-sm-n2 {
    margin-right: -20px !important;
  }

  .mb-sm-n2,
.my-sm-n2 {
    margin-bottom: -20px !important;
  }

  .ml-sm-n2,
.mx-sm-n2 {
    margin-left: -20px !important;
  }

  .m-sm-n3 {
    margin: -30px !important;
  }

  .mt-sm-n3,
.my-sm-n3 {
    margin-top: -30px !important;
  }

  .mr-sm-n3,
.mx-sm-n3 {
    margin-right: -30px !important;
  }

  .mb-sm-n3,
.my-sm-n3 {
    margin-bottom: -30px !important;
  }

  .ml-sm-n3,
.mx-sm-n3 {
    margin-left: -30px !important;
  }

  .m-sm-n4 {
    margin: -40px !important;
  }

  .mt-sm-n4,
.my-sm-n4 {
    margin-top: -40px !important;
  }

  .mr-sm-n4,
.mx-sm-n4 {
    margin-right: -40px !important;
  }

  .mb-sm-n4,
.my-sm-n4 {
    margin-bottom: -40px !important;
  }

  .ml-sm-n4,
.mx-sm-n4 {
    margin-left: -40px !important;
  }

  .m-sm-n5 {
    margin: -50px !important;
  }

  .mt-sm-n5,
.my-sm-n5 {
    margin-top: -50px !important;
  }

  .mr-sm-n5,
.mx-sm-n5 {
    margin-right: -50px !important;
  }

  .mb-sm-n5,
.my-sm-n5 {
    margin-bottom: -50px !important;
  }

  .ml-sm-n5,
.mx-sm-n5 {
    margin-left: -50px !important;
  }

  .m-sm-n6 {
    margin: -60px !important;
  }

  .mt-sm-n6,
.my-sm-n6 {
    margin-top: -60px !important;
  }

  .mr-sm-n6,
.mx-sm-n6 {
    margin-right: -60px !important;
  }

  .mb-sm-n6,
.my-sm-n6 {
    margin-bottom: -60px !important;
  }

  .ml-sm-n6,
.mx-sm-n6 {
    margin-left: -60px !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 10px !important;
  }

  .mt-md-1,
.my-md-1 {
    margin-top: 10px !important;
  }

  .mr-md-1,
.mx-md-1 {
    margin-right: 10px !important;
  }

  .mb-md-1,
.my-md-1 {
    margin-bottom: 10px !important;
  }

  .ml-md-1,
.mx-md-1 {
    margin-left: 10px !important;
  }

  .m-md-2 {
    margin: 20px !important;
  }

  .mt-md-2,
.my-md-2 {
    margin-top: 20px !important;
  }

  .mr-md-2,
.mx-md-2 {
    margin-right: 20px !important;
  }

  .mb-md-2,
.my-md-2 {
    margin-bottom: 20px !important;
  }

  .ml-md-2,
.mx-md-2 {
    margin-left: 20px !important;
  }

  .m-md-3 {
    margin: 30px !important;
  }

  .mt-md-3,
.my-md-3 {
    margin-top: 30px !important;
  }

  .mr-md-3,
.mx-md-3 {
    margin-right: 30px !important;
  }

  .mb-md-3,
.my-md-3 {
    margin-bottom: 30px !important;
  }

  .ml-md-3,
.mx-md-3 {
    margin-left: 30px !important;
  }

  .m-md-4 {
    margin: 40px !important;
  }

  .mt-md-4,
.my-md-4 {
    margin-top: 40px !important;
  }

  .mr-md-4,
.mx-md-4 {
    margin-right: 40px !important;
  }

  .mb-md-4,
.my-md-4 {
    margin-bottom: 40px !important;
  }

  .ml-md-4,
.mx-md-4 {
    margin-left: 40px !important;
  }

  .m-md-5 {
    margin: 50px !important;
  }

  .mt-md-5,
.my-md-5 {
    margin-top: 50px !important;
  }

  .mr-md-5,
.mx-md-5 {
    margin-right: 50px !important;
  }

  .mb-md-5,
.my-md-5 {
    margin-bottom: 50px !important;
  }

  .ml-md-5,
.mx-md-5 {
    margin-left: 50px !important;
  }

  .m-md-6 {
    margin: 60px !important;
  }

  .mt-md-6,
.my-md-6 {
    margin-top: 60px !important;
  }

  .mr-md-6,
.mx-md-6 {
    margin-right: 60px !important;
  }

  .mb-md-6,
.my-md-6 {
    margin-bottom: 60px !important;
  }

  .ml-md-6,
.mx-md-6 {
    margin-left: 60px !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 10px !important;
  }

  .pt-md-1,
.py-md-1 {
    padding-top: 10px !important;
  }

  .pr-md-1,
.px-md-1 {
    padding-right: 10px !important;
  }

  .pb-md-1,
.py-md-1 {
    padding-bottom: 10px !important;
  }

  .pl-md-1,
.px-md-1 {
    padding-left: 10px !important;
  }

  .p-md-2 {
    padding: 20px !important;
  }

  .pt-md-2,
.py-md-2 {
    padding-top: 20px !important;
  }

  .pr-md-2,
.px-md-2 {
    padding-right: 20px !important;
  }

  .pb-md-2,
.py-md-2 {
    padding-bottom: 20px !important;
  }

  .pl-md-2,
.px-md-2 {
    padding-left: 20px !important;
  }

  .p-md-3 {
    padding: 30px !important;
  }

  .pt-md-3,
.py-md-3 {
    padding-top: 30px !important;
  }

  .pr-md-3,
.px-md-3 {
    padding-right: 30px !important;
  }

  .pb-md-3,
.py-md-3 {
    padding-bottom: 30px !important;
  }

  .pl-md-3,
.px-md-3 {
    padding-left: 30px !important;
  }

  .p-md-4 {
    padding: 40px !important;
  }

  .pt-md-4,
.py-md-4 {
    padding-top: 40px !important;
  }

  .pr-md-4,
.px-md-4 {
    padding-right: 40px !important;
  }

  .pb-md-4,
.py-md-4 {
    padding-bottom: 40px !important;
  }

  .pl-md-4,
.px-md-4 {
    padding-left: 40px !important;
  }

  .p-md-5 {
    padding: 50px !important;
  }

  .pt-md-5,
.py-md-5 {
    padding-top: 50px !important;
  }

  .pr-md-5,
.px-md-5 {
    padding-right: 50px !important;
  }

  .pb-md-5,
.py-md-5 {
    padding-bottom: 50px !important;
  }

  .pl-md-5,
.px-md-5 {
    padding-left: 50px !important;
  }

  .p-md-6 {
    padding: 60px !important;
  }

  .pt-md-6,
.py-md-6 {
    padding-top: 60px !important;
  }

  .pr-md-6,
.px-md-6 {
    padding-right: 60px !important;
  }

  .pb-md-6,
.py-md-6 {
    padding-bottom: 60px !important;
  }

  .pl-md-6,
.px-md-6 {
    padding-left: 60px !important;
  }

  .m-md-n1 {
    margin: -10px !important;
  }

  .mt-md-n1,
.my-md-n1 {
    margin-top: -10px !important;
  }

  .mr-md-n1,
.mx-md-n1 {
    margin-right: -10px !important;
  }

  .mb-md-n1,
.my-md-n1 {
    margin-bottom: -10px !important;
  }

  .ml-md-n1,
.mx-md-n1 {
    margin-left: -10px !important;
  }

  .m-md-n2 {
    margin: -20px !important;
  }

  .mt-md-n2,
.my-md-n2 {
    margin-top: -20px !important;
  }

  .mr-md-n2,
.mx-md-n2 {
    margin-right: -20px !important;
  }

  .mb-md-n2,
.my-md-n2 {
    margin-bottom: -20px !important;
  }

  .ml-md-n2,
.mx-md-n2 {
    margin-left: -20px !important;
  }

  .m-md-n3 {
    margin: -30px !important;
  }

  .mt-md-n3,
.my-md-n3 {
    margin-top: -30px !important;
  }

  .mr-md-n3,
.mx-md-n3 {
    margin-right: -30px !important;
  }

  .mb-md-n3,
.my-md-n3 {
    margin-bottom: -30px !important;
  }

  .ml-md-n3,
.mx-md-n3 {
    margin-left: -30px !important;
  }

  .m-md-n4 {
    margin: -40px !important;
  }

  .mt-md-n4,
.my-md-n4 {
    margin-top: -40px !important;
  }

  .mr-md-n4,
.mx-md-n4 {
    margin-right: -40px !important;
  }

  .mb-md-n4,
.my-md-n4 {
    margin-bottom: -40px !important;
  }

  .ml-md-n4,
.mx-md-n4 {
    margin-left: -40px !important;
  }

  .m-md-n5 {
    margin: -50px !important;
  }

  .mt-md-n5,
.my-md-n5 {
    margin-top: -50px !important;
  }

  .mr-md-n5,
.mx-md-n5 {
    margin-right: -50px !important;
  }

  .mb-md-n5,
.my-md-n5 {
    margin-bottom: -50px !important;
  }

  .ml-md-n5,
.mx-md-n5 {
    margin-left: -50px !important;
  }

  .m-md-n6 {
    margin: -60px !important;
  }

  .mt-md-n6,
.my-md-n6 {
    margin-top: -60px !important;
  }

  .mr-md-n6,
.mx-md-n6 {
    margin-right: -60px !important;
  }

  .mb-md-n6,
.my-md-n6 {
    margin-bottom: -60px !important;
  }

  .ml-md-n6,
.mx-md-n6 {
    margin-left: -60px !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1024px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 10px !important;
  }

  .mt-lg-1,
.my-lg-1 {
    margin-top: 10px !important;
  }

  .mr-lg-1,
.mx-lg-1 {
    margin-right: 10px !important;
  }

  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 10px !important;
  }

  .ml-lg-1,
.mx-lg-1 {
    margin-left: 10px !important;
  }

  .m-lg-2 {
    margin: 20px !important;
  }

  .mt-lg-2,
.my-lg-2 {
    margin-top: 20px !important;
  }

  .mr-lg-2,
.mx-lg-2 {
    margin-right: 20px !important;
  }

  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 20px !important;
  }

  .ml-lg-2,
.mx-lg-2 {
    margin-left: 20px !important;
  }

  .m-lg-3 {
    margin: 30px !important;
  }

  .mt-lg-3,
.my-lg-3 {
    margin-top: 30px !important;
  }

  .mr-lg-3,
.mx-lg-3 {
    margin-right: 30px !important;
  }

  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 30px !important;
  }

  .ml-lg-3,
.mx-lg-3 {
    margin-left: 30px !important;
  }

  .m-lg-4 {
    margin: 40px !important;
  }

  .mt-lg-4,
.my-lg-4 {
    margin-top: 40px !important;
  }

  .mr-lg-4,
.mx-lg-4 {
    margin-right: 40px !important;
  }

  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 40px !important;
  }

  .ml-lg-4,
.mx-lg-4 {
    margin-left: 40px !important;
  }

  .m-lg-5 {
    margin: 50px !important;
  }

  .mt-lg-5,
.my-lg-5 {
    margin-top: 50px !important;
  }

  .mr-lg-5,
.mx-lg-5 {
    margin-right: 50px !important;
  }

  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 50px !important;
  }

  .ml-lg-5,
.mx-lg-5 {
    margin-left: 50px !important;
  }

  .m-lg-6 {
    margin: 60px !important;
  }

  .mt-lg-6,
.my-lg-6 {
    margin-top: 60px !important;
  }

  .mr-lg-6,
.mx-lg-6 {
    margin-right: 60px !important;
  }

  .mb-lg-6,
.my-lg-6 {
    margin-bottom: 60px !important;
  }

  .ml-lg-6,
.mx-lg-6 {
    margin-left: 60px !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 10px !important;
  }

  .pt-lg-1,
.py-lg-1 {
    padding-top: 10px !important;
  }

  .pr-lg-1,
.px-lg-1 {
    padding-right: 10px !important;
  }

  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 10px !important;
  }

  .pl-lg-1,
.px-lg-1 {
    padding-left: 10px !important;
  }

  .p-lg-2 {
    padding: 20px !important;
  }

  .pt-lg-2,
.py-lg-2 {
    padding-top: 20px !important;
  }

  .pr-lg-2,
.px-lg-2 {
    padding-right: 20px !important;
  }

  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 20px !important;
  }

  .pl-lg-2,
.px-lg-2 {
    padding-left: 20px !important;
  }

  .p-lg-3 {
    padding: 30px !important;
  }

  .pt-lg-3,
.py-lg-3 {
    padding-top: 30px !important;
  }

  .pr-lg-3,
.px-lg-3 {
    padding-right: 30px !important;
  }

  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 30px !important;
  }

  .pl-lg-3,
.px-lg-3 {
    padding-left: 30px !important;
  }

  .p-lg-4 {
    padding: 40px !important;
  }

  .pt-lg-4,
.py-lg-4 {
    padding-top: 40px !important;
  }

  .pr-lg-4,
.px-lg-4 {
    padding-right: 40px !important;
  }

  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 40px !important;
  }

  .pl-lg-4,
.px-lg-4 {
    padding-left: 40px !important;
  }

  .p-lg-5 {
    padding: 50px !important;
  }

  .pt-lg-5,
.py-lg-5 {
    padding-top: 50px !important;
  }

  .pr-lg-5,
.px-lg-5 {
    padding-right: 50px !important;
  }

  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 50px !important;
  }

  .pl-lg-5,
.px-lg-5 {
    padding-left: 50px !important;
  }

  .p-lg-6 {
    padding: 60px !important;
  }

  .pt-lg-6,
.py-lg-6 {
    padding-top: 60px !important;
  }

  .pr-lg-6,
.px-lg-6 {
    padding-right: 60px !important;
  }

  .pb-lg-6,
.py-lg-6 {
    padding-bottom: 60px !important;
  }

  .pl-lg-6,
.px-lg-6 {
    padding-left: 60px !important;
  }

  .m-lg-n1 {
    margin: -10px !important;
  }

  .mt-lg-n1,
.my-lg-n1 {
    margin-top: -10px !important;
  }

  .mr-lg-n1,
.mx-lg-n1 {
    margin-right: -10px !important;
  }

  .mb-lg-n1,
.my-lg-n1 {
    margin-bottom: -10px !important;
  }

  .ml-lg-n1,
.mx-lg-n1 {
    margin-left: -10px !important;
  }

  .m-lg-n2 {
    margin: -20px !important;
  }

  .mt-lg-n2,
.my-lg-n2 {
    margin-top: -20px !important;
  }

  .mr-lg-n2,
.mx-lg-n2 {
    margin-right: -20px !important;
  }

  .mb-lg-n2,
.my-lg-n2 {
    margin-bottom: -20px !important;
  }

  .ml-lg-n2,
.mx-lg-n2 {
    margin-left: -20px !important;
  }

  .m-lg-n3 {
    margin: -30px !important;
  }

  .mt-lg-n3,
.my-lg-n3 {
    margin-top: -30px !important;
  }

  .mr-lg-n3,
.mx-lg-n3 {
    margin-right: -30px !important;
  }

  .mb-lg-n3,
.my-lg-n3 {
    margin-bottom: -30px !important;
  }

  .ml-lg-n3,
.mx-lg-n3 {
    margin-left: -30px !important;
  }

  .m-lg-n4 {
    margin: -40px !important;
  }

  .mt-lg-n4,
.my-lg-n4 {
    margin-top: -40px !important;
  }

  .mr-lg-n4,
.mx-lg-n4 {
    margin-right: -40px !important;
  }

  .mb-lg-n4,
.my-lg-n4 {
    margin-bottom: -40px !important;
  }

  .ml-lg-n4,
.mx-lg-n4 {
    margin-left: -40px !important;
  }

  .m-lg-n5 {
    margin: -50px !important;
  }

  .mt-lg-n5,
.my-lg-n5 {
    margin-top: -50px !important;
  }

  .mr-lg-n5,
.mx-lg-n5 {
    margin-right: -50px !important;
  }

  .mb-lg-n5,
.my-lg-n5 {
    margin-bottom: -50px !important;
  }

  .ml-lg-n5,
.mx-lg-n5 {
    margin-left: -50px !important;
  }

  .m-lg-n6 {
    margin: -60px !important;
  }

  .mt-lg-n6,
.my-lg-n6 {
    margin-top: -60px !important;
  }

  .mr-lg-n6,
.mx-lg-n6 {
    margin-right: -60px !important;
  }

  .mb-lg-n6,
.my-lg-n6 {
    margin-bottom: -60px !important;
  }

  .ml-lg-n6,
.mx-lg-n6 {
    margin-left: -60px !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 10px !important;
  }

  .mt-xl-1,
.my-xl-1 {
    margin-top: 10px !important;
  }

  .mr-xl-1,
.mx-xl-1 {
    margin-right: 10px !important;
  }

  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 10px !important;
  }

  .ml-xl-1,
.mx-xl-1 {
    margin-left: 10px !important;
  }

  .m-xl-2 {
    margin: 20px !important;
  }

  .mt-xl-2,
.my-xl-2 {
    margin-top: 20px !important;
  }

  .mr-xl-2,
.mx-xl-2 {
    margin-right: 20px !important;
  }

  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 20px !important;
  }

  .ml-xl-2,
.mx-xl-2 {
    margin-left: 20px !important;
  }

  .m-xl-3 {
    margin: 30px !important;
  }

  .mt-xl-3,
.my-xl-3 {
    margin-top: 30px !important;
  }

  .mr-xl-3,
.mx-xl-3 {
    margin-right: 30px !important;
  }

  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 30px !important;
  }

  .ml-xl-3,
.mx-xl-3 {
    margin-left: 30px !important;
  }

  .m-xl-4 {
    margin: 40px !important;
  }

  .mt-xl-4,
.my-xl-4 {
    margin-top: 40px !important;
  }

  .mr-xl-4,
.mx-xl-4 {
    margin-right: 40px !important;
  }

  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 40px !important;
  }

  .ml-xl-4,
.mx-xl-4 {
    margin-left: 40px !important;
  }

  .m-xl-5 {
    margin: 50px !important;
  }

  .mt-xl-5,
.my-xl-5 {
    margin-top: 50px !important;
  }

  .mr-xl-5,
.mx-xl-5 {
    margin-right: 50px !important;
  }

  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 50px !important;
  }

  .ml-xl-5,
.mx-xl-5 {
    margin-left: 50px !important;
  }

  .m-xl-6 {
    margin: 60px !important;
  }

  .mt-xl-6,
.my-xl-6 {
    margin-top: 60px !important;
  }

  .mr-xl-6,
.mx-xl-6 {
    margin-right: 60px !important;
  }

  .mb-xl-6,
.my-xl-6 {
    margin-bottom: 60px !important;
  }

  .ml-xl-6,
.mx-xl-6 {
    margin-left: 60px !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 10px !important;
  }

  .pt-xl-1,
.py-xl-1 {
    padding-top: 10px !important;
  }

  .pr-xl-1,
.px-xl-1 {
    padding-right: 10px !important;
  }

  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 10px !important;
  }

  .pl-xl-1,
.px-xl-1 {
    padding-left: 10px !important;
  }

  .p-xl-2 {
    padding: 20px !important;
  }

  .pt-xl-2,
.py-xl-2 {
    padding-top: 20px !important;
  }

  .pr-xl-2,
.px-xl-2 {
    padding-right: 20px !important;
  }

  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 20px !important;
  }

  .pl-xl-2,
.px-xl-2 {
    padding-left: 20px !important;
  }

  .p-xl-3 {
    padding: 30px !important;
  }

  .pt-xl-3,
.py-xl-3 {
    padding-top: 30px !important;
  }

  .pr-xl-3,
.px-xl-3 {
    padding-right: 30px !important;
  }

  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 30px !important;
  }

  .pl-xl-3,
.px-xl-3 {
    padding-left: 30px !important;
  }

  .p-xl-4 {
    padding: 40px !important;
  }

  .pt-xl-4,
.py-xl-4 {
    padding-top: 40px !important;
  }

  .pr-xl-4,
.px-xl-4 {
    padding-right: 40px !important;
  }

  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 40px !important;
  }

  .pl-xl-4,
.px-xl-4 {
    padding-left: 40px !important;
  }

  .p-xl-5 {
    padding: 50px !important;
  }

  .pt-xl-5,
.py-xl-5 {
    padding-top: 50px !important;
  }

  .pr-xl-5,
.px-xl-5 {
    padding-right: 50px !important;
  }

  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 50px !important;
  }

  .pl-xl-5,
.px-xl-5 {
    padding-left: 50px !important;
  }

  .p-xl-6 {
    padding: 60px !important;
  }

  .pt-xl-6,
.py-xl-6 {
    padding-top: 60px !important;
  }

  .pr-xl-6,
.px-xl-6 {
    padding-right: 60px !important;
  }

  .pb-xl-6,
.py-xl-6 {
    padding-bottom: 60px !important;
  }

  .pl-xl-6,
.px-xl-6 {
    padding-left: 60px !important;
  }

  .m-xl-n1 {
    margin: -10px !important;
  }

  .mt-xl-n1,
.my-xl-n1 {
    margin-top: -10px !important;
  }

  .mr-xl-n1,
.mx-xl-n1 {
    margin-right: -10px !important;
  }

  .mb-xl-n1,
.my-xl-n1 {
    margin-bottom: -10px !important;
  }

  .ml-xl-n1,
.mx-xl-n1 {
    margin-left: -10px !important;
  }

  .m-xl-n2 {
    margin: -20px !important;
  }

  .mt-xl-n2,
.my-xl-n2 {
    margin-top: -20px !important;
  }

  .mr-xl-n2,
.mx-xl-n2 {
    margin-right: -20px !important;
  }

  .mb-xl-n2,
.my-xl-n2 {
    margin-bottom: -20px !important;
  }

  .ml-xl-n2,
.mx-xl-n2 {
    margin-left: -20px !important;
  }

  .m-xl-n3 {
    margin: -30px !important;
  }

  .mt-xl-n3,
.my-xl-n3 {
    margin-top: -30px !important;
  }

  .mr-xl-n3,
.mx-xl-n3 {
    margin-right: -30px !important;
  }

  .mb-xl-n3,
.my-xl-n3 {
    margin-bottom: -30px !important;
  }

  .ml-xl-n3,
.mx-xl-n3 {
    margin-left: -30px !important;
  }

  .m-xl-n4 {
    margin: -40px !important;
  }

  .mt-xl-n4,
.my-xl-n4 {
    margin-top: -40px !important;
  }

  .mr-xl-n4,
.mx-xl-n4 {
    margin-right: -40px !important;
  }

  .mb-xl-n4,
.my-xl-n4 {
    margin-bottom: -40px !important;
  }

  .ml-xl-n4,
.mx-xl-n4 {
    margin-left: -40px !important;
  }

  .m-xl-n5 {
    margin: -50px !important;
  }

  .mt-xl-n5,
.my-xl-n5 {
    margin-top: -50px !important;
  }

  .mr-xl-n5,
.mx-xl-n5 {
    margin-right: -50px !important;
  }

  .mb-xl-n5,
.my-xl-n5 {
    margin-bottom: -50px !important;
  }

  .ml-xl-n5,
.mx-xl-n5 {
    margin-left: -50px !important;
  }

  .m-xl-n6 {
    margin: -60px !important;
  }

  .mt-xl-n6,
.my-xl-n6 {
    margin-top: -60px !important;
  }

  .mr-xl-n6,
.mx-xl-n6 {
    margin-right: -60px !important;
  }

  .mb-xl-n6,
.my-xl-n6 {
    margin-bottom: -60px !important;
  }

  .ml-xl-n6,
.mx-xl-n6 {
    margin-left: -60px !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

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

@media (min-width: 425px) {
  .text-xs-left {
    text-align: left !important;
  }

  .text-xs-right {
    text-align: right !important;
  }

  .text-xs-center {
    text-align: center !important;
  }
}
@media (min-width: 575px) {
  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1024px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1280px) {
  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-reset {
  color: inherit !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

/*# sourceMappingURL=bootstrap-custom.css.map */
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    /* display: none; */
    width: 100%;
    height: 100%;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.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;
    -webkit-transform: translate3d(0, 0, 0)
}

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

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

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

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

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

.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: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
    -webkit-animation-name: fadeOut;
}

@keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } }
@-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } }

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
    z-index: 3;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    font-size: 34px;
    text-align: center;
    /*background: url(owl.video.play.png) no-repeat;*/
        padding: 0px 0 0px 7px;
    border:2px solid #ffffff;
    color: #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    background:#ffffff;
    color: #1b317c;
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */

/*
html.swipebox-html.swipebox-touch {
    overflow: hidden!important
}
*/

#swipebox-overlay img {
    border: none!important
}

#swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999!important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#swipebox-container {
    position: relative;
    width: 100%;
    height: 100%
}

#swipebox-slider {
    -webkit-transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    left: 25px;
    top: 25px;
    bottom: 25px;
    right: 25px;
    white-space: nowrap;
    position: absolute;
    display: none;
    /* cursor: pointer */
}

#swipebox-slider .slide {
    height: 100%;
    width: 100%;
    min-height: 200px;
    line-height: 1px;
    padding: 75px;
    text-align: center;
    display: inline-block
}

#swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#swipebox-slider .slide .swipebox-inline-container,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle
}

#swipebox-slider .slide .swipebox-video-container {
    background: 0 0;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0
}
#swipebox-slider .slide-loading { position: relative; width: 100%; height: 100%; z-index: 2;  }
#swipebox-slider .slide-loading:after{ content: ''; position: absolute; left: 50%; top: 50%; margin: -19px 0 0 -19px; border-width: 2px; border-style: solid; border-color: #820000; border-top-color: transparent;
    border-radius: 100%; -webkit-border-radius:100%; width:36px; height:36px; animation: spin .4s linear infinite; -webkit-animation: spin .4s linear infinite;
}

#swipebox-close,
#swipebox-next,
#swipebox-prev {
    position: absolute;
    background-repeat: no-repeat;
    border: none!important;
    text-decoration: none!important;
    background-position: center;
    cursor: pointer;
    width: 50px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
}

#swipebox-prev {
    background-image: url(images/swipebox/prev.png);
    left: 25px;
}

#swipebox-next {
    background-image: url(images/swipebox/next.png);
    right: 25px;
}

#swipebox-close {
    background-image: url(images/swipebox/close.png);
    top: 50px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    z-index: 9999;
}
#swipebox-close:hover{ transform: rotate(180deg); -webkit-transform: rotate(180deg); }

.swipebox-no-close-button #swipebox-close {
    display: none
}

#swipebox-next.disabled,
#swipebox-prev.disabled {
    opacity: .3
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
    -webkit-animation: rightSpring .3s;
    animation: rightSpring .3s
}

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
    -webkit-animation: leftSpring .3s;
    animation: leftSpring .3s
}

.swipebox-touch #swipebox-container:after,
.swipebox-touch #swipebox-container:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    content: ' ';
    position: absolute;
    z-index: 999;
    top: 0;
    height: 100%;
    width: 20px;
    opacity: 0
}

.swipebox-touch #swipebox-container:before {
    left: 0;
    -webkit-box-shadow: inset 10px 0 10px -8px #656565;
    box-shadow: inset 10px 0 10px -8px #656565
}

.swipebox-touch #swipebox-container:after {
    right: 0;
    -webkit-box-shadow: inset -10px 0 10px -8px #656565;
    box-shadow: inset -10px 0 10px -8px #656565
}

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
    opacity: 1
}

@-webkit-keyframes rightSpring {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}

@keyframes rightSpring {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes leftSpring {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}

@keyframes leftSpring {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}


#swipebox-overlay {
    background: rgba(0,0,0,0.9);
}

#swipebox-top-bar {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    bottom: 0;
    width: 100%;
    height: 100px;
    padding: 10px 50px;
    font-family: 'DINPro';
    color: #88968f;
}

#swipebox-title:empty{ display: none; }
#swipebox-title {
    display: inherit;
    font-size: 16px;
    font-weight: 500;
    opacity: 1;
    margin-bottom: 0;
    animation: fadeIn 0.75s linear 1;
    -webkit-animation: fadeIn 0.75s linear 1;
}

#swipebox-description:empty{ display: none; }
#swipebox-description {
    display: inherit;
    font-size: 13px;
    font-weight: 500;
    margin-top: 1px;
    max-width: 75%;
    margin-bottom: 0;
    opacity: 1;
    animation: fadeIn 0.75s linear 1;
    -webkit-animation: fadeIn 0.75s linear 1;
}

@media screen and (max-width: 500px){
    #swipebox-slider .slide{ padding: 75px 50px; }
    #swipebox-prev{ left: 15px; }
    #swipebox-next{ right: 15px; }
}

@media screen and (max-height: 400px){
    #swipebox-close{ top:40px; }
    #swipebox-slider .slide{ padding: 50px 50px; }
    #swipebox-description{ display: none; }
    #swipebox-top-bar{ height: 75px; }
}

@media screen and (max-height: 275px){
    #swipebox-slider .slide{ padding: 50px 50px 30px; }
    #swipebox-top-bar{ display: none !important; }
    #swipebox-slider{ bottom: 0; }
}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */

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

/*
.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

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

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

.owl-theme .owl-nav.disabled+.owl-dots {
    /* margin-top: 10px */
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    border-radius: 30px;
        zoom: 1;
}

.owl-theme .owl-dots .owl-dot.active,
.owl-theme .owl-dots .owl-dot:hover {
    background: #869791
}

.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item,
.owl-carousel .owl-slide{
    height: 100%;
}

.owl-carousel .owl-slide{
    position: relative;
    overflow: hidden;
}

.owl-iframe{
    position: relative;
    width: 150%;
    height: 150%;
    left: -25%;
    top: -25%;
    z-index: 3;
}
.owl-iframe iframe, .owl-iframe video{
    position: relative;
    width: 100%;
    height: 100%;
}

.owl-override{
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 19 !important;
}
/**
 * Design & Developed by pompaa (http://www.pompaa.com), info@pompaa.com
 * favzeN`[CSS] ~> Constants
*/

/**
 * Basics
**/
*{ margin:0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body{ width: 100%; height: 100%; zoom:1; -webkit-zoom:1; background-color: #ffffff; }

/**
 * Define
**/
button { background: none; border:none; color: inherit; }
select{    -webkit-appearance: none; appearance: none; }
select::-ms-expand { display: none; }
img, figure{ -webkit-user-select: none; -webkit-overflow-scrolling: touch; }
a{ text-decoration:none; height: inherit; color:inherit; outline: 0; }
section, .section{ position: relative; z-index: 3; }
ul > li > a{ display: block; }
input, select, textarea, option{ background: none; border:none; outline:0; color: inherit; }
img, figure, iframe{ position: relative; max-width: 100%; max-height: 100%; border: 0; font-size: 0; z-index: 3; }
textarea{ resize: none; }
time, small, aside{ display: block; }
span > small{ display: inline; }

[data-src].loader:not(.loaded), [data-bg].loader:not(.loaded){ opacity: 0; }
a[onclick], a[href]{ cursor: pointer; }
a:not([href]):not([onclick]){ cursor: auto; }

[class^="icon-"]:before,
[class*=" icon-"]:before{ width:auto; }
/**
 * Scrollbar
**/

p::-webkit-scrollbar,
article::-webkit-scrollbar{ width:5px; height:5px; }

/**
 * Animate
**/
a, a:before, a:after, button, ._loader, .btn, .btn:before,.btn:after, .btn-arrow, .btn-arrow:after,  img, [data-src], [data-bg], .a, .a:after, figure:before, figure:after, figure, .owl-dot, ._a-all *, .owl-nav [class*='owl-']{
    transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;
}

/**
 * loader
**/
@keyframes spin { to {transform: rotate(360deg) translatez(0);} }
@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg) translatez(0);} }

._loader { position: absolute; width: 100%; height: 100%; left: 0; top: 0; min-height: inherit; min-width: inherit; z-index: 2;  }
/* ._loader:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../icons/pompaa-pump-icon.svg) center no-repeat; background-size: 42px; } */
._loader:before{ content: ''; position: absolute; left: 50%; top: 50%; margin: -19px 0 0 -19px; border-width: 2px; border-style: solid; border-color: #000000; border-top-color: transparent;
    border-radius: 100%; -webkit-border-radius:100%; width:36px; height:36px; animation: spin .4s linear infinite; -webkit-animation: spin .4s linear infinite;
}

._loader--background{ background: #f4f4f4; }

[data-src] + ._loader,
[data-bg] + ._loader{ background-color: #f4f4f4; }

[data-src][src].loaded + ._loader,
[data-bg][style].loaded + ._loader,
._loader._active{ left: -100%; visibility: hidden; }

._loader--no-bg{ background: none !important; }

._loader._loader-position:before{ top:unset; bottom:40px; }

/**
 * gray
**/
.gray { -webkit-filter:grayscale(100%); -o-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); filter:grayscale(100%); }
.gray-close:hover, .gray-hover:hover .gray__target{ filter:none; -webkit-filter:grayscale(0%); -o-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); filter:grayscale(0%); }

/**
 * Display
**/
.hidden, .none, .d-none{ display: none; }
.block, .block{ display: block; }

/**
 * Text
**/
.text-center{ text-align: center; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }

/**
 * background
**/
.background{ width: 100%; height: 100%; min-height: inherit; top:0; left: 0; background-repeat: no-repeat; background-position: center; z-index: 2; }

.background.background__mask{ position: absolute; opacity: 0.15; pointer-events: none; }

.background.background__color{ background-color: #efefef; }
.background.background__cover{ position: absolute; background-size: cover; }
.background.background__contain{ background-size: contain; }
.background.background__fixed{ position: fixed; z-index: 0; }
.background.background__position--right{ background-position: right; }
.background.background__position--left{ background-position: left; }

.background img{ width: 100%; }

/**
 * g-captcha
**/
.g-captcha{ display: inline-block; width: 304px; height: 76px; background: #f5f5f5; margin-bottom: -4px; }
/* page-header-logo */
.scroll--view .page-header-logo:before{ content: ""; position: absolute; right: 0; top:50%; width: 100%; margin-top: -2px; border-bottom: 2px solid #E70087; z-index: 22; transition: all .5s cubic-bezier(.45,.05,.3,.93); }
.scroll--view .page-header-logo:after{ content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: #ffffff; transition: all .5s cubic-bezier(.45,.05,.3,.93); }

/* page-header-nav */
.scroll--view .page-header-nav ul{ transition: margin .35s; overflow: hidden;  }
.scroll--view .page-header-nav ul li{ position: relative; overflow: hidden;  }
.scroll--view .page-header-nav ul li:before{ content: ""; position: absolute; right: 0; top:50%; width: 100%; margin-top: -1px; border-bottom: 1px solid #E70087; z-index: 22; transition: all .5s cubic-bezier(.45,.05,.3,.93); }
.scroll--view .page-header-nav ul li:after{ content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: #ffffff; z-index: 4; transition: all .5s cubic-bezier(.45,.05,.3,.93); }
.scroll--view .page-header-nav ul li a{ opacity: 0; }

.scroll--view .page-header-nav ul li:nth-child(1){ transition-delay: 0.1s; }
.scroll--view .page-header-nav ul li:nth-child(2){ transition-delay: 0.2s; }
.scroll--view .page-header-nav ul li:nth-child(3){ transition-delay: 0.3s; }
.scroll--view .page-header-nav ul li:nth-child(4){ transition-delay: 0.4s; }
.scroll--view .page-header-nav ul li:nth-child(5){ transition-delay: 0.5s; }
.scroll--view .page-header-nav ul li:nth-child(6){ transition-delay: 0.6s; }
.scroll--view .page-header-nav ul li:nth-child(7){ transition-delay: 0.7s; }
.scroll--view .page-header-nav ul li:nth-child(8){ transition-delay: 0.8s; }
.scroll--view .page-header-nav ul li:nth-child(9){ transition-delay: 0.9s; }
.scroll--view .page-header-nav ul li:nth-child(10){ transition-delay: 1.0s; }

/* .page-social */
.scroll--view.page-social ul li{ position: relative; left: -150%; overflow: hidden; transition: all .5s cubic-bezier(.45,.05,.3,.93); }

.scroll--view.page-social ul li:nth-child(1){ transition-delay: 0.1s; }
.scroll--view.page-social ul li:nth-child(1):before{ transition-delay: 0.5s; }

.scroll--view.page-social ul li:nth-child(2){ transition-delay: 0.2s; }
.scroll--view.page-social ul li:nth-child(2):before{ transition-delay: 0.6s; }

.scroll--view.page-social ul li:nth-child(3){ transition-delay: 0.3s; }
.scroll--view.page-social ul li:nth-child(3):before{ transition-delay: 0.7s; }

.scroll--view.page-social ul li:nth-child(4){ transition-delay: 0.4s; }
.scroll--view.page-social ul li:nth-child(4):before{ transition-delay: 0.8s; }

.scroll--view.page-social ul li:nth-child(5){ transition-delay: 0.5s; }
.scroll--view.page-social ul li:nth-child(5):before{ transition-delay: 0.9s; }

.scroll--view.page-social ul li:nth-child(6){ transition-delay: 0.6s; }
.scroll--view.page-social ul li:nth-child(6):before{ transition-delay: 1.9s; }

.scroll--view.page-social ul li:nth-child(7){ transition-delay: 0.7s; }
.scroll--view.page-social ul li:nth-child(7):before{ transition-delay: 1.1s; }

/* page-language */
.scroll--view.page-language ul li{ position: relative; right: -150%; overflow: hidden; transition: all .5s cubic-bezier(.45,.05,.3,.93); }

.scroll--view.page-language ul li:nth-child(1){ transition-delay: 0.1s; }
.scroll--view.page-language ul li:nth-child(1):before{ transition-delay: 0.5s; }

.scroll--view.page-language ul li:nth-child(2){ transition-delay: 0.2s; }
.scroll--view.page-language ul li:nth-child(2):before{ transition-delay: 0.6s; }

.scroll--view.page-language ul li:nth-child(3){ transition-delay: 0.3s; }
.scroll--view.page-language ul li:nth-child(3):before{ transition-delay: 0.7s; }

.scroll--view.page-language ul li:nth-child(4){ transition-delay: 0.4s; }
.scroll--view.page-language ul li:nth-child(4):before{ transition-delay: 0.8s; }

/* grid */
.scroll--view.grid:after{ content: ""; position: absolute; right: 0; top:0; width: 100%; height: 100%; z-index: 3; transition: all 1s cubic-bezier(.45,.05,.3,.93); }

.scroll--view.grid.grid--dark:after{ background: #000000; }
.scroll--view.grid.grid--light:after{ background: #ffffff; }
.scroll--view.grid.grid--primary:after{ background: #E70087; }

/* thumbnail */
.scroll--view.thumbnail:after{ content: ""; position: absolute; right: 0; top:0; width: 100%; height: 100%; background: #ffffff; z-index: 7; transition: all 1s cubic-bezier(.45,.05,.3,.93); }

/* page-footer-menu */
.scroll--view.page-footer:after{ content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: #ffffff; z-index: 4; transition: all 1s cubic-bezier(.45,.05,.3,.93); }

/* page-footer-menu */
.scroll--view .page-footer-menu ul{ transition: margin .35s; overflow: hidden;  }
.scroll--view .page-footer-menu ul li{ position: relative; overflow: hidden;  }
.scroll--view .page-footer-menu ul li:before{ content: ""; position: absolute; right: 0; top:50%; width: 100%; margin-top: -1px; border-bottom: 1px solid #E70087; z-index: 22; transition: all .5s cubic-bezier(.45,.05,.3,.93); }
.scroll--view .page-footer-menu ul li:after{ content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: #ffffff; z-index: 4; transition: all .5s cubic-bezier(.45,.05,.3,.93); }
.scroll--view .page-footer-menu ul li a{ opacity: 0; }

.scroll--view .page-footer-menu ul li:nth-child(1):before,
.scroll--view .page-footer-menu ul li:nth-child(1):after { transition-delay: 0.4s; }

.scroll--view .page-footer-menu ul li:nth-child(2):before,
.scroll--view .page-footer-menu ul li:nth-child(2):after { transition-delay: 0.5s; }

.scroll--view .page-footer-menu ul li:nth-child(3):before,
.scroll--view .page-footer-menu ul li:nth-child(3):after { transition-delay: 0.6s; }

.scroll--view .page-footer-menu ul li:nth-child(4):before,
.scroll--view .page-footer-menu ul li:nth-child(4):after { transition-delay: 0.7s; }

.scroll--view .page-footer-menu ul li:nth-child(5):before,
.scroll--view .page-footer-menu ul li:nth-child(5):after { transition-delay: 0.8s; }

.scroll--view .page-footer-menu ul li:nth-child(6):before,
.scroll--view .page-footer-menu ul li:nth-child(6):after { transition-delay: 0.9s; }

.scroll--view .page-footer-menu ul li:nth-child(7):before,
.scroll--view .page-footer-menu ul li:nth-child(7):after { transition-delay: 1.0s; }

.scroll--view .page-footer-menu ul li:nth-child(8):before,
.scroll--view .page-footer-menu ul li:nth-child(8):after { transition-delay: 1.1s; }

.scroll--view .page-footer-menu ul li:nth-child(9):before,
.scroll--view .page-footer-menu ul li:nth-child(9):after { transition-delay: 1.2s; }

.scroll--view .page-footer-menu ul li:nth-child(10):before,
.scroll--view .page-footer-menu ul li:nth-child(10):aftere{ transition-delay: 1.3s; }

/* Input (Checkbox) */
.scroll--view.input-checkbox:before{ content: ""; position: absolute; right: 0; top:50%; width: 100%; margin-top: -1px; border-bottom: 1px solid #E70087; z-index: 22; transition: all .5s cubic-bezier(.45,.05,.3,.93); }
.scroll--view.input-checkbox:after{ content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: #ffffff; z-index: 4; transition: all .5s cubic-bezier(.45,.05,.3,.93); }

.grid--dark .scroll--view.input-checkbox:after{ background: #000000; }

/* .content-item */
.scroll--view.content-item:after{ content: ""; position: absolute; right: 0; top:0; width: 100%; height: 100%; background: #ffffff; z-index: 7; transition: all 1s cubic-bezier(.45,.05,.3,.93); }

/* .content-body */
.scroll--view.content-body:after{ content: ""; position: absolute; right: 0; top:0; width: 100%; height: 100%; background: #ffffff; z-index: 7; transition: all 1s cubic-bezier(.45,.05,.3,.93); }

/* .content-image */
.scroll--view.content-image:after{ content: ""; position: absolute; right: 0; top:0; width: 100%; height: 100%; background: #ffffff; z-index: 7; transition: all 1s cubic-bezier(.45,.05,.3,.93); }

/* .input */
.scroll--view.input:after{ content: ""; position: absolute; right: 0; top:-5px; bottom: -5px;width: 100%; background: #ffffff; z-index: 7; transition: all 1s cubic-bezier(.45,.05,.3,.93); }

/* [COLORS] */
.scroll--view.scroll--dark:after{ background: #000000; }
.scroll--view.scroll--light:after{ background: #ffffff; }
.scroll--view.scroll--primary:after{ background: #E70087; }
/*
 * Design & Developed by pompaa (http://www.pompaa.com), info@pompaa.com
**/

/*
 * Color Pallette: #E70087, #333333, #666666, #ffffff
**/

img.SVG{ opacity: 0; visibility: hidden; pointer-events: none; }

[data-owl-next], [data-owl-prev]{ cursor: pointer; }

/*
 * General
**/
.page{ min-width: 300px; font-family: 'Source Code Pro'; font-size: 14px; background-color: inherit; color: #000000; }
.page::-webkit-scrollbar { height:0; }

*::-webkit-scrollbar         { width:8px; background: #dddddd; }

*::-ms-scrollbar-thumb   { background:#000000 ; }
*::-moz-scrollbar-thumb   { background:#000000 ; }
*::-o-scrollbar-thumb   { background:#000000 ; }
*::-webkit-scrollbar-thumb   { background:#000000 ; }

*::-webkit-input-placeholder { color: rgba(0,0,0,0.75); }
*:-moz-placeholder           { color: rgba(0,0,0,0.75); }
*:-ms-input-placeholder      { color: rgba(0,0,0,0.75); }
*::-ms-input-placeholder     { color: rgba(0,0,0,0.75); }

html.swipebox-html body.page,
html.swipebox-html body.main,
.page.active--menu,
.page.active,
.main.active--menu,
.page.page-search--active,
.page.page-responsive-menu--active{ padding-right: 8px; overflow: hidden; }

.main{ position: relative; display: block; min-height: calc(100vh - 155px - 202px); min-width: inherit; color: inherit; z-index: 5; }

/* main */
.page.favger:before{ content: ""; position: fixed; left: 0; bottom: 0; width: 100%; height: 100%; background: green; mix-blend-mode: hard-light; z-index: 55; transition: all .75s cubic-bezier(.45,.05,.3,.93) 0.25s; pointer-events: none; }

.wrapper   { position: relative; width: 100%; height: 100%; }
.container { position: relative; height: inherit; z-index: 3; }
.container.container--flexible{ display: flex; flex-direction: column; align-items: baseline; }
.container.container-cramped{ max-width: 675px; }
.container-fluid{ position: relative; height: 100%; padding: 0 85px; z-index: 3; }

/*
 * Text
**/
h1, h2, h3, h4, h5, h6{ position: relative; font-weight: 500; }
b, strong, .h--bold{ position: relative; font-weight: 700;                    }
h1   { font-size: 60px; letter-spacing: 3px;                                  }
h2   { font-size: 48px;                                                       }
h3   { font-size: 32px;                                                       }
h4   { font-size: 24px;                                                       }
h5   { font-size: 20px;                                                       }
h6   { font-size: 16px;                                                       }
p    { position: relative; font-size: 14px; font-weight: normal; letter-spacing: 0.25px; z-index: 2;  }

/*
 * Row
**/
.row{ height: inherit; }
.row--smart{ height: inherit; min-height: inherit; }

/* margin */
.row.row-col-margin--half{ margin-left: -7.5px; margin-right: -7.5px; }
.row.row-col-margin--half > [class*='col']{ padding-left: 7.5px; padding-right: 7.5px; }

/* spacing */
.row.row-spacing{ margin-bottom: -10px; margin-top: -10px; }
.row.row-spacing > [class*='col']{ padding-top: 10px; padding-bottom: 10px; }

.row.row-spacing--norm{ margin-bottom: -15px; margin-top: -15px; }
.row.row-spacing--norm > [class*='col']{ padding-top: 15px; padding-bottom: 15px; }

.row.row-spacing--big{ margin-bottom: -20px; margin-top: -20px; }
.row.row-spacing--big > [class*='col']{ padding-top: 20px; padding-bottom:20px; }

.row.row-spacing--half{ margin-bottom: -5px; margin-top: -5px; }
.row.row-spacing--half > [class*='col']{ padding-top: 5px; padding-bottom: 5px; }

/*
 * Owl Carousel
**/
.owl-carousel,
.owl-carousel > .owl-stage-outer,
.owl-carousel > .owl-stage-outer > .owl-stage,
.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item,
.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .owl-slide{ height: 100%; }

/* owl-paging */
.owl-theme .owl-paging{ position: absolute; left: 0; right: 0; padding: 0 30px; bottom: 40px; height: 50px; display: flex; align-items: center; text-align: center; justify-content: center; font-size: 16px; color: #ffffff; text-shadow: 0 0 3px rgba(0,0,0,0.5); pointer-events: none; z-index: 15; }

/* owl-nav */
.owl-theme .owl-nav{   }
.owl-theme .owl-nav > *{ position: absolute; bottom: 40px; display: flex; align-items: center; height: 50px; width: 38px; margin: -25px 0 0 0; background: #ffffff; color: #000000; border-radius: 0; }
.owl-theme .owl-nav > *:before{ position: relative; font-size:32px; line-height: 1; left:0; top: -2px; font-weight: 300; transition: all 0.5s cubic-bezier(.45,.05,.3,.93); }

.owl-theme .owl-nav > .owl-prev{ left: 0; justify-content: flex-start; }
.owl-theme .owl-nav > .owl-prev:before{ content:'\2190'; }
.owl-theme .owl-nav > .owl-prev:hover:before{ padding-left: 5px; color: #E70087; }

.owl-theme .owl-nav > .owl-next{ right: 0; justify-content: flex-end; }
.owl-theme .owl-nav > .owl-next:before{ content:'\2192'; }
.owl-theme .owl-nav > .owl-next:hover:before{ padding-right: 5px; color: #E70087;  }

/**
 * Nav Btn
**/
.nav-btn { position: relative; display: inline-block; width: 30px; height: 30px; /* cursor: pointer; */ cursor: pointer; z-index: 101; pointer-events: auto; }
.nav-btn:before{ content: ""; position: absolute; width:60px; height:60px; left:-15px; top:-15px; z-index: 5; }
.nav-btn > span { position: absolute; right:0; height: 0; border-top: 2px solid #000000; width: 32px; border-radius: 3px; -webkit-border-radius: 3px; transition: all .25s cubic-bezier(.45,.05,.3,.93); }
.nav-btn > span:before{ content: ""; position: absolute; top:-2px; right: -25%; height: 2px; width: 25%; background: #E70087; transition: all .4s cubic-bezier(.45,.05,.3,.93); }
.nav-btn:hover > span:before{ right: 100%; }

.nav-btn > span:nth-child(1){ top: 5px; }
.nav-btn > span:nth-child(1):before{ transition-delay: .10s; }
.nav-btn > span:nth-child(2){ top: 14px; }
.nav-btn > span:nth-child(2):before{ transition-delay: .075s; }
.nav-btn > span:nth-child(3){ top: 23px; }
.nav-btn > span:nth-child(3):before{ transition-delay: .05s; }

.page-responsive-menu--active .nav-btn,
.nav-btn.nav-btn--close{ -webkit-transition: transform .25s ease-in-out; transition: transform .25s ease-in-out; }

.page-responsive-menu--active .nav-btn > span,
.nav-btn.nav-btn--close > span{ border-left: 2px solid #E70087; border-top: 0px solid; height: 30px; width: 0; opacity: 1; }

.page-responsive-menu--active .nav-btn > span:nth-child(1),
.nav-btn.nav-btn--close > span:nth-child(1){ top: 0; left: 14px; transform: rotate(-45deg); }

.page-responsive-menu--active .nav-btn > span:nth-child(2),
.nav-btn.nav-btn--close > span:nth-child(2){ top: 0; left: 14px; transform: rotate(45deg); }

.page-responsive-menu--active .nav-btn > span:nth-child(3),
.nav-btn.nav-btn--close > span:nth-child(3){ opacity: 0; }

/**
 * Input
**/
.input{ position: relative; display: block; width: 100%; font-size: 14px; border-bottom: 1px solid #000000; overflow: hidden; }

.input .input--title{ font-weight: bold; }

.input + *{ margin-top: 15px; }

.input > input,
.input > textarea,
.input > select{ position: relative; width: 100%; height: 50px; padding: 5px 0; margin-top: 10px; font-size: inherit; color: #000000; }

.input > input[disabled],
.input > textarea[disabled],
.input > select[disabled]{ opacity: 0.5; cursor: no-drop; }

/* input > input-icon */
.input.input--has-icon > input,
.input.input--has-icon > textarea { padding-right: 25px; }

.input > .input-icon{ position: absolute; display: flex; top:0; right: 7px; align-items: center; height: 100%; }
.input > .input-icon:before{ font-size: 16px; }

.input > .input-icon.input--success{ color: #02bf11; }

.input > .input-icon.input--fail{ color: #de1111; }
.input > .input-icon.input--fail:before{ content: '\e826'; }

/* input > textarea */
.input.input--textarea{ height: auto; }
.input.input--textarea > textarea{ height: 165px; }

/* input > select */
.input.input--select > select{ padding-right: 20px; }
.input.input--select:before{ content: '\e800'; position: absolute; right: 0; height: 100%; display: flex; align-items: center; color: #E70087; font: 14px "font-icons"; }

/* input > file */
.input.input--file{ display: flex; padding-bottom: 60px; border-bottom: 1px solid #000000; }
.input.input--file > input{ position: absolute; opacity: 0; z-index: -9999; }
.input.input--file:before{ content: "+"; position: absolute; right: 0; bottom: 12.5px; font-weight: 300; font-size: 27px; transition: all .5s cubic-bezier(.45,.05,.3,.93); }

.input.input--file:hover:before{ color: #E70087; }

.input.input--file .input--file-text{ position: absolute; left: 0; bottom: 20px; font-size: 13px; max-width: 90%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.input._loader:before{ left: unset; right: 9px; height: 16px; width: 16px; margin: -11px 0 0 0; background: #ffffff; z-index: 2; }

/**
 * Input (Checkbox)
**/
.input-checkbox{ position: relative; display: flex; color: inherit; overflow: hidden; -webkit-user-select: none; user-select: none; }
.input-checkbox > input{ position: absolute; opacity: 0; z-index: -999; }

.input-checkbox:hover .input-checkbox-text{ color: #E70087; }

.input-checkbox .input-checkbox-ui{ content: ""; display: inline-block; width: 20px; height: 20px; min-width: 20px; border:1px solid #000000; -webkit-user-select: none; user-select: none; }
.input-checkbox .input-checkbox-ui:before{ content: ""; position: absolute; left: 4px; top: 4px; right: 100%; bottom: 4px; background: #E70087; opacity: 0; visibility: hidden; transition: all .4s cubic-bezier(.45,.05,.3,.93); }
.input-checkbox .input-checkbox-ui.input-checkbox--ui-radio{ border-radius: 50%; }

.input-checkbox .input-checkbox-text{ position: relative; display: block; margin: 2px 0 0 10px; font-size: 13px; cursor: pointer; transition: all .4s cubic-bezier(.45,.05,.3,.93); }
.input-checkbox .input-checkbox-text > a{ text-decoration: underline; }
.input-checkbox .input-checkbox-text > a:hover{ color: #231f20; }

.input-checkbox .input-checkbox-description{ display: block; font-size: 11px; margin-top: 5px; }

.input-checkbox > input:focus + .input-checkbox-ui{ }
.input-checkbox > input:checked + .input-checkbox-ui{  }
.input-checkbox > input:checked + .input-checkbox-ui:before{ opacity: 1; visibility: visible; right: 4px; }

.input-checkbox > input:checked ~ .input-checkbox-text{ color: #E70087; }

/**
 * Alert
**/
.alert{ position: relative; display: flex; width: 100%; align-items: center; padding: 9px 15px 8px; font-size: 13px; letter-spacing: .25px; color: #E70087; border:1px solid #E70087; }
.alert > i{ display: flex; margin-right: 10px; padding-bottom: 2px; font: 14px "font-icons"; color: inherit; }

.alert + *{ margin-top: 10px !important; }

.alert.fail{ border-color: red; color: red; }
.alert.success{ border-color: #02bf11; color: #02bf11; }

/**
 * Button (.btn)
**/
.btn{
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: inherit;
    text-shadow: none;
    padding: 3px 0;
    letter-spacing: 1px;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

/* btn > route */
.btn.btn-route:after{ content: "\2192"; position: relative; display: block; top:-2px; font-weight: 300; font-size: 26px; margin-left: 12px; -webkit-transition:none; transition: none; }

/* btn:hover */
a[href]:hover .btn,
.btn:not([disabled]):hover{
    color: #E70087;
}

/* .btn.processing */
.btn.btn--processing{ padding-right: 40px; cursor: no-drop; }
.btn.btn--processing:before{
    content: ''; position: absolute; right: 15px; top: 50%; margin: -8.5px 0 0 0; border-width: 2px; border-style: solid; border-color: #ffffff; border-top-color: transparent;
    border-radius: 100%; -webkit-border-radius:100%; width:17px; height:17px; animation: spin .4s linear infinite; -webkit-animation: spin .4s linear infinite;
}
.btn.btn--processing:not([disabled]):hover:before{ border-color: #E70087; border-top-color: transparent; }

/* btn-secondary */
.btn.btn-secondary{ color: #5d87b0; outline-color:#5d87b0; }

.btn.btn-secondary:not([disabled]):hover,
a[href]:hover .btn.btn-secondary:not([disabled]){ color: #ffffff; }

a[href]:hover .btn.btn-secondary,
.btn.btn-secondary:not([disabled]):hover{
    border-color: #5d87b0;
    background-color: #5d87b0;
    outline-color: transparent;
    outline-offset: 10px;
}

/**
 * Arrow Button (.btn-arrow)
**/
.btn-arrow{ display: block; height: 18px; width: 18px; min-height: 18px; min-width: 18px; /* overflow: hidden; */ }
.btn-arrow:not(:first-child){ margin-top: 15px; }
.btn-arrow:before{ content: '\2192'; position: relative; font-size: 31px; font-weight: 300; color: inherit; left:0; top: -10px; line-height: 1; transition: all .4s ease-in-out; }
.btn-arrow.btn-arrow-origin--reverse:before{ content: '\2190'; }

a.btn-arrow:hover:before,
a:hover .btn-arrow:before{ color: #E70087; }

.btn-arrow--writing-mode .btn-arrow{ transform: rotate(90deg); }


/**
 * Content Item
**/
.content-item{ position: relative; display: block; padding-bottom: 33px; border-bottom: 1px solid #000000; overflow: hidden; }
.content-item .content-body{ margin-top: -8px; }
.content-item .content-body > *:first-child{ margin-top: 5px; }

.content-item .row .content-body{ margin-bottom: 4px; }

.content-item .content-body .content-time{ font-size: 13px; }

.content-item .btn{ margin-top: -8px; }

.content-item--no-border .content-item{ border-bottom: 0; }

a.content-item:hover .content-title{ color: #E70087; }

/**
 * Content Image
**/
.content-image{ position: relative; overflow: hidden; }
.content-image.content-image--sm{ min-height: 100px; }
.content-image.fix--element{ height: 270px; }

a:hover .content-image > img{ transform: scale(1.1); }

/**
 * Content Body
**/
.content-body{ position: relative; display: flex; flex-direction: column; height: 100%; /* align-items: flex-start; */ width: 100%; overflow: hidden; z-index: 3; }

/* time */
.content-body .content-time{ font-size: 17px; }

/* title */
.content-body .content-title{ position: relative; width: 100%; color: inherit; line-height: 1; letter-spacing: 1px; transition: color .4s ease-in-out; }
.content-body .content-title + *{ margin-top: 6px; }
.content-body .content-title:not(:first-child){ margin-top: 7px; }

.content-body h2.content-title{ text-indent: -1px; }

.content-body .content-title strong{ display: block; font-size:40px; margin-bottom:5px; }

/* subtitle */
.content-body .content-subtitle{ font-size: 14px; color: inherit; margin: -5px 0 10px 0; letter-spacing: 0.5px; }

/* count */
.content-body .content-count{ font-size:17px; margin-top:10px; font-weight: 800; }

/* description */
.content-body .content-description{ color: inherit; line-height: 1.75; }
.content-body .content-description + .content-description{ margin-top: 15px; }

.content-body .content-description.content-description--large{ font-size: 16px; }
.content-body .content-description + .icon{ margin-top: 15px; }

.content-body .content-description small{ margin-bottom: 3px; }

/* content-body .content-description b{ color: #E70087; } */
.content-body .content-description a:hover{ color: #E70087; }

/* date */
.content-body .content-date{ font-size: 12px; margin-bottom: 40px; letter-spacing: 0.5px; }

/* icon */
.content-body .icon{ display: block; font-size: 31px; margin:0 auto; }
.content-body .icon + *{ margin-top: 10px; }

/* btn */
.content-body .btn{ margin-top: 18px; }

/* tags */
.content-tags{ display: flex; flex-wrap: wrap; align-items: center; margin:-4px -10px; font-size:13px; }
.content-tags li{ display: flex; margin: 2px 0 2px 11px; font-weight: 400; letter-spacing: 0.6px; }
.content-tags li:after{ content: "/"; margin-left: 11px; }
.content-tags li:last-child:after{ display: none; }
.content-tags li a:hover{ color: #E70087; }

.content-tags.content-tags--lg{ font-size: 16px; }

/**
 * Header (Page)
**/
.page-header{ position: relative; top:0; width: 100%; padding: 62px 0 47px; z-index: 11; }

.page-responsive-menu--active{ padding-top: 155px; }
.page-responsive-menu--active .page-header{ position: fixed; }

/* page-header-logo */
.page-header-logo{ position: relative; overflow: hidden; }
.page-header-logo svg path{ transition: fill .5s cubic-bezier(.45,.05,.3,.93); }
.page-header-logo:hover svg path{ fill: #000000; }

/* page-header-nav */
.page-header-nav{ height: 100%;}
.page-header-nav ul{ display: flex; height: inherit; flex-wrap: wrap; align-items: center; margin: -1px -10px 0 0; }
.page-header-nav ul li{ display: flex; height: 40px; align-items: center; margin:0 5px; }
.page-header-nav ul li a{ position: relative; display: flex; min-height: 20px; font-size: 16px; padding: 10px 12.5px; } /* font-size:0.85vmax; padding: 0 0.5vw; */

.page-header-nav ul li:not(.not-nav-item) a:before{ content: ""; position: absolute; left: 50%; top: 50%; width: 0%; height: 1px; border-bottom: 1px solid #E70087; z-index: 3; }

.page-header-nav ul li a svg circle,
.page-header-nav ul li a svg line{ transition: all 0.5s cubic-bezier(.45,.05,.3,.93); }

.page-header-nav ul li a:hover,
.page-header-nav ul li a.active{ color: #E70087; }

.page-header-nav ul li a:hover:before,
.page-header-nav ul li a.active:before{ left: 0; width: 100%; }

.page-header-nav ul li a:hover svg circle,
.page-header-nav ul li a.active svg circle,
.page-header-nav ul li a:hover svg line,
.page-header-nav ul li a.active svg line{ stroke: #E70087; }

/* page-header-nav-search */
li.page-header-nav-search{  }
li.page-header-nav-search a{ padding-left: 5px !important; padding-right: 5px !important; }

/**
 * Responsive Menu (Page)
**/
.page-responsive-menu{ display: none; position: fixed; top:0; left: 100%; width: 100%; height: 100%; background: rgba(255,255,255,0.965); visibility: hidden; opacity: 0; z-index:9; transition: all .5s cubic-bezier(.45,.05,.3,.93); }
.page-responsive-menu--active .page-responsive-menu{ left: 0; visibility: visible; opacity: 1;  }

.page-responsive-menu-nav{ position: relative; width: 100%; margin-top: 155px; max-height: calc(90% - 115px - 72px); overflow: auto; pointer-events: auto; }
.page-responsive-menu-nav > ul{ }
.page-responsive-menu-nav > ul > li{ }
.page-responsive-menu-nav > ul > li > a{ background: #E70087; font-size: 3.65vh; padding: 3vh 30px; letter-spacing: 1px; }
.page-responsive-menu-nav > ul > li > a:hover,
.page-responsive-menu-nav > ul > li > a:focus{ background: #ffffff; color: #000000; }

.page-responsive-menu-nav > ul > li:nth-child(2n) a{ background: #000000; color: #E70087; }
.page-responsive-menu-nav > ul > li:nth-child(3n-1) a{ background: #ffffff; color: #000000; }

/**
 * Search (Page)
**/
.page-search{ position: fixed; top:0; left: 100%; width: 100%; height: 100%; padding: 0 30px; background: rgba(0,0,0,0.925); color: #E70087; cursor: url('icons/close-icon.png'), auto; visibility: hidden; opacity: 0; z-index:14; transition: all .5s cubic-bezier(.45,.05,.3,.93); }
.page-search--active .page-search{ left: 0; visibility: visible; opacity: 1;  }

.page-search > .container-fluid{ display: flex; align-items: center; height: 100%; max-width: 1024px; margin:0 auto; pointer-events: none; }
.page-search-area{ position: relative; width: 100%; pointer-events: auto; }

.page-search-area input[type="text"]{ display: block; width: 100%; height: 60px; font-size: 30px; font-weight: 600; border-bottom: 1px solid #E70087; }
.page-search-area input::-webkit-input-placeholder { color: #E70087; }
.page-search-area input:-moz-placeholder           { color: #E70087; }
.page-search-area input:-ms-input-placeholder      { color: #E70087; }
.page-search-area input::-ms-input-placeholder     { color: #E70087; }
.page-search-area button{ position: absolute; right: 0; top:50%; transform: translate(0, -50%); font-size: 20px; cursor: pointer; z-index: 4; }
.page-search-area button:hover{ color: #ffffff; }

.page-search .page-search-close{ position: absolute; right: 0; bottom: -31px; font-size: 16px; cursor: pointer; }
.page-search .page-search-close:hover{ color: #ffffff; text-decoration: underline; }

.page-search .page-search-btn:before{ content: "\2192"; position: relative; font-weight: 300; font-size: 33px; }

/**
 * Language (Page)
**/
.page-language{ position: absolute; right: 0; top:0; height: 100%; width: 85px; display: flex; flex-direction: column; align-items: center; justify-content: center;  z-index: 11; }
.page-language.page--sticky{ position: fixed; top: 30px; height: auto; }

/* page-language > list */
.page-language ul{ margin-top: -1.5px; }
.page-language ul li{ margin:5px; text-align: center; }
.page-language ul li a{ position: relative; display: block; padding: 5px; font-size: 16px; font-weight: 500; pointer-events: auto; }

.page-language ul li a:before{ content: ""; position: absolute; left: 50%; top: 50%; width: 0%; height: 1px; border-bottom: 1px solid #E70087; z-index: 3; }

.page-language ul li a:hover,
.page-language ul li a.active{ color: #E70087; }

.page-language ul li a:hover:before,
.page-language ul li a.active:before{ left: 0; width: 100%; }

/**
 * Social (Page)
**/
.page-social{ position: absolute; left: 0; top:0; height: 100%; width: 85px; display: flex; flex-direction: column; align-items: center; justify-content: center; pointer-events: none; z-index: 11; }
.page-social.page--sticky{ position: fixed; top: 30px; height: auto; }

/* page-social > list */
.page-social ul{ }
.page-social ul li{ margin:5px; text-align: center; }
.page-social ul li a{ position: relative; display: block; padding: 5px; font-size: 16px; pointer-events: auto; }

.page-social ul li a .icon-vimeo{ font-size: 13px;  }

.page-social ul li a:before{ content: ""; position: absolute; left: 50%; top: 50%; width: 0%; height: 1px; border-bottom: 1px solid #E70087; z-index: 3; }

.page-social ul li a:hover,
.page-social ul li a.active{ color: #E70087; }

.page-social ul li a:hover:before,
.page-social ul li a.active:before{ left: 0; width: 100%; }

/**
 * ScrollUp (Page)
**/
.page-scrollUp{ position: fixed; bottom: 30px; right: 20px; width: 85px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: #ffffff; color: #000000; font-size: 22px; padding: 0 0 6px 2px; opacity: 0; visibility: hidden; transition: all .35s cubic-bezier(.19,1,.22,1); cursor: pointer; z-index: 11; }
.page-scrollUp:before{ content: '\2191'; font-size: 31px; font-weight: 300; color: inherit; line-height: 1; }
.page-scrollUp.page--sticky{ bottom: 66px; opacity: 1; visibility: visible; }

.page-scrollUp:hover{ color: #E70087; bottom: 68px; }
/**
 * Footer (Page)
**/
.page-footer{ position: relative; display: block; margin: 81px 0 50px; }

/* page-footer-menu */
.page-footer-menu{ }
.page-footer-menu ul{ display: flex; flex-wrap: wrap; margin: -11px -15px 0 -25px; }
.page-footer-menu ul li{ flex:1 1 25%; max-width: 25%; margin:5.5px -1px; padding-right: 15px; padding-left: 15px; }
.page-footer-menu ul li a{ position: relative; display: inline-block; font-size: 16px; padding: 5px 10px; }

.page-footer-menu ul li a:before{ content: ""; position: absolute; left: 50%; top: 50%; width: 0%; height: 1px; border-bottom: 1px solid #E70087; z-index: 3; }

.page-footer-menu ul li a:hover,
.page-footer-menu ul li a.active{ color: #E70087; }

.page-footer-menu ul li a:hover:before,
.page-footer-menu ul li a.active:before{ left: 0; width: 100%; }

/* page-footer-subscribe */
.page-footer-subscribe{ position: relative; display: flex; flex-direction: column; }

.page-footer-subscribe-title{ font-size: 16px; font-weight: 400; }

.page-footer-subscribe-area{ position: relative; display: flex; height: 35px; max-width: 79%; }
.page-footer-subscribe-area > input{ flex: 1 1 auto; width: 100%; height: 100%; margin-top: 2px; border-bottom: 1px solid #000000; }
.page-footer-subscribe-area > button{ position: absolute; right: 0; bottom: 9px;  margin-top: -1px; font-size: 18px; cursor: pointer; }
.page-footer-subscribe-area > button:hover{ color: #E70087; }
.page-footer-subscribe-area > button:after{ content: '\2192'; font-size: 26px; font-weight: 300; color: inherit; line-height: 1; }

.page-footer-subscribe-result{ position: relative; display: flex; align-items: center; margin-top: 20px; color: #E70087; }

/* page-footer-company */
.page-footer-company{ position: relative; }
.page-footer-company > p{ font-size: 12px; }
.page-footer-company a:hover{ color: #E70087; }

/* page-footer-developed */
.page-footer-dev{}
.page-footer-dev svg path{ fill:#000000; transition: all .25s ease-in-out; }
.page-footer-dev svg:hover path{ fill:#E70087; }

/**
 * Banner
**/
.banner{ position: relative; width:100%; height:50%; min-height: 400px; overflow: hidden; }
.banner.banner--full-height{ height: 100%; }

.banner .container{ min-height: inherit; }

/* banner carousel */
.banner .owl-dots{ position: absolute; left: 25px; bottom: 31px; display: flex; flex-direction: row; height: auto; counter-reset: dots; }
.banner .owl-dots .owl-dot{ flex:1; width:30px; height: 3px; background: #ffffff; border-radius: 0; margin:0 5px; }

.banner .owl-dots .owl-dot.active,
.banner .owl-dots .owl-dot:hover{ opacity: 1; background: #E70087; }

/* banner bacground image */
.banner .background:before{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,0.4); pointer-events: none; }

/* banner container */
.banner .container{ justify-content: center; }

/* banner content */
.banner .banner-content{ position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #ffffff; padding: 0 20px; margin-top: 10px; opacity: 0; visibility: hidden; transform: scale(0.75); transition: all .25s ease-in-out; z-index: 5; }

.banner .banner-content .st0{ fill: #E70087; }

.banner .banner-content:first-child,
.banner .banner-image.loaded + .banner-content{ opacity: 1; visibility: visible; transform: scale(1); margin-top: 0; }

/* banner main */
.banner.banner--main{ height: 100%; min-height: 500px; }

/**
 * Anchor
**/
.anchor{ position: absolute; bottom:30px; left:50%; color: #FFFFFF; font-size:27px; transform:translate(-50%, 0); cursor: pointer; z-index: 5; transition: all .25s ease-in-out; }
.anchor:hover{ color: #E70087; }

/**
 * Carousel Content
**/
.carousel-content{ position: relative; width: 100%; height: 510px; }
.carousel-content .owl-carousel{ height: inherit; box-shadow: 2px 0 6px rgba(52,52,52,.15); }

.carousel-content .owl-nav{ }
.carousel-content .owl-nav > *{ position: absolute; top:50%; display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; margin: -25px 0 0 0; background: #5d87b0; color: #ffffff; font:25px "font-icons"; }
.carousel-content .owl-nav > *:hover{ background: #466584; }

.carousel-content .owl-nav > .owl-prev{ left: -25px }
.carousel-content .owl-nav > .owl-prev:before{ content:'\e801'; }

.carousel-content .owl-nav > .owl-next{ right: -25px; }
.carousel-content .owl-nav > .owl-next:before{ content:'\e803'; }

/**
 * Content
**/
.content{ position: relative; height: auto; min-height: 1px; }


/* .btn.processing */
.content .btn.btn--processing:before{border-width: 2px; border-style: solid; border-color: #E70087; border-top-color: transparent;}
.content .btn.btn--processing:not([disabled]):hover:before{ border-color: #ffffff; border-top-color: transparent; }

.content .col-auto.content-item{ width: 140px; }

.content .col-auto.content-item .content-image { margin:0 auto; }
.content .col-auto.content-item .content-image svg path{ fill: #E70087; }
.content .col-auto.content-item .content-image + *{ margin-top:30px; }

.content .col-auto.content-item .content-title + .content-description { margin-top: 5px; }
.content .col-auto.content-item .content-description { font-size: 12px; }

/* content-tooltip */
.content .col-auto.content-item .content-tooltip { position: absolute; top:-105px; left:0; width: 100%; font-size:13px; color: #ae851a; text-align: center; padding: 10px 7px; border-bottom: 1px solid #E70087; opacity: 0; visibility: hidden; pointer-events: none; transition: all .25s ease-in-out;  }
.content .col-auto.content-item .content-tooltip:before{ content: ''; position: absolute; left:50%; bottom:-6px; width: 10px; height: 10px; margin-left: -5px; background: #FFFFFF; border-bottom: 1px solid #E70087; border-left: 1px solid #E70087; transform: rotate(-45deg); z-index: 3; }

.content .col-auto.content-item:hover .content-tooltip{ top:-100px; opacity: 1; visibility: visible; pointer-events: auto; }

/**
 * Grid
**/
.grids{ min-height: 240px; }
.grids.row-spacing{ min-height: 220px; }
.grids.grids--min-height{ min-height: calc( 40vh - calc(155px / 2)); }

.grid{ position: relative; display: block; width: 100%; height: 100%; overflow: hidden; transition: color .4s ease-in-out; }

/* hover */
a.grid:hover:after{ right: 0 !important; visibility: visible !important; pointer-events: none; z-index: 2; }

a:not(.grid--no-mutation).grid.grid--primary:hover{ color: #E70087; }
a:not(.grid--no-mutation).grid.grid--primary:hover:after{ background: #000000; }

a:not(.grid--no-mutation).grid.grid--light:hover{ color: #ffffff; }
a:not(.grid--no-mutation).grid.grid--light:hover:after{ background: #000000; }

a:not(.grid--no-mutation).grid.grid--dark:hover{ color: #000000; }
a:not(.grid--no-mutation).grid.grid--dark:hover:after{ background: #ffffff; /* box-shadow: inset 0 0 16px 4px rgba(0,0,0,0.15); */ }

/* [ GRID FEATURES ] */
.grid > .row{ min-height: inherit; }

.grid.fit--element{ min-height: 373.773px; }

/* grid--height-half */
.grid.grid--title.grid--height-half,
.grid.grid--height-half{ height: calc( 50vh - calc(155px / 2)); min-height:360px !important; }
.grid.grid--height-half--hasMargin{ height: calc( 65vh - calc(155px / 2) ); min-height: 300px; }
/* .grid.grid--height-half--hasMargin{ height:  calc( 65vh - calc(155px / 2) - 60px ); min-height: 300px; } */

.grid.grid--height{ height: calc( 65vh - 15px ); min-height:360px; }

/* grid-dark */
.grid.grid--dark{ background: #000000; color: #ffffff; }
.grids.grids--dark .grid.grid--image:after{ background: #000000; }

.grid.grid--dark .input-checkbox .input-checkbox-ui{ border:1px solid #ffffff; }

/* grid-light */
.grid.grid--light{ background: #ffffff; color: #000000; }
.grids.grids--light .grid.grid--image:after{ background: #ffffff; }

/* grid-primary */
.grid.grid--primary{ background: #E70087; color: #000000; }
.grid.grid--primary .content-body .content-description a:hover{ color: #ffffff; }

.grid.grid--primary .content-tags li a:hover:hover{ color: #ffffff; }

.grids.grids--primary .grid.grid--image:after{ background: #E70087; }

/* content-body */
.grid .content-body{ padding: 40px; min-height: inherit; }
.grid .content-body:not(.h-auto){ height: 100%; }
.grid .content-body.justify-content-center > .row{ height: initial; }
.grid .content-body.flex-row > .row{ height: auto; }
.grid .content-body .content-title{ word-break: break-word; max-width: 85%; margin-top: -3px; -webkit-transition: none; transition: none; }
.grid .content-body h1.content-title{ font-size: 2.5vw; margin-top: -11px; margin-left: -3px; }
.grid .content-body h2.content-title{ margin-top: -10px; }

.grid .content-body .content-subtitle{ font-size: 1.25vw; margin-top: 10px; }

/* grid--hover */
.grid.grid--hover .content-over{ position: absolute; left: 0; top:0; width: 100%; height: 100%; }
.grid.grid--hover .content-hover-target{ opacity: 0; visibility: hidden; transform: translate(-15px, 0); z-index: 9; transition: all 0.5s cubic-bezier(.45,.05,.3,.93); }
.grid.grid--hover .content-hover-target .btn{ margin:0 auto; }

.grid.grid--hover.grid--primary:hover .btn{ color: #ffffff; }

.grid.grid--hover:hover .content-hover-target{ opacity: 1; visibility: visible; transform: translate(0); }
.grid.grid--hover:not(.grid--hover--no-after).scroll--on:hover:after{ right: 0; visibility: visible; opacity: 0.85; z-index: 2; }

/* content-tags */
.grid .content-tags{ max-width: 90%; }
.grid .align-items-end .content-tags{ margin-left: -12px; margin-bottom: -6px; }

/* type _ image */
.grid.grid--image{ position: relative; min-height: 240px; }

/* type _ title */
.grid.grid--title{ position: relative; min-height: 240px; }
.grid.grid--title .content-description:last-child{ margin-bottom: -7px; }

.grid.grid--title.grid--vertical{  display: flex; }

.grid.grid--title.grid--vertical .content-body{ margin-bottom: auto;  margin-left: -10px; writing-mode: tb-rl; transform: rotate(-180deg); /*  */ }
.grid.grid--title.grid--vertical.grid--vertical-auto .content-body{ height: min-content; }
.grid.grid--title.grid--vertical .content-body .content-title{ word-break: normal; width: auto; max-width: 100%;}
.grid.grid--title.grid--vertical .content-body h1.content-title{ font-size: 2.85vw; margin-top: -5px; margin-left: 1vw; }

.grid.grid--title.grid--vertical .content-body .content-count{ font-size: 0.85vmax; margin-left: 10px; margin-top: -1px; }

.grid.grid--title.grid--vertical:not(.btn--no-route) .btn-arrow{ /* margin-left: -21px; */ transform: rotate(-90deg); }
.grid.grid--title.grid--vertical .btn-arrow:before{ top: 0; left: 10px; }

/* type _ social */
.grid.grid--social{ min-height:360px; }
.grid.grid--social:after{ background: #000000; }

.grid.grid--social .grid{ position: relative; display: flex; align-items: center; justify-content: center; padding: 15px;  }
.grid.grid--social .grid > span{ font-size: 5.5vh; margin-left: -0.25vw; font-weight: 600; transition: all .4s ease-in-out; }

.grid.grid--social .grid .grid--social--overlay{ position: absolute; right: -100%; top: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px; width: 100%; height: 100%; font-size: 20px; opacity: 0; visibility: hidden; transition: all .35s ease-in-out; z-index: 4; }
.grid.grid--social .grid:hover .grid--social--overlay{ right: 0; opacity: 1; visibility: visible; }
.grid.grid--social .grid:hover > span{ opacity: 0; margin-right: -20px; }

.grid.grid--social .grid.grid--social--facebook .grid--social--overlay{ background: #1877f2; }
.grid.grid--social .grid.grid--social--facebook:after{ transition-delay: 0.2s; }
.grid.grid--social .grid.grid--social--instagram .grid--social--overlay{ background: #c32aa3; color: #ffffff; }
.grid.grid--social .grid.grid--social--instagram:after{ transition-delay: 0.4s; }
.grid.grid--social .grid.grid--social--twitter .grid--social--overlay{ background: #1da1f2; color: #ffffff; }
.grid.grid--social .grid.grid--social--twitter:after{ transition-delay: 0.6s; }
.grid.grid--social .grid.grid--social--vimeo .grid--social--overlay{ background: #1ab7ea; }
.grid.grid--social .grid.grid--social--vimeo:after{ transition-delay: 0.8s; }

.grid.grid--social .row > *{ background: #ffffff; color: #000000; }
.grid.grid--social .row > * .grid:after{ background: #000000; }

.grid.grid--social .row > *:nth-child(3n+1){ background: #000000; color: #ffffff; }
.grid.grid--social .row > *:nth-child(3n+1) .grid:after{ background: #ffffff; }

.grid.grid--social.grid--social-sm{  min-height:240px; }
.grid.grid--social.grid--social-sm .grid > span{ font-size: 3.5vh; }
.grid.grid--social.grid--social-sm .grid .grid--social--overlay{ font-size: 15px; }

/**
 * Paging
**/
.paging{ position: relative; display: flex; justify-content: center; flex-wrap: wrap; color: #333333; margin:-10px; }
.paging > li{ margin:10px; }
.paging > li > a{ display: inline-flex; align-items: center; justify-content: center; height: 30px; width: 30px; font-size:15px;  border-radius: 50%; }

.paging > li > a > i{ font-size: 13px; }

.paging > li a:hover{ background-color: #ddd; }
.paging > li a.active{ background-color: #42709d; color: #ffffff; }

/**
 * Form
**/
.form{ }
.form > .input:first-child{ margin-top: -10px; }

.form .input > *::-webkit-input-placeholder { color: #E70087; }
.form .input > *:-moz-placeholder           { color: #E70087; }
.form .input > *:-ms-input-placeholder      { color: #E70087; }
.form .input > *::-ms-input-placeholder     { color: #E70087; }

.form .form-tools{ margin-top: 10px; }
.form .form-tools .btn{ width: 100%; height: 76px; background: #5d87b0; color: #ffffff; font-size: 17px; }
.form .form-tools .btn:hover{ background: #466584; }

.form button.btn{ width: 100%; height: 76px; font-size: 20px; }

/**
 * Social Links
**/
.social-links{ position: fixed; right: 0; top:50%; width:60px; margin-top:30px; color: #E70087; z-index: 11; }
.social-links ul{ display: flex; flex-direction: column; align-items: center; margin:15px 0; }
.social-links ul li{}
.social-links ul li a{ display: block; font-size:18px; padding: 5px; }
.social-links ul li a:hover{ color: #f5f5f5; }

.social-links ul li.facebook:hover a{ color: #395794; }
.social-links ul li.twitter:hover a{ color: #53a7e8; }
.social-links ul li.instagram:hover a{ color: #b4196b; }

/**
 * Lang
**/
.lang{ margin-bottom: 27px; pointer-events: auto; }
.lang ul{ display: flex; align-items: center; margin:0 -10px; }
.lang ul li{ margin:0 10px; }
.lang ul li a{ position: relative; display: block; font-size: 14px; font-weight: bold; }
.lang ul li a:before{ content: ''; position: absolute; left: 0; bottom: -7px; width:0%; border-bottom: 1px solid #E70087; pointer-events: none; transition: width .25s ease-in-out; }

.lang ul li a.active:before,
.lang ul li a:hover:before{ width: 100%; }

/**
 * Map
**/
.map{ position: relative; width: 100%; height: 405px; background: #f5f5f5; }

/**
 * Thumbnail
**/
.thumbnail{ position: relative; height: 100%; overflow: hidden; }
.thumbnail a{ display: block; height: inherit; }

/* .thumbnail-image */
.thumbnail .thumbnail-image{ min-height: 275.33px; overflow: hidden; }
.thumbnail .thumbnail-image img{ width: 100%; transform: scale(1) !important; pointer-events: none; transition: transform .5s ease-in-out; }
.thumbnail .thumbnail-image img.d-none{ z-index: -1; }

/* .thumbnail:hover .thumbnail-image img{ transform: scale(1.1); } */
.thumbnail:hover .content-title{ color: #E70087; }

/* .thumbnail-body */
.thumbnail .thumbnail-body{ margin-top: 0; }
.thumbnail .thumbnail-body .btn-arrow{ margin-top: -1px; }
.thumbnail .thumbnail-body .content-body .content-title{ margin-top: -4px; font-weight: 600; }

/* .content-tags */
.thumbnail .content-tags{ margin-top: 8px; margin-bottom: 3px; }


/**
 * Map
**/
.map{ display: block; height: 582px; background: #dddddd; }

/**
 * Content (Banner)
**/
.content--banner .grid:not(.grid--title) .content-body{ padding: 30px 0 30px 30px; }
.content--banner .grid:not(.grid--title) .content-body:after{ content: ""; position: absolute; right: 0; width: 30px; height: 100%; background: #000000; pointer-events: none; z-index: 24; }

/**
 * Rulers
**/
.rulers{ position: fixed; left: 0; top:0; width: 100%; height: 100%; pointer-events: none; z-index: 9999; }
.rulers *{ position: absolute; left: 0; top: 0; height: 100%; width: 1px; border-right: 1px solid #19d6ff; }
.rulers > div > *{ height: 0%; opacity: 0; }

.rulers .left{ left: 85px; }
.rulers .right{ right: 85px; left: unset; }

.rulers > .gutters,
.rulers > .grids{ left: 85px; right: 85px; width: auto; background: none; border:none; }

.rulers .gutter{  }

/**
 * Custom (Override)
**/
.color-primary{ color: #000000; }
.color-secondary{ color: #E70087; }

.w-0{ width: 0; }

.background--min-height{ min-height: 360px; }
.background--min-height--md{ min-height: 250px; }

@media screen and (max-width: 1024px){
    .w-0{ width: auto; }
}
/* page-header-logo */
.scroll--view.scroll--on .page-header-logo:before,
.scroll--view.scroll--on .page-header-logo:after{ right: 110%; visibility: hidden; }

/* page-header-nav */
.scroll--view.scroll--on .page-header-nav ul li{  }
.scroll--view.scroll--on .page-header-nav ul li:before,
.scroll--view.scroll--on .page-header-nav ul li:after{ right: 100%; visibility: hidden; }
.scroll--view.scroll--on .page-header-nav ul li a{ opacity: 1; }

/* .page-social */
.scroll--view.scroll--on.page-social ul li{ left: 0; }
.scroll--view.scroll--on.page-social ul li:before{ right: -100%; visibility: hidden; }

/* .page-language */
.scroll--view.scroll--on.page-language ul li{ right: 0; }

/* grid */
.scroll--view.scroll--on.grid:after{ right: 100%; visibility: hidden; }
.scroll--view.scroll--on.scroll--done.grid:after{ transition: all .4s ease-in-out;}

/* thumbnail */
.scroll--view.scroll--on.thumbnail:after,

/* page-footer-menu */
.scroll--view.scroll--on.page-footer:after,

/* Input (Checkbox) */
.scroll--view.scroll--on.input-checkbox:before,
.scroll--view.scroll--on.input-checkbox:after,

/* .content-item */
.scroll--view.scroll--on.content-item:after,

/* .content-body */
.scroll--view.scroll--on.content-body:after,

/* .content-image */
.scroll--view.scroll--on.content-image:after,

/* .input */
.scroll--view.scroll--on.input:after{ right: 100%; visibility: hidden; }

/*
.scroll--view.scroll--on .grid .btn-arrow{ margin-right: 0; opacity: 1; }
.scroll--view.scroll--on .grid .btn-arrow.btn-arrow-origin--reverse{ margin-left: 0; opacity: 1; }
*/

/* page-footer-menu */
.scroll--view.scroll--on .page-footer-menu ul li{  }
.scroll--view.scroll--on .page-footer-menu ul li:before,
.scroll--view.scroll--on .page-footer-menu ul li:after{ right: 100%; visibility: hidden; }
.scroll--view.scroll--on .page-footer-menu ul li a{ opacity: 1; }
/**
 * Design & Developed by pompaa (http://www.pompaa.com), info@pompaa.com
 * favzeN` ~> Responsive CSS
*/

.col-lg-4--no-gutter{
    max-width: calc(33.33% - 20px);
    flex: 0 0 calc(33.33% - 20px);
}

@media screen and (max-width:1740px) {
    /* .background--min-height */
    .background--min-height{ min-height: 180px; }
}

@media screen and (max-width:1600px) {
    /* grid */
    .grid.grid--title.grid--vertical .content-body h1.content-title{ font-size: 3.3vw; }
}

/* breakpoint(1280x720): */
@media screen and (max-width:1280px) {
    /* GENERAL */
    .container-fluid{ padding: 0 40px; }

    /* ROW - COL */
    .col-lg-4--no-gutter{
        max-width: calc(50% - 15px);
        flex: 0 0 calc(50% - 15px);
    }



    /* page-social */
    .page-social{ display: none; }

    /* page-language */
    .page-language{ display: none; }

    /* grid */
    .grid .content-body h1.content-title{ font-size: 3vw; }
    .grid.grid--title.grid--vertical .content-body h1.content-title{ font-size: 4vw; }

    /* rulers */
    .rulers .left{ left: 40px; }
    .rulers .right{ right: 40px; }
    .rulers > .gutters,
    .rulers > .grids{ left: 40px; right: 40px; }
}

@media screen and (max-width:1280px) and (min-height: 400px) {
    /* grid */
    .grid.grid--height-half{ min-height: 100% !important; }
    .grid.grid--height-half--hasMargin{ min-height: 290px !important; }
    .grid.grid--height{  min-height:290px !important; }

    .grid.grid--social{ min-height: 290px; }

    /* .page-scrollUp */
    .page-scrollUp > i{ display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: #ffffff; box-shadow: 0 0 5px 1px rgba(0,0,0,0.15); border-radius: 50%; }
}

/* breakpoint(xl): */
@media screen and (max-width:1024px) {

    /* ROW - COL */
    .col-lg-4--no-gutter{
        max-width: 100%;
        flex: 0 0 100%;
    }

    /* .page-responsive-menu */
    .page-responsive-menu{ display: block; }

    /* page-header-nav */
    .page-header-nav ul{ margin-right: -5px; }
    .page-header-nav ul li:not(.page-header-nav-search):not(.not-nav-item){ display: none; }
    .page-header-nav ul li svg{ width: 21px; }

    /* .btn-arrow */
    .grid.grid--title.grid--vertical .btn-arrow{ transform: rotate(-180deg); margin-bottom: 10px; }

    /* grid */
    .grid.grid--height-half{ min-height: 170px !important; }
    .grid.grid--height-half--hasMargin{ min-height: 170px !important; }
    .grid.grid--height{  min-height:170px !important; }

    .grid .content-body h1.content-title{ font-size: 5vw; }
    .grid .content-body .content-title{ max-width: 100%; }

    /* .grid .content-tags */
    .grid .content-tags{ max-width: 100%; }

    /* .grid.grid--social */
    .grid.grid--social{ min-height: 170px; }
    .grid.grid--social .grid{ min-height: 150px; }

    /*
    .grid.grid--social .row > *{ background: #ffffff; color: #000000; }
    .grid.grid--social .row > * .grid:after{ background: #000000; }

    .grid.grid--social .row > *:nth-child(2n){ background: #000000; color: #ffffff; }
    .grid.grid--social .row > *:nth-child(2n) .grid:after{ background: #ffffff; }

    .grid.grid--social .row > *:nth-child(1){ background: #ffffff !important; color: #000000 !important; }
    .grid.grid--social .row > *:nth-child(1) .grid:after{ background: #000000 !important; }
    */

    /* .grid.grid--height-half */
    .grid.grid--title.grid--height-half,
    .grid.grid--image,
    .grid.grid--height-half{ height: 35vw; min-height: 270px !important; }

    .grid.grid--height-half--hasMargin{ height: 35vw; }
    .grid.grid--height{ height: 35vw; }

    /* .grid.grid--social */
    .grid.grid--social{ height: auto; min-height: 150px; }

    /* .grid.grid--title.grid--vertical */
    .grid.grid--title.grid--vertical .content-body h1.content-title{ font-size: 4.25vw; }
    .grid.grid--title.grid--vertical .content-body .content-count{ font-size: 2vw;}

    /* .grid.grid--title.grid--vertical */
    .grid.grid--title.grid--vertical{ align-items: flex-start; }
    .grid.grid--title.grid--vertical .content-body{ height: inherit; writing-mode: initial; transform: rotate(0); margin-left: 0; }
    .grid.grid--title.grid--vertical .content-body h1.content-title{ font-size: 5vw; margin-left: 0; }
    .grid.grid--title.grid--vertical .content-body .content-count{ font-size: 15px; margin-left: 0; margin-top: 10px; }
    .grid.grid--title.grid--vertical .btn-arrow{ margin:0 0 20px 5px; }

    /* page-scrollUp */
    .page-scrollUp{ display: none; }

    /* page-footer */
    .page-footer-subscribe-area{ max-width: 100%; margin-right: 0; }

    /* Custom (Override) */
    .background--min-height{ min-height: auto; }
    .background--min-height--md{ min-height: auto; }

    /* brn-arrow */
    .btn-arrow--writing-mode .btn-arrow{ transform: rotate(0) !important; }
    .grid.grid--title.grid--vertical .btn-arrow{ margin: 10px 5px 10px 0; }
    .grid.grid--title.grid--vertical .btn-arrow:before{ top: -10px; left: 0; }

    /* page-social */
    .page-social{ display: block; top:unset; height: auto; left: 30px; bottom: 30px; opacity: 0; width: auto; visibility: hidden; z-index: 11; transition: all .4s cubic-bezier(.45,.05,.3,.93); }
    .page-social.page--sticky{ top:unset; bottom: 30px; }

    .page-social ul{ display: flex; align-items: center; }
    .page-social ul li{ margin: 5px 0; }

    .page-responsive-menu--active .page-social{ opacity: 1; visibility: visible; }

    /* page-language */
    .page-language{ display: block; top:unset; height: auto; right: 30px; bottom: 30px; opacity: 0; visibility: hidden; z-index: 11; transition: all .4s cubic-bezier(.45,.05,.3,.93); }
    .page-language.page--sticky{ top:unset; bottom: 30px;  }

    .page-language ul{ display: flex; align-items: center; }

    .page-responsive-menu--active .page-language{ opacity: 1; visibility: visible; }

    /* a.grid .btn-arrow */
    a.grid .btn-arrow.btn-arrow-origin--reverse{ transform: rotate(-180deg) !important; }
    .grid.grid--title.grid--vertical:not(.btn--no-route) .btn-arrow{ transform: rotate(-180deg); margin-right: 0 !important; }

    /* map */
    .map{ height: 50vw; }

}

@media screen and (max-width:1024px) and (orientation: landscape) {
    /* .page-responsive-menu-nav */
    .page-responsive-menu-nav{ margin-top: 85px !important; max-height: calc(90% - 115px); }

    /* .page-header */
    .page-header{ padding-top: 25px !important; }

    /* .page-header-logo */
    .page-header-logo svg{ max-width: 145px; }

    /* .page-social.page--sticky */
    .page-social.page--sticky{ bottom: 15px; }

    /* .page-language.page--sticky */
    .page-language.page--sticky{ bottom: 15px; }
}

/* breakpoint(lg): */
@media screen and (max-width:768px) {
    /* .page-header */
    .page-header{ padding: 42px 0 27px; }

    /* grid */
    .grid .content-body h1.content-title,
    .grid.grid--title.grid--vertical .content-body h1.content-title{ font-size: 6vw; }

    .grid .content-body .content-subtitle{ font-size: 2.25vh; }

    /* .grid.grid--height-half */
    .grid.grid--title.grid--height-half,
    .grid.grid--image,
    .grid.grid--height-half{ height: 100%; min-height: 220px !important; }

    .grid.grid--height-half--hasMargin{ /* height: auto; */ }
    .grid.grid--height{ height: auto; }

    /* .grid.grid--title */
    .grid.grid--title{ min-height: 30vw; }

    /* Search (Page) */
    .page-search-area input[type="text"]{ font-size: 16px; }

    /* page-responsive-menu */
    .page-responsive-menu-nav{ margin-top: 115px; }
    .page-responsive-menu--active{ padding-top: 115px; }
}

/* breakpoint(md): */
@media screen and (max-width:575px) {

    /* GENERAL */
    h1   { font-size: 45px; letter-spacing: 3px;                                  }
    h2   { font-size: 36px;                                                       }
    h3   { font-size: 26px;                                                       }
    h4   { font-size: 20px;                                                       }
    h5   { font-size: 17px;                                                       }
    h6   { font-size: 14px;                                                       }
    p    { font-size: 13px;letter-spacing: 0.15px;                                }

    /* .btn-arrow */
    /* a.grid .btn-arrow{ display: none; } */

    /* grid */
    .grid .content-body h1.content-title,
    .grid.grid--title.grid--vertical .content-body h1.content-title{ font-size: 10vmin; }

    /* a.grid .btn-arrow */
    .grid.grid--title.grid--vertical:not(.btn--no-route) .btn-arrow{ transform: rotate(0); margin-right: 0 !important; }

    /* .grid .content-tags */
    .grid .content-tags{ max-width: 100%; }
    .grid .align-items-end .content-tags{ margin-left: -6px; }

    /* .grid.grid--height-half */
    .grid.grid--title.grid--height-half,
    .grid.grid--image,
    .grid.grid--height-half{ min-height: 260px !important; }

    /* .thumbnail */
    .thumbnail .content-tags{ margin-top: 2px; }
    .thumbnail .thumbnail-body .content-body .content-title{ margin-top: 0; }

    /* .content-item .content-body */
    .content-item .content-body{ margin-top: -5px; }

    /* .content-image */
    .content-image.content-image--sm > img[height]{ height: auto; }
    .content-image.content-image--sm > img[width],
    .content-image.content-image--sm > img{ width: 100%; }

    /* .content-tags */
    .content-tags{ font-size: 12px; margin: -4px -5px; }
    .content-tags li{ margin: 2px 0 2px 6px; }
    .content-tags li:after{ margin-left: 6px; }

    /* .content-tags.content-tags--responsive */
    .content-tags.content-tags--responsive{ flex-direction: column; align-items: flex-start; font-size: 12px; margin-top: 15px; }
    .content-tags.content-tags--responsive li:after{ display: none; }

    /* a.grid .btn-arrow */
    .grid.grid--title.grid--vertical .btn-arrow,
    a.grid .btn-arrow{ transform: rotate(0); }

    a.grid .btn-arrow.btn-arrow-origin--reverse{ transform: rotate(-180deg); }

    /* page-responsive-menu-nav */
    .page-responsive-menu-nav > ul > li > a{ font-size: 3vh; letter-spacing: 0.75px; }


}

@media screen and (max-width:500px) {

    /* page-footer */
    .page-footer{ margin: 45px 0 46px; }
    .page-footer-menu ul li{ flex: 1 1 50%; max-width: 50%; margin: 3px 0; }
    .page-footer-menu ul li a{ padding: 3px 10px; }

    /* grid.grid--height-half  */
    .grid.grid--title.grid--vertical.grid.grid--height-half{ min-width: 120px; }

    /* .grid */
    .grid.grid--height,
    .grid.grid--title.grid--height,
    .grid.grid--height-half--hasMargin{ min-height: 46vw; }
}

@media screen and (max-width:425px) {

    /* GENERAL */
    .container-fluid{ padding: 0 25px; }

    /* .page-header-logo */
    .page-header-logo svg{ width: 100%; }

    /* rulers */
    .rulers{ display: none; }

    /* Search (Page) */
    .page-search{ padding: 0 15px; }
    .page-search-area input[type="text"]{ font-size: 15px; }
    .page-search-area button{ font-size: 17px; }
    .page-search .page-search-close{ font-size: 10px; }

}


@media screen and (max-width:340px) {

    /* grid */
    .grid .content-body{ padding: 30px; }

    /* content--banner */
    .content--banner .grid:not(.grid--title) .content-body:after{ display: none; }
}
.display-none{display: none; visibility: hidden;}