@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Georama:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");

/**********************
Fonts 

font-family: 'Poppins', sans-serif;
font-family: 'Georama', sans-serif;
font-family: 'Sora', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: "Inter", sans-serif;

Fonts
***********************/

/*
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
*/

/**********************
Root
*/

:root{
  --font-primary: 'Open Sans', sans-serif;
  --font-poppins: 'Poppins', sans-serif;
  --font-opensans: 'Open Sans', sans-serif;
  --font-sora: 'Sora', sans-serif;
  --font-georama: 'Georama', sans-serif;

  --color-text: #444444;

  --font-primary: 'Open Sans', sans-serif;

  --graphite: #313131;
  --text: #383838;
  --text: #303030;
  --title: #2e2e2e;
  --gray: #dfdfdf;
  --bullet: #383838;
  --input: #313131;
  --input-label: #a7a7a7;
  --placeholder: #808080;
  --input-radio-border: #c5c5c5;
  --primary: #464b52;
  --dark: #32363b;
  --dark-hover: #464b52;
  --light: #f3f3f3;
  --light-hover: #e9e9e9;
  --white: #fff;
  --black: #000;
  --gray-100: #f7f9fa;
  --gray-200: #e6e9ed;
  --gray-300: #c9ced4;
  --gray-400: #9ea4ac;
  --gray-500: #707780;
  --gray-600: #464b52;
  --gray-700: #32363b;
  --gray-800: #282c2f;
  --gray-900: #191c1f;
  --blue-lightest: #f0f4ff;
  --blue-lighter: #bed1ff;
  --blue-light: #89a8f8;
  --blue: #5981e3;
  --blue-dark: #355cc0;
  --blue-darker: #253f82;
  --blue-hover: #43a1ff !important;
  --purple-lightest: #f6f2ff;
  --purple-lighter: #d3c6fd;
  --purple-light: #ac93fc;
  --purple: #7c5ee2;
  --purple-dark: #5a38c6;
  --purple-darker: #4729a8;
  --cyan-lightest: #edffff;
  --cyan-lighter: #a2eaea;
  --cyan-light: #7cdbdb;
  --cyan: #51c1c3;
  --cyan-dark: #0a9191;
  --cyan-darker: #066262;
  --green-lightest: #edfff5;
  --green-lighter: #99e9bb;
  --green-light: #4acc82;
  --green: #009d43;
  --green-hover: #0ac454;
  --green-dark: #006e2f;
  --green-darker: #005122;
  --red-lightest: #fff0f0;
  --red-lighter: #f9cac8;
  --red-light: #e05f59;
  --red: #c4170c;
  --red-hover: #ff5608;
  --red-dark: #5e0d07;
  --red-darker: #9b140a;
  --orange-lightest: #fdf2e6;
  --orange-lighter: #eca95c;
  --orange-light: #ec9634;
  --orange: #ec7d00;
  --orange-hover: #ec9900;
  --orange-dark: #d47100;
  --orange-darker: #be6600;



  --color-text: #333333;
  --color-input-icon: #999999;
  --color-label: #888888;
  --font-primary: 'Open Sans', sans-serif;
  --is-required: red;

  --tbx-green: rgb(9, 163, 9);

}

/*
Root
***********************/









/*
body{
  margin: 0;
  font-size: 1em;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
*/

/**********************
Placeholder
*/

._page::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--placeholder);
  opacity: 1; /* Firefox */
}

._page:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--placeholder);
}

._page::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--placeholder);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--placeholder);
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--placeholder);
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--placeholder);
}
/* 
Placeholder
***********************/

/**********************
Header Page
*/

._header-page{
  width: 100%;
  height:auto;
  float:left;
  padding: 2rem 0 2.5rem 0;
}

._header-page__title{
  font-size: 2.2em;
  font-weight: 700 !important;
  letter-spacing: -1px;
  color: #333333;
}

._header-page__subtitle{
  color: #333333;
  font-weight: normal !important;
}

/* 
Header Page
***********************/

/**********************
Breadcrumb
*/

._breadcrumb{
  width: 100%;
  height:auto;
  float:left;
  padding: 1em 0;
  line-height: 0;
  display: flex;
  align-items: center;
  font-size: .82em;
  flex-wrap: wrap;
}
._breadcrumb a{
  color: #919191;
  text-decoration: none;
  display: flex;
  align-items: center;
  line-height: 1em;
  transition: 200ms;
  
}
._breadcrumb a:after{
  content: '\e5cc';
  font-family: "Material Icons";
  padding-top: 1px;
  margin-left: 3px;
  margin-right: 3px;
}
._breadcrumb a:hover{
  color: #333333;
}
._breadcrumb a:last-child:after{
  content: '';
}

._breadcrumb__icon{
  font-size: 1.3em;
}

/* 
Breadcrumb
***********************/

/**********************
Page reset
*/

._tbx *,
._tbx *::before,
._tbx *::after{

  margin: 0;
  padding: 0;

  /*
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	text-decoration: none !important;
	outline: none !important;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: normal;
  transition: 200ms;
  */
}
._tbx{
  font-family: var(--font-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
Page reset
***********************/


/**********************
Headings - Paragraph
1em = 16px
2em = 32px
*/

._tbx h1, ._h1,
._tbx h2, ._h2,
._tbx h3, ._h3,
._tbx h4, ._h4,
._tbx h5, ._h5,
._tbx h6, ._h6{ 
  line-height: 1;
}

._tbx h1, ._h1{
  font-size: 2em;
  margin-bottom: .6em;
  line-height: 1.2em;
}

._tbx ._title{
  font-size: 2em;
  line-height: 1;
  margin-bottom: .6em;
}

._tbx ._subtitle{
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: .6em;
}

._tbx p, ._p{
  font-size: 1em;
  line-height: 1.5em;
  letter-spacing: -.03125em;
  margin-bottom: 1em;
  color: var(--color-text);
}

@media screen and (max-width:768px){
  ._tbx h1, ._h1, ._tbx ._title{
    font-size: 1.8em;
    line-height: 1.3em;
  }
  ._tbx ._subtitle{
    font-size: 1.5em;
    line-height: 1.3em;
  }
  ._tbx p, ._p{
    line-height: 1.6em;
    font-size: 1.2em;
  }
}

@media screen and (min-width:1200px){
  ._tbx h1, ._h1, ._tbx ._title{
    font-size: 2.4em;
  }
  ._tbx p, ._p{
    font-size: 1.2em;
    line-height: 1.65em;
  }
}

/*
Headings - Paragraph
***********************/

/**********************
Buttons
*/

._tbx button,
._tbx ._btn{
  background-color: transparent;
  border: none;
  border-width: thin;
  border-color: #555555;
  border-style: solid;
  padding: .5em .8em;
  font-size: 1em;
  line-height: 1;
  color: #555555;
  height: auto;
  display: inline-flex;
  align-items: center;
  /*box-shadow: 0 1px 2px 0 rgb(60 64 67 / 10%), 0 1px 3px 1px rgb(60 64 67 / 5%);*/
}
._tbx button{cursor: pointer;}

/*
Buttons
***********************/

/**********************
Section
*/

._tbx ._section{
  width: 100%;
  height:auto;
  float: left;
  padding: 3em 0;
}

/*
Section
***********************/

/**********************
Images aspect ratio
*/
._img--square, ._img--1_1 {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding: 0 !important;
}
._img--square > div, ._img--1_1 > div {
  position: relative;
  overflow: hidden;
}
._img--square > div::before, ._img--1_1 > div::before {
  content: "";
  display: inline-block;
  padding-top: 100%;
}
._img--square img, ._img--1_1 img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._img--rectangular, ._img--16_9 {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding: 0 !important;
}
._img--rectangular > div, ._img--16_9 > div {
  position: relative;
  overflow: hidden;
}
._img--rectangular > div::before, ._img--16_9 > div::before {
  content: "";
  display: inline-block;
  padding-top: 62%;
}
._img--rectangular img, ._img--16_9 img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._img--vertical, ._img--9_16 {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding: 0 !important;
}
._img--vertical > div, ._img--9_16 > div {
  position: relative;
  overflow: hidden;
}
._img--vertical > div::before, ._img--9_16 > div::before {
  content: "";
  display: inline-block;
  padding-top: 150%;
}
._img--vertical img, ._img--9_16 img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 
Images aspect ratio
***********************/

/**********************
Zoom and Rotate images

Insira a classe na div exatamente anterior ao <img />

Importante: a div que recebe a classe --zoom ou --rotate precisa ter a propriedade: overflow: hidden;

*/

.--zoom:hover img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  z-index: 0;
}

.--zoom-rotate:hover img{
  transform: scale(1.15) rotate(-5deg);
  -webkit-transform: scale(1.15) rotate(-5deg);
  -moz-transform: scale(1.15) rotate(-5deg);
  z-index: 0;
}

.--rotate:hover img{
  transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  z-index: 0;
}



/* 
Zoom and Rotate images
***********************/

/**********************
Box Shadows
*/
.--boxshadow1 { 
  box-shadow: 0 5px 10px rgba(154,160,185,.05), 0 15px 40px rgba(166,173,201,.2);
}

.--boxshadow2 { 
  box-shadow: 0 7px 30px -10px rgba(150,170,180,0.5);
}

/* 
Box Shadows
***********************/

/**********************
Inputs
- input
- textarea
- select
*/


._tbx input,
._tbx textarea,
._tbx select{
  box-sizing: border-box;
  outline: none;
  /*
  width: 100%;
  padding: .5em 1.2em;
  */
}


._tbx select{
  appearance: none;
  cursor: pointer;
  background: url(../img/select-arrow-down.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 96%;
}

._tbx select::after{
  content: 'axx';
  position: absolute;
  right: 0;
  top:0;
}



._tbx ._field{
  width:100%;
  height:auto;
  display:flex;
  align-items: center;
  position: relative;
}

._tbx ._input{
  outline: none;
  width: 100%;
  border-width:thin;
  border-color: #dbdbdb;
  border-style: solid;
  padding: .75em 1em;
  transition: 200ms;
  font-size: 1em;
  background-color: white;
  transition: 200ms;
}
._tbx ._input:focus{
  border-color: #bebebe;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, .05);
}



._tbx ._input.--big, ._tbx ._input--big{
  padding-top:1.2em;
  padding-bottom: 1.2em;
}

._tbx ._input.--larger, ._tbx ._input--larger{
  padding-top:2em;
  padding-bottom: 2em;
}








._tbx ._textarea{
    width: 100%;
    min-height: 120px;
  }
 
  
  
  











/* formularios */
._tbx ._form{width: 100%;height:auto;float: left;}
._tbx ._form__header{width: 100%;height:auto;float: left; margin-bottom: 1.5em;}
._tbx ._form__body{width: 100%;height:auto;float: left;}
._tbx ._form__footer{width: 100%;height:auto;float: left; margin-top: 1.5em;}

._tbx ._form--style-rounded ._input{border-radius: .5em;}
._tbx ._form--style-rounded ._textarea{border-radius: .5em;}

._tbx ._form--style-rounded-full ._input{border-radius: 99999px;}
._tbx ._form--style-rounded-full ._textarea{border-radius: 20px;}

._tbx ._form--style-filled ._input{
  background-color: #fafafa;
}

._tbx ._form--style-underline ._input{
  box-shadow: inherit;
  border-width:0;
  border-bottom-width: thin;
  border-color: #dbdbdb;
  border-style: solid;
  padding-left: 0;
}
._tbx ._form--style-underline ._input:focus{
  box-shadow: inherit;
  border-width:0;
  border-bottom-width: thin;
  border-color: #bebebe;
  border-style: solid;
}

/* field icon */
._tbx ._field__icon{position: absolute;color: #888888;left: 1.4em;}
._tbx ._field__icon--right{position: absolute;color: #888888;right: 1.4em;}
._tbx ._field__icon--top{top: .85em;}
._tbx ._field__icon--error{position: absolute;right: 1em;color: red;}

._tbx ._form--style-underline.--with-icon ._input{padding-left: 2.4em;}
._tbx ._form--style-underline.--with-icon ._field__icon{left: 0;}

._tbx ._input--no-icon{
  padding-left: 0 !important;
}

._tbx ._field.--with-icon ._input{
  padding-left: 3.2em;
}

/* fieldset */
._tbx ._fieldset{
  width:100%;
  height:auto;
  float:left;
  margin-bottom: 1.25em;
  position: relative;
}

._tbx ._form.--border-style-0 ._input{border-width: inherit;}
._tbx ._form.--border-style-1 ._input{border-width: thin;}
._tbx ._form.--border-style-2 ._input{border-width: medium;}

._tbx ._label__radio,
._tbx ._label__checkbox{
  width: auto;
  height:auto;
  background-color: #f7f7f7;
  margin: 1px;
  padding:.5em;
  font-size: 1.2em;
  display: inline-flex;
  align-items: center;
  border-radius: .5em;
  cursor: pointer;
}

._tbx ._label__number{
  width: 100%;
  height:auto;
  display:flex;
  align-items:center;
  position: relative;
  box-sizing: border-box;
  background-color: #f7f7f7;
  padding: 1em;
}

._tbx ._label__number  input[type=number]::-webkit-inner-spin-button,
._tbx ._label__number  input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}

._tbx ._label__number input[type="number"]{
  width: 100%;
  text-align: center;
  border: none;
  outline: none;
  font-size: 1em;
  border-radius: .5em;
  margin-right: .5em;
  margin-left: .5em;
  background-color: transparent;
}

._tbx ._label__number button {
  outline: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  color: #474747;
  cursor: pointer;
}

._tbx ._label__number ._button--circle{
  width: 2em;
  height: 2em;
  cursor: pointer;
  line-height: 0;
  text-align: center;
  letter-spacing: 0;
  margin: 0;
  position: relative;
  box-shadow: 0px 0px 1px #474747;
  border-radius: 50%;
  box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
  border: 1px solid #9e9e9e;
  margin:0 !important;
  padding:1.2em !important;
}

._tbx ._field.--is-required .input{
  border-color: red;
}

._tbx ._form__alert{
  width: 100%;
  height:auto;
  display: flex;
}

._tbx ._form__alert--text{
  color: red;
  margin-top: .3em;
  margin-right: .3em;
  display: flex;
  align-items: center;
}

._tbx ._form__alert__icon{
  color: red;
  font-size: 1.4em;
  margin-right: .3em;
}

._tbx ._form__alert--underline{
  position: absolute;
  width: 100%;
  height:2px;
  float: left;
  background-color: red;
}

/*
Inputs
***********************/

/**********************
Notecard
*/
._notecard{
  border-left: 6px solid #ffe564;
  margin: 24px 0;
  padding: 20px 30px;
  display:flow-root;
}
._notecard._note{
  background-color: rgba(255,229,100,0.3);
  font-size: 17px;
    line-height: 2em;
    font-weight: normal;
}
/* 
Notecard
***********************/

/**********************
Article
*/

._article{
  width:100%;
  height:auto;
}

._article__header{
  display: block;
}

._article__categorys{
  width: 100%;
  height:auto;
  margin-bottom: .5em;
}

._article__category{
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  font-size: 1em;
  background-color: var(--gray-700);
  color: white;
  padding: .35em 1em;
  border-radius: 50px;
  margin: 3px 3px 3px 0;
  font-weight: normal;
}
._article__category:hover{
  background-color: var(--gray-800);
  color: white;
}

._article__category-icon{
  font-size: 1.1em;
  line-height: 0;
  margin-right: 3px;
}

._article__title{
  font-weight: 700;
  letter-spacing: -.05em;
}
@media (min-width: 64rem){
  ._article__title{
    font-size: 3em !important;
}
}

._article__subtitle{
  font-size: 1.3em;
  margin-bottom: 1em;
}

._article__body{
  display: block;
}

._article__author-name{
  line-height: 1.2em;
}

._article__author-name div:first-child{
  letter-spacing: 0px;
  font-weight: 700;
}


._article__author-photo{
  width: 50px;
  height: 50px;
  margin-right: 5px;
}

._article__author-photo img{
  max-height: 50px;
  border-radius: 50px;
}

._article__publish{
  display: flex;
  align-items: center;
}

._article__publish-date{
  display: flex;
  align-items: center;
  color: var(--gray-500);
  font-size: .9em;
}
._article__publish-date span{
  font-size: 1em;
  line-height: 0;
  margin-right: 2px;
}

._article__update{
  font-size: .9em;
  display: flex;
  align-items: center;
}

._article__update:before{
  font-family: 'Material Icons';
  content: "\e923";
  margin-left: 8px;
  margin-right: 3px;
  font-size: 1.25em;
  color: var(--gray-400);
}

._article__share{
  display: flex;
  align-items: center;
}

._article__footer{
  display: block;
}

._article__comentarios{
  display: block;
}

._article__formulario-comentario{
  display: block;
}


._article__sidebar{
  width: 100%;
  height:auto;
}
/* 
Article
***********************/

/**********************
Posts
*/

._post{
  width: 100%;
  height:auto;
  float:left;
  margin: 2em 0;
}

._post p{
  max-width: 42em;
  margin-bottom: 2em;
  font-weight: normal;
  line-height: 2em;
  letter-spacing: -.03125rem;
  overflow-wrap: break-word;
  text-align: justify;
}

._post__img{
  width: 100%;
  height:auto;
  margin-bottom: 1em;
}

._post__categorys{
  width: 100%;
  height:auto;
  margin: .5em 0;
}

._post__category{
  width: auto;
  padding: .5em 1.2em;
  border-radius: 40px;
  display: inline-flex;
  align-items: center;
  background-color: #f7f7f7;
  margin-right: 5px;
  color: #333333;
}
._post__category:hover{
  background-color: #f0f0f0;
  color: #333333;
}

._post__category span{
  margin-right: 5px;
}

._post__category.--blue{
  background-color: var(--blue-dark);
  color: white !important;
}
._post__category.--blue:hover{
  background-color: var(--blue-hover);
  color: white !important;
}

._post__cont{
  margin: 0 auto;
  height:auto;
  
}

._post__head{
  width: 100%;
  height:auto;
  float:left;
  border: 0;
  border-bottom: 1px solid var(--gray-200);
  margin-bottom: 1.55em;
  padding-bottom: 1.85em;
}

._post__publish{
  position: relative;
  margin-top: 1.4em;
}
._post__signature{
  font-weight: 700;
  color: var(--gray-600);
}
._post__date{
  box-sizing: border-box;
  width: 100%;
  height:auto;
  float:left;
  position: relative;
  color:var(--gray-500);
  padding-left: 20px;
}
._post__date__icon{
  font-size: 1em;
  margin-right: 4px;
  position: absolute;
  top: 4px;
  left: 0;
}
._post__update{
  font-size: .8em;
}

._post__update::before{
  font-family: 'Material Icons';
  content: "\ef4a";
  margin: 0 5px;
  font-size: .35em;
  color: var(--gray-400);
}

._post__title{
  font-weight: 700 !important;
  letter-spacing: -0.03125em;
}
._post__subtitle{
  margin-top: .65em;
  font-size: 1.28em;
  letter-spacing: -0.03125em;
}

._post__body{
  display: block;
  float: left;
  margin-top: 1em;
  margin: 0 auto 1.666666666667em auto ;
  
}

._post__body figure{
  max-width: 35%;
  float: left;
  margin-right: 2em;
  margin-top: .85em;
  margin-bottom: 1em;
}
._post__body figure.--right{
  max-width: 35%;
  float: right;
  margin-left: 2em;
}
@media (max-width:768px){
  ._post__body figure,
  ._post__body figure.--right{
    max-width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
._post__footer{
  width: 100%;
  height:auto;
  float:left;
  margin-top: 1.6em;
  padding-bottom: 1em;
  border-bottom: 1px solid var(--gray-300);
}
._post__tags{
  width: 100%;
  height:auto;
  float: left;
  margin-bottom: 30px;
  padding: 1.2em 0;
}

._post__source{
  display: flex;
  align-items: center;
  padding:1em 0;
  margin-bottom: .35em;
  font-weight: normal;
  color: var(--gray-500);
}

._post__source span{
  font-size: 1.4em;
  margin-right: 4px;
}

._post__source a{
  margin-left: 10px;
  font-weight: normal;
  color: #474747;
}

._post__tags__titulo{
  display: flex;
  align-items: center;
  padding:2em 0 1em 0;
  margin-bottom: .35em;
  font-weight: normal;
  color: var(--gray-500);
  border-top: thin solid #dddddd;
}

._post__tags__titulo span{
  font-size: 1.4em;
  margin-right: 4px;
}

._post__tag-icon{
  margin-right: 3px;
  font-size: 1.4em;
  line-height: 0;
}
._post__tag{
  text-decoration: none;
  line-height: 2em;
  float: left;
  border-radius: 30px;
  font-size: .8em;
  padding:.2em 1em;
  background-color: var(--gray-200);
  color: var(--gray-500);
  margin: .17em;
  transition: 200ms;
  font-weight: normal;
  display: flex;
  align-items: center;
}
._post__tag:hover{
  background-color: var(--gray-300);
  color: var(--gray-600) !important;
}
._post__tag:last-child{
  margin-right: 0;
}
._post__nav{
  width: 100%;
  min-height:60px;
  position: relative;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
}
._post__prev a, ._post__next a{
  display: flex;
  align-items: center;
  color: var(--gray-600);
}
._post__prev{
  display: flex;
  align-items: center;
  justify-content: left;
}
._post__next{
  display: flex;
  align-items: center;
  justify-content: right;
}
._post__pagination{
  min-height: 60px;
  display: flex;
  align-items: center;
}
._post__pagination__number{
  font-weight: normal;
  color: var(--gray-500);
  background-color: var(--gray-200);
  width: 32px;
  height: 32px; 
  border-radius: 50%;
  text-align: center;
  margin:2px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 200ms;
}
._post__pagination__number:hover{
  color: var(--light);
  background-color: var(--gray-600);
}
._post__pagination__number:active{
  color: var(--light);
  background-color: var(--dark);
}
._post__pagination__number.--active{
  color: var(--light);
  background-color: var(--dark);
}
._post__prev ._post__prev__icon{
  background-color: var(--gray-800);
  border-radius: 50%;
  float: left;
  padding: 4px;
  color: white;
  margin-right: 6px;
}
._post__next ._post__next__icon{
  background-color: var(--gray-800);
  border-radius: 50%;
  float: left;
  padding: 4px;
  color: white;
  margin-left: 6px;
}

._post__tag.--tag-green{
  background-color: green;
  color: white;
}
._post__tag.--tag-green:hover{
  background-color: rgb(1, 172, 1);
  color: white !important;
}

._post__tag.--tag-red{
  background-color: rgb(201, 1, 27);
  color: white;
}
._post__tag.--tag-red:hover{
  background-color: rgb(255, 0, 0);
  color: white !important;
}

@media screen and (max-width:1023px){
  ._post__cont{width: 100%;}
  ._post p{font-size: 17px;}
  ._post__prev, ._post__next{display: none;}
  ._post__pagination{width: 100%;justify-content: center;}
}

@media screen and (min-width:992px){
  ._post__cont{max-width: 42em;} 
  ._post p{font-size: 17px; max-width: 42em; margin: 0 auto 1em auto;}
}

@media (min-width:64rem){
  ._post h1, ._post__title{font-size: 3em !important;}
}

/* 
Posts
***********************/



























/**********************
Atributos
*/
.--text-shadow{
  text-shadow: 1px 1px 1px rgb(77, 77, 77);
}
.--text-shadow-none,
.--text-shadow-none:hover,
.--text-shadow-none:focus{
  box-shadow: none;
}
@media(max-width:768px){
  .--text-shadow-none,
  .--text-shadow-none:hover,
  .--text-shadow-none:focus{
    box-shadow: none;
  }
}
.--box-shadow-none,
.--box-shadow-none:hover,
.--box-shadow-none:focus{
  box-shadow: none;
}
@media(max-width:768px){
  .--box-shadow-none,
  .--box-shadow-none:hover,
  .--box-shadow-none:focus{
    box-shadow: none;
  }
}

/* text-align */
.--ta-justify{text-align: justify !important;}
.--ta-left{text-align: left !important;}
.--ta-right{text-align: right !important;}
.--ta-center{text-align: center !important;}

/* position */
.--po-abs{position: absolute !important;}
.--po-rel{position: relative !important;}

/* font-size */
.--fs-10{font-size: 10px !important;}
.--fs-12{font-size: 12px !important;}
.--fs-14{font-size: 14px !important;}
.--fs-16{font-size: 16px !important;}
.--fs-18{font-size: 18px !important;}
.--fs-20{font-size: 20px !important;}
.--fs-22{font-size: 22px !important;}
.--fs-24{font-size: 24px !important;}
.--fs-26{font-size: 26px !important;}
.--fs-28{font-size: 28px !important;}
.--fs-30{font-size: 30px !important;}
.--fs-40{font-size: 40px !important;}
.--fs-50{font-size: 50px !important;}
.--fs-60{font-size: 60px !important;}
.--fs-70{font-size: 70px !important;}
.--fs-80{font-size: 80px !important;}
.--fs-90{font-size: 90px !important;}
.--fs-100{font-size: 100px !important;}

/* font-weight */
.--fw-normal{font-weight: normal !important;}
.--fw-bold{font-weight: bold !important;}
.--fw-300{font-weight: 300 !important;}
.--fw-400{font-weight: 400 !important;}
.--fw-500{font-weight: 500 !important;}
.--fw-600{font-weight: 600 !important;}
.--fw-700{font-weight: 700 !important;}
.--fw-800{font-weight: 800 !important;}
.--fw-900{font-weight: 900 !important;}

/* width */
.--wi-10{width: 10% !important;}
.--wi-20{width: 20% !important; }
.--wi-30{width: 30% !important; }
.--wi-40{width: 40% !important; }
.--wi-50{width: 50% !important; }
.--wi-60{width: 60% !important; }
.--wi-70{width: 70% !important; }
.--wi-80{width: 80% !important; }
.--wi-90{width: 90% !important; }
.--wi-100{width: 100% !important; }
@media(max-width:768px){
  .--wi-10,
  .--wi-20,
  .--wi-30,
  .--wi-40,
  .--wi-50,
  .--wi-60,
  .--wi-70,
  .--wi-80,
  .--wi-90,
  .--wi-100{
    width: 100% !important;
  }
}

/* height */
.--he-25{ height: 25vh !important; }
.--he-50{ height: 50vh !important; }
.--he-75{ height: 75vh !important; }
.--he-100{ height: 100vh !important; }

/* paddings */
.--pa-section{padding:3em 0 !important;}
.--pa-10{padding: 10px !important;}
.--pa-20{padding: 20px !important;}
.--pa-30{padding: 30px !important;}
.--pa-40{padding: 40px !important;}
.--pa-50{padding: 50px !important;}
.--pa-60{padding: 60px !important;}
.--pa-70{padding: 70px !important;}
.--pa-80{padding: 80px !important;}
.--pa-0 {padding: 0 !important;}
.--pa-5-0 {padding: 5px 0 !important;}
.--pa-10-0 {padding: 10px 0 !important;}
.--pa-15-0 {padding: 15px 0 !important;}
.--pa-20-0 {padding: 20px 0 !important;}
.--pa-40-0{padding: 40px 0 !important;}
.--pa-60-0{padding: 60px 0 !important;}
.--pa-90-0{padding: 90px 0 !important;}
.--pa-120-0{padding: 120px 0 !important;}
.--pt-0{padding-top: 0px !important;}
.--pt-10{padding-top: 10px !important;}
.--pt-20{padding-top: 20px !important;}
.--pt-30{padding-top: 30px !important;}
.--pt-40{padding-top: 40px !important;}
.--pt-60{padding-top: 60px !important;}
.--pt-80{padding-top: 80px !important;}
.--pt-120{padding-top: 120px !important;}
.--pb-0{padding-bottom: 0px !important;}
.--pb-10{padding-bottom: 10px !important;}
.--pb-20{padding-bottom: 20px !important;}
.--pb-30{padding-bottom: 30px !important;}
.--pb-40{padding-bottom: 40px !important;}
.--pb-60{padding-bottom: 60px !important;}
.--pb-80{padding-bottom: 80px !important;}
.--pb-120{padding-bottom: 120px !important;}
.--pr-0{padding-right: 0 !important;}
.--pl-0{padding-left: 0 !important;}

/* padding-top * padding-bottom */
.--ptb-0{padding-top: 0px;padding-bottom: 0px;}
.--ptb-10{padding-top: 10px;padding-bottom: 10px;}
.--ptb-20{padding-top: 20px;padding-bottom: 20px;}
.--ptb-30{padding-top: 30px;padding-bottom: 30px;}
.--ptb-60{padding-top: 60px;padding-bottom: 60px;}
.--ptb-90{padding-top: 90px;padding-bottom: 90px;}
.--ptb-120{padding-top: 120px;padding-bottom: 120px;}
.--ptb-150{padding-top: 150px;padding-bottom: 150px;}

/* padding */
.--pa-60{padding: 60px;}

/* margin-bottom */
.--mb-0{margin-bottom: 0px !important;}
.--mb-5{margin-bottom: 5px !important;}
.--mb-10{margin-bottom: 10px !important;}
.--mb-15{margin-bottom: 15px !important;}
.--mb-20{margin-bottom: 20px !important;}
.--mb-25{margin-bottom: 25px !important;}
.--mb-30{margin-bottom: 30px !important;}
.--mb-35{margin-bottom: 35px !important;}
.--mb-40{margin-bottom: 40px !important;}
.--mb-45{margin-bottom: 45px !important;}
.--mb-50{margin-bottom: 50px !important;}
.--mb-55{margin-bottom: 55px !important;}
.--mb-60{margin-bottom: 60px !important;}
.--mb-65{margin-bottom: 65px !important;}
.--mb-70{margin-bottom: 70px !important;}
.--mb-75{margin-bottom: 75px !important;}
.--mb-80{margin-bottom: 80px !important;}
.--mb-85{margin-bottom: 85px !important;}
.--mb-90{margin-bottom: 90px !important;}
.--mb-95{margin-bottom: 95px !important;}
.--mb-100{margin-bottom: 100px !important;}

/* margin-top */
.--mt-0{margin-top: 0px !important;}
.--mt-5{margin-top: 5px !important;}
.--mt-10{margin-top: 10px !important;}
.--mt-15{margin-top: 15px !important;}
.--mt-20{margin-top: 20px !important;}
.--mt-25{margin-top: 25px !important;}
.--mt-30{margin-top: 30px !important;}
.--mt-35{margin-top: 35px !important;}
.--mt-40{margin-top: 40px !important;}
.--mt-45{margin-top: 45px !important;}
.--mt-50{margin-top: 50px !important;}
.--mt-55{margin-top: 55px !important;}
.--mt-60{margin-top: 60px !important;}
.--mt-65{margin-top: 65px !important;}
.--mt-70{margin-top: 70px !important;}
.--mt-75{margin-top: 75px !important;}
.--mt-80{margin-top: 80px !important;}
.--mt-85{margin-top: 85px !important;}
.--mt-90{margin-top: 90px !important;}
.--mt-95{margin-top: 95px !important;}
.--mt-100{margin-top: 100px !important;}

/* border-radius */
.--br-0{border-radius: 0px !important;}
.--br-5{border-radius: 5px !important;}
.--br-10{border-radius: 10px !important;}
.--br-15{border-radius: 15px !important;}
.--br-20{border-radius: 20px !important;}
.--br-25{border-radius: 25px !important;}
.--br-30{border-radius: 30px !important;}
.--br-35{border-radius: 35px !important;}
.--br-40{border-radius: 40px !important;}
.--br-45{border-radius: 45px !important;}
.--br-50{border-radius: 50px !important;}
.--br-tl-0{border-top-left-radius: 0 !important;}
.--br-tr-0{border-top-right-radius: 0 !important;}
.--br-bl-0{border-bottom-left-radius: 0 !important;}
.--br-br-0{border-bottom-right-radius: 0 !important;}

/* background */
.--bg-branco{background-color: var(--white) !important;}
.--bg-claro{background-color: var(--light) !important;}
.--bg-escuro{background-color: var(--dark) !important;}
.--bg-preto{background-color: var(--black) !important;}
.--bg-cinza{background-color: var(--gray) !important;}
.--bg-azul{background-color: var(--blue) !important;}
.--bg-grafite{background-color: var(--graphite) !important;}
.--bg-verde{background-color: var(--green) !important;}
.--bg-vermelho{background-color: var(--red) !important;}
.--bg-laranja{background-color: var(--orange) !important;}
.--bg-transparente{background-color: transparent !important;}
.--bg-white{background-color: var(--white) !important;}
.--bg-gray-100{background-color: var(--gray-100) !important;}
.--bg-dark{background-color: var(--dark) !important;}
.--bg-black{background-color: var(--black) !important;}
.--bg-gray{background-color: var(--gray) !important;}
.--bg-blue{background-color: var(--blue) !important;}
.--bg-graphite{background-color: var(--graphite) !important;}
.--bg-green{background-color: var(--green) !important;}
.--bg-red{background-color: var(--red) !important;}
.--bg-light{background-color: var(--light) !important;}
.--bg-orange{background-color: var(--orange) !important;}
.--bg-transparent{background-color: transparent !important;}

/* cor */
.--light{color: var(--light) !important;}
.--dark{color: var(--dark) !important;}
.--white{color: var(--white) !important;}
.--black{color: var(--black) !important;}
.--gray{color: var(--gray) !important;}
.--graphite{color: var(--graphite) !important;}
.--green{color: var(--green) !important;}
.--red{color: var(--red) !important;}
.--blue{color: var(--blue) !important;}
.--yellow{color: var(--yellow) !important;}
.--light{color: var(--light) !important;}
.--orange{color: var(--orange) !important;}

/*text-transform*/
.--tt-upper, .--tt-uppercase{text-transform: uppercase;}
.--tt-lower{text-transform: lowercase;}

/* border */
.--bo-light{border: 1px solid var(--light);}
.--bo-dark{border: 1px solid var(--dark);}
.--bo-transparent{border:transparent;}
.--bo-dashed{border:dashed}
.--bo-2px{border: 2px solid;}
.--bo-3px{border: 3px solid;}
.--bo-5px{border: 5px solid;}

/* line-height */
.--lh-100{line-height: 100% !important;}
.--lh-110{line-height: 110% !important;}
.--lh-120{line-height: 120% !important;}
.--lh-130{line-height: 130% !important;}
.--lh-140{line-height: 140% !important;}
.--lh-150{line-height: 150% !important;}
.--lh-1r{line-height: 1em !important;}
.--lh-2r{line-height: 2em !important;}
.--lh-3r{line-height: 3em !important;}
.--lh-4r{line-height: 4em !important;}
.--lh-5r{line-height: 5em !important;}
.--lh-6r{line-height: 6em !important;}

/* animation */
.--an-fadein-1s{animation: fadeIn; animation-duration: 1s;}
.--an-fadein-2s{animation: fadeIn; animation-duration: 2s;}
.--an-fadein-3s{animation: fadeIn; animation-duration: 3s;}
.--an-fadein-4s{animation: fadeIn; animation-duration: 4s;}
.--an-fadein-5s{animation: fadeIn; animation-duration: 5s;}

/* align-items */
.--ai-center{align-items: center;}

/* list style*/
.--ls-none{
  list-style: none;
  padding-left: 0;
}

/* justify-content */
.--jc-evenly{justify-content: space-evenly !important;}
.--jc-between{justify-content: space-between !important;}
.--jc-right{justify-content: right !important;}
.--jc-center{justify-content: center !important;}
.--jc-left{justify-content: left !important;}

/* float */
.--fl-right{float: right;}
.--fl-left{float:left;}

/* flex */
.--flex-columm{flex-direction: column;}
.--flex-row{flex-direction: row;}
.--flex-flow--row-wrap{flex-flow: row wrap;}
.--flex-wrap{flex-wrap: wrap;}

/* display */
.--d-block{display: block !important;}
.--d-flex{display: flex !important;}
.--d-inline-flex{display: inline-flex !important;}
.--d-none{display: none !important;}

/* gutters */
.--no-gutters{
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* 
Atributos
***********************/



/************************************************
GRID baseado em Bootstrap 4.6
Utilizar as mesmas classes do bootstrap com o prefixo: ._
Exemplo: .col-lg-6 --> ._col-lg-6
************************************************/

@-ms-viewport {
  width: device-width;
}

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

._clearfix::after {
  display: block;
  clear: both;
  content: "";
}

._visible {
  visibility: visible !important;
}

._invisible {
  visibility: hidden !important;
}

._hidden-xs-up {
  display: none !important;
}

@media (max-width: 575.98px) {
  ._hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  ._hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  ._hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  ._hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  ._hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  ._hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  ._hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  ._hidden-xl-up {
    display: none !important;
  }
}

._hidden-xl-down {
  display: none !important;
}

._visible-print-block {
  display: none !important;
}

@media print {
  ._visible-print-block {
    display: block !important;
  }
}

._visible-print-inline {
  display: none !important;
}

@media print {
  ._visible-print-inline {
    display: inline !important;
  }
}

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

@media print {
  ._visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  ._hidden-print {
    display: none !important;
  }
}

._container {
  width: 100% !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

@media (min-width: 576px) {
  ._container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  ._container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  ._container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  ._container {
    max-width: 1140px;
  }
}

@media (min-width:1400px){
  ._container,
  ._container-lg,
  ._container-md,
  ._container-sm,
  ._container-xl,
  ._container-xxl{
      max-width:1320px
  }
}

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

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

._no-gutters {
  margin-right: 0;
  margin-left: 0;
}

._no-gutters > ._col,
._no-gutters > [class*="ze--col-"] {
  padding-right: 0;
  padding-left: 0;
}

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

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

._col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

._col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.3333333333%;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

._col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.6666666667%;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

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

._col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333333333%;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

._col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.6666666667%;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

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

._col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.3333333333%;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

._col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.6666666667%;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

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

._col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.3333333333%;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

._col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.6666666667%;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

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

._order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}

._order-last {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
      -ms-flex-order: 13;
          order: 13;
}

._order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
}

._order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

._order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

._order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}

._order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}

._order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}

._order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
}

._order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7;
}

._order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8;
}

._order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9;
}

._order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
}

._order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11;
}

._order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
      -ms-flex-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: 576px) {
  ._col-sm {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  ._col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  ._col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  ._col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  ._col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  ._col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  ._col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  ._col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  ._col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  ._col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  ._col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  ._col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  ._col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  ._col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  ._order-sm-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  ._order-sm-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  ._order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  ._order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  ._order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  ._order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  ._order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  ._order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  ._order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  ._order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  ._order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  ._order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  ._order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  ._order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  ._order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 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 {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  ._col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  ._col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  ._col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  ._col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  ._col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  ._col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  ._col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  ._col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  ._col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  ._col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  ._col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  ._col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  ._col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  ._order-md-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  ._order-md-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  ._order-md-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  ._order-md-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  ._order-md-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  ._order-md-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  ._order-md-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  ._order-md-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  ._order-md-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  ._order-md-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  ._order-md-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  ._order-md-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  ._order-md-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  ._order-md-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  ._order-md-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 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: 992px) {
  ._col-lg {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  ._col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  ._col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  ._col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  ._col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  ._col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  ._col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  ._col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  ._col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  ._col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  ._col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  ._col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  ._col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  ._col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  ._order-lg-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  ._order-lg-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  ._order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  ._order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  ._order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  ._order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  ._order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  ._order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  ._order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  ._order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  ._order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  ._order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  ._order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  ._order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  ._order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 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: 1200px) {
  ._col-xl {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  ._col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  ._col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  ._col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  ._col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  ._col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  ._col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  ._col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  ._col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  ._col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  ._col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  ._col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  ._col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  ._col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  ._order-xl-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  ._order-xl-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  ._order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  ._order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  ._order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  ._order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  ._order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  ._order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  ._order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  ._order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  ._order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  ._order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  ._order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  ._order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  ._order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 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%;
  }
}

._img-fluid {
  max-width: 100%;
  height: auto;
}

._text-center{
  text-align: center !important;
}