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

body {
  margin: 0; }

main {
  display: block; }

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

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

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

a {
  background-color: transparent; }

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

b,
strong {
  font-weight: bolder; }

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

small {
  font-size: 80%; }

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

img {
  border-style: none; }

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

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

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

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

fieldset {
  padding: .35em .75em .625em; }

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

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

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

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

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

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

details {
  display: block; }

summary {
  display: list-item; }

[hidden],
template {
  display: none; }

/**Primary Color*/
/**Secondary Color*/
/**Tertiary Color*/
/**Util Colors**/
html {
  font-size: 62.5% !important;
  overflow-x: hidden;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }
  @media (max-width: 576px) {
    html {
      font-size: 50% !important; } }
  html.noScroll {
    overflow: hidden; }

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

::-moz-selection {
  color: #fff;
  background: #ee736a; }

.lh {
  line-height: 1; }

::selection {
  color: #fff;
  background: #ee736a; }

body {
  font-weight: 400;
  line-height: 1.7;
  color: #484848;
  overflow-x: hidden;
  position: relative; }

body.noScroll {
  overflow: hidden; }

.clearfix {
  clear: both;
  overflow: auto; }

.clearfix::after {
  content: "";
  clear: both;
  display: table; }

.p-r {
  position: relative; }

.p-a {
  position: absolute; }

.p-f {
  position: fixed; }

.top-0 {
  top: 0; }

.top-10 {
  top: 10%; }

.top-20 {
  top: 20%; }

.top-30 {
  top: 30%; }

.top-40 {
  top: 40%; }

.top-50 {
  top: 50%; }

.bottom-10 {
  bottom: 10%; }

.bottom-20 {
  bottom: 20%; }

.bottom-30 {
  bottom: 30%; }

.bottom-40 {
  bottom: 40%; }

.bottom-50 {
  bottom: 50%; }

.left-0 {
  left: 0; }

.left-50 {
  left: 50%; }

.right-0 {
  right: 0; }

.right-50 {
  right: 50%; }

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

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

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

.center-margin {
  margin: 0 auto; }

.center-r-h {
  position: relative;
  left: 50%;
  transform: translateX(-50%); }

.center-a-h {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }

.center-f-h {
  position: fixed;
  left: 50%;
  transform: translateX(-50%); }

.center-r-v {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.center-a-v {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.center-f-v {
  position: fixed;
  top: 50%;
  transform: translateY(-50%); }

.center-r-b {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.center-a-b {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.center-f-b {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.mt-5 {
  margin-top: 0.5rem; }

.mt-10 {
  margin-top: 1rem; }

.mt-15 {
  margin-top: 1.5rem; }

.mt-20 {
  margin-top: 2rem; }

.mt-25 {
  margin-top: 2.5rem; }

.mt-30 {
  margin-top: 3rem; }

.mt-35 {
  margin-top: 3.5rem; }

.mt-40 {
  margin-top: 4rem; }

.mt-45 {
  margin-top: 4.5rem; }

.mt-50 {
  margin-top: 5rem; }

.mr-5 {
  margin-right: 0.5rem; }

.mr-10 {
  margin-right: 1rem; }

.mr-15 {
  margin-right: 1.5rem; }

.mr-20 {
  margin-right: 2rem; }

.mr-25 {
  margin-right: 2.5rem; }

.mr-30 {
  margin-right: 3rem; }

.mr-35 {
  margin-right: 3.5rem; }

.mr-40 {
  margin-right: 4rem; }

.mr-45 {
  margin-right: 4.5rem; }

.mr-50 {
  margin-right: 5rem; }

.mb-5 {
  margin-bottom: 0.5rem; }

.mb-10 {
  margin-bottom: 1rem; }

.mb-15 {
  margin-bottom: 1.5rem; }

.mb-20 {
  margin-bottom: 2rem; }

.mb-25 {
  margin-bottom: 2.5rem; }

.mb-30 {
  margin-bottom: 3rem; }

.mb-35 {
  margin-bottom: 3.5rem; }

.mb-40 {
  margin-bottom: 4rem; }

.mb-45 {
  margin-bottom: 4.5rem; }

.mb-50 {
  margin-bottom: 5rem; }

.ml-5 {
  margin-left: 0.5rem; }

.ml-10 {
  margin-left: 1rem; }

.ml-15 {
  margin-left: 1.5rem; }

.ml-20 {
  margin-left: 2rem; }

.ml-25 {
  margin-left: 2.5rem; }

.ml-30 {
  margin-left: 3rem; }

.ml-35 {
  margin-left: 3.5rem; }

.ml-40 {
  margin-left: 4rem; }

.ml-45 {
  margin-left: 4.5rem; }

.ml-50 {
  margin-left: 5rem; }

.pt-5 {
  padding-top: 0.5rem; }

.pt-10 {
  padding-top: 1rem; }

.pt-15 {
  padding-top: 1.5rem; }

.pt-20 {
  padding-top: 2rem; }

.pt-25 {
  padding-top: 2.5rem; }

.pt-30 {
  padding-top: 3rem; }

.pt-35 {
  padding-top: 3.5rem; }

.pt-40 {
  padding-top: 4rem; }

.pt-45 {
  padding-top: 4.5rem; }

.pt-50 {
  padding-top: 5rem; }

.pr-5 {
  padding-right: 0.5rem; }

.pr-10 {
  padding-right: 1rem; }

.pr-15 {
  padding-right: 1.5rem; }

.pr-20 {
  padding-right: 2rem; }

.pr-25 {
  padding-right: 2.5rem; }

.pr-30 {
  padding-right: 3rem; }

.pr-35 {
  padding-right: 3.5rem; }

.pr-40 {
  padding-right: 4rem; }

.pr-45 {
  padding-right: 4.5rem; }

.pr-50 {
  padding-right: 5rem; }

.pb-5 {
  padding-bottom: 0.5rem; }

.pb-10 {
  padding-bottom: 1rem; }

.pb-15 {
  padding-bottom: 1.5rem; }

.pb-20 {
  padding-bottom: 2rem; }

.pb-25 {
  padding-bottom: 2.5rem; }

.pb-30 {
  padding-bottom: 3rem; }

.pb-35 {
  padding-bottom: 3.5rem; }

.pb-40 {
  padding-bottom: 4rem; }

.pb-45 {
  padding-bottom: 4.5rem; }

.pb-50 {
  padding-bottom: 5rem; }

.pl-5 {
  padding-left: 0.5rem; }

.pl-10 {
  padding-left: 1rem; }

.pl-15 {
  padding-left: 1.5rem; }

.pl-20 {
  padding-left: 2rem; }

.pl-25 {
  padding-left: 2.5rem; }

.pl-30 {
  padding-left: 3rem; }

.pl-35 {
  padding-left: 3.5rem; }

.pl-40 {
  padding-left: 4rem; }

.pl-45 {
  padding-left: 4.5rem; }

.pl-50 {
  padding-left: 5rem; }

.pa-5 {
  padding: 0.5rem; }

.pa-10 {
  padding: 1rem; }

.pa-15 {
  padding: 1.5rem; }

.pa-20 {
  padding: 2rem; }

.pa-25 {
  padding: 2.5rem; }

.pa-30 {
  padding: 3rem; }

.pa-35 {
  padding: 3.5rem; }

.pa-40 {
  padding: 4rem; }

.pa-45 {
  padding: 4.5rem; }

.pa-50 {
  padding: 5rem; }

.ptb-5 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.ptb-10 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.ptb-15 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.ptb-20 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.ptb-25 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

.ptb-30 {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.ptb-35 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem; }

.ptb-40 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.ptb-45 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem; }

.ptb-50 {
  padding-top: 5rem;
  padding-bottom: 5rem; }

.prl-5 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.prl-10 {
  padding-left: 1rem;
  padding-right: 1rem; }

.prl-15 {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.prl-20 {
  padding-left: 2rem;
  padding-right: 2rem; }

.prl-25 {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

.prl-30 {
  padding-left: 3rem;
  padding-right: 3rem; }

.prl-35 {
  padding-left: 3.5rem;
  padding-right: 3.5rem; }

.prl-40 {
  padding-left: 4rem;
  padding-right: 4rem; }

.prl-45 {
  padding-left: 4.5rem;
  padding-right: 4.5rem; }

.prl-50 {
  padding-left: 5rem;
  padding-right: 5rem; }

.br-r-1 {
  border-radius: 1px; }

.br-r-2 {
  border-radius: 2px; }

.br-r-2 {
  border-radius: 2px; }

.br-r-3 {
  border-radius: 3px; }

.br-r-4 {
  border-radius: 4px; }

.br-r-5 {
  border-radius: 5px; }

.br-r-6 {
  border-radius: 6px; }

.br-r-7 {
  border-radius: 7px; }

.br-r-8 {
  border-radius: 8px; }

.br-r-9 {
  border-radius: 9px; }

.br-r-10 {
  border-radius: 10px; }

.br-r-11 {
  border-radius: 11px; }

.br-r-12 {
  border-radius: 12px; }

.br-r-13 {
  border-radius: 13px; }

.br-r-14 {
  border-radius: 14px; }

.br-r-15 {
  border-radius: 15px; }

.br-r-16 {
  border-radius: 16px; }

.br-r-17 {
  border-radius: 17px; }

.br-r-18 {
  border-radius: 18px; }

.br-r-19 {
  border-radius: 19px; }

.br-r-20 {
  border-radius: 20px; }

.btn:link,
.btn:visited,
.btn:hover,
.btn:focus,
.btn:active {
  outline: none;
  text-decoration: none; }

.btn-primary:link,
.btn-primary:visited,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #ee736a; }

.btn-primary:hover {
  background-color: #e9483c; }

.btn-secondary:link,
.btn-secondary:visited,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #f7b583; }

.btn-secondary:hover {
  background-color: #f49853; }

.btn-tertiary:link,
.btn-tertiary:visited,
.btn-tertiary:hover,
.btn-tertiary:focus,
.btn-tertiary:active {
  background-color: #ee726a; }

.btn-tertiary:hover {
  background-color: #e9473c; }

.transition-1 {
  transition: all 0.1s; }

.transition-2 {
  transition: all 0.2s; }

.transition-3 {
  transition: all 0.3s; }

.transition-4 {
  transition: all 0.4s; }

.transition-5 {
  transition: all 0.5s; }

.transition-6 {
  transition: all 0.6s; }

.transition-7 {
  transition: all 0.7s; }

.transition-8 {
  transition: all 0.8s; }

.transition-9 {
  transition: all 0.9s; }

.transition-10 {
  transition: all 1s; }

.bg-primary {
  background-color: #ee736a; }

.bg-secondary {
  background-color: #f7b583; }

.bg-tertiary {
  background-color: #f7b583; }

.bg-lg-1 {
  background-color: #eee; }

.bg-lg-2 {
  background-color: #ccc; }

.bg-lg-3 {
  background-color: #999; }

.f-s-10 {
  font-size: 1rem; }

.f-s-11 {
  font-size: 1.1rem; }

.f-s-12 {
  font-size: 1.2rem; }

.f-s-13 {
  font-size: 1.3rem; }

.f-s-14 {
  font-size: 1.4rem; }

.f-s-15 {
  font-size: 1.5rem; }
  @media (max-width: 576px) {
    .f-s-15 {
      font-size: 15px; } }

.f-s-16 {
  font-size: 1.6rem; }
  @media (max-width: 576px) {
    .f-s-16 {
      font-size: 16px; } }

.f-s-17 {
  font-size: 1.7rem; }

.f-s-18 {
  font-size: 1.8rem; }

.f-s-19 {
  font-size: 1.9rem; }

.f-s-20 {
  font-size: 2rem; }

.f-s-22 {
  font-size: 2.2rem; }

.f-s-24 {
  font-size: 2.4rem; }

.f-s-26 {
  font-size: 2.6rem; }

.f-s-28 {
  font-size: 2.8rem; }

.f-s-30 {
  font-size: 3rem; }

.f-s-35 {
  font-size: 3.5rem; }

.f-s-40 {
  font-size: 4rem; }

.f-s-45 {
  font-size: 4.5rem; }

.f-s-50 {
  font-size: 5rem; }

.f-w-2 {
  font-weight: 200; }

.f-w-3 {
  font-weight: 300; }

.f-w-4 {
  font-weight: 400; }

.f-w-5 {
  font-weight: 500; }

.f-w-6 {
  font-weight: 600; }

.f-w-7 {
  font-weight: 700; }

.f-w-8 {
  font-weight: 800; }

.f-w-9 {
  font-weight: 900; }

.text-color-primary {
  color: #ee736a; }

.text-color-secondary {
  color: #f7b583; }

.text-color-tertiary {
  color: #ee726a; }

.text-color-font {
  color: #484848; }

.text-color-font-l {
  color: #4a555e; }

.text-color-lg {
  color: #999; }

.text-color-mg {
  color: #666; }

.text-color-black {
  color: #000; }

.text-color-white {
  color: #fff; }

.uppercase {
  text-transform: uppercase; }

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

@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; } }

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

.row {
  display: -ms-flexbox;
  display: flex;
  -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*="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%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

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

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  -ms-flex-order: -1;
  order: -1; }

.order-last {
  -ms-flex-order: 13;
  order: 13; }

.order-0 {
  -ms-flex-order: 0;
  order: 0; }

.order-1 {
  -ms-flex-order: 1;
  order: 1; }

.order-2 {
  -ms-flex-order: 2;
  order: 2; }

.order-3 {
  -ms-flex-order: 3;
  order: 3; }

.order-4 {
  -ms-flex-order: 4;
  order: 4; }

.order-5 {
  -ms-flex-order: 5;
  order: 5; }

.order-6 {
  -ms-flex-order: 6;
  order: 6; }

.order-7 {
  -ms-flex-order: 7;
  order: 7; }

.order-8 {
  -ms-flex-order: 8;
  order: 8; }

.order-9 {
  -ms-flex-order: 9;
  order: 9; }

.order-10 {
  -ms-flex-order: 10;
  order: 10; }

.order-11 {
  -ms-flex-order: 11;
  order: 11; }

.order-12 {
  -ms-flex-order: 12;
  order: 12; }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1; }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13; }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0; }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1; }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2; }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3; }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4; }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5; }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6; }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7; }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8; }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9; }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10; }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11; }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.333333%; }
  .offset-sm-2 {
    margin-left: 16.666667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.333333%; }
  .offset-sm-5 {
    margin-left: 41.666667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.333333%; }
  .offset-sm-8 {
    margin-left: 66.666667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.333333%; }
  .offset-sm-11 {
    margin-left: 91.666667%; } }

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1; }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13; }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0; }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1; }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2; }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3; }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4; }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5; }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6; }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7; }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8; }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9; }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10; }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11; }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.333333%; }
  .offset-md-2 {
    margin-left: 16.666667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.333333%; }
  .offset-md-5 {
    margin-left: 41.666667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.333333%; }
  .offset-md-8 {
    margin-left: 66.666667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.333333%; }
  .offset-md-11 {
    margin-left: 91.666667%; } }

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1; }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13; }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0; }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1; }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2; }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3; }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4; }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5; }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6; }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7; }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8; }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9; }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10; }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11; }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.333333%; }
  .offset-lg-2 {
    margin-left: 16.666667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.333333%; }
  .offset-lg-5 {
    margin-left: 41.666667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.333333%; }
  .offset-lg-8 {
    margin-left: 66.666667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.333333%; }
  .offset-lg-11 {
    margin-left: 91.666667%; } }

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1; }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13; }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0; }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1; }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2; }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3; }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4; }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5; }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6; }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7; }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8; }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9; }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10; }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11; }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.333333%; }
  .offset-xl-2 {
    margin-left: 16.666667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.333333%; }
  .offset-xl-5 {
    margin-left: 41.666667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.333333%; }
  .offset-xl-8 {
    margin-left: 66.666667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.333333%; }
  .offset-xl-11 {
    margin-left: 91.666667%; } }

.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: -ms-flexbox !important;
  display: flex !important; }

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

@media (min-width: 576px) {
  .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: -ms-flexbox !important;
    display: flex !important; }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    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: -ms-flexbox !important;
    display: flex !important; }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .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: -ms-flexbox !important;
    display: flex !important; }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .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: -ms-flexbox !important;
    display: flex !important; }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    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: -ms-flexbox !important;
    display: flex !important; }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important; }

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

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

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

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

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

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

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

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

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

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important; }

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

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

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

#nav {
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
  background-color: #fff;
  transition: all 0.2s ease-in-out; }
  #nav.nav-fixed {
    height: 60px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); }
  @media (max-width: 1200px) {
    #nav {
      height: 60px;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } }
  #nav .container {
    height: 100%; }
    @media (max-width: 1200px) {
      #nav .container {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        #nav .container:before, #nav .container:after {
          display: none; } }
    #nav .container .leftSide {
      height: 100%; }
      @media (max-width: 1200px) {
        #nav .container .leftSide .imgContainer {
          z-index: 9999999;
          position: relative; }
        #nav .container .leftSide:after {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-color: #fff;
          content: "";
          z-index: 99999; } }
      #nav .container .leftSide .imgContainer {
        height: 100%; }
        @media (max-width: 380px) {
          #nav .container .leftSide .imgContainer img {
            height: 30px; } }
    #nav .container .rightSide {
      position: relative;
      height: 100%;
      flex: 1;
      margin-left: 100px; }
      #nav .container .rightSide .lang {
        display: none !important; }
      #nav .container .rightSide > ul {
        position: relative;
        z-index: 2;
        height: 100%;
        width: 100%; }
        #nav .container .rightSide > ul > li {
          height: 100%;
          width: 25%;
          transform: skew(-45deg);
          transition: all 0.1s ease-in-out;
          border-right: 1px solid rgba(255, 255, 255, 0.4); }
          @media (max-width: 1200px) {
            #nav .container .rightSide > ul > li {
              border: none; } }
          #nav .container .rightSide > ul > li.active {
            background-color: #ee726a;
            box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }
            #nav .container .rightSide > ul > li.active:after {
              display: none; }
          #nav .container .rightSide > ul > li:hover:after {
            transform: scaleX(1); }
          #nav .container .rightSide > ul > li:after {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            content: "";
            background-color: #ee726a;
            z-index: 1;
            transform: scaleY(0);
            transform-origin: bottom;
            transition: all 0.1s ease-in-out; }
          #nav .container .rightSide > ul > li a {
            color: #fff;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            transform: skew(45deg);
            font-family: Montserrat, sans-serif;
            font-weight: 600;
            font-size: 14px;
            position: relative;
            z-index: 2; }
            #nav .container .rightSide > ul > li a:hover {
              background-color: transparent; }
      @media (max-width: 1200px) {
        #nav .container .rightSide {
          position: fixed;
          height: 100%;
          width: 100%;
          top: 60px;
          left: 0;
          background: linear-gradient(to bottom, #ee736a, #f7b583);
          transition: all 0.3s ease-in-out;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: start;
          padding-top: 2rem;
          margin: 0;
          transform: translateY(-100%);
          z-index: 9999; }
          #nav .container .rightSide.visible {
            transform: translateY(0); }
          #nav .container .rightSide .lang {
            display: flex !important;
            margin: 0; }
            #nav .container .rightSide .lang a:before {
              display: none; }
            #nav .container .rightSide .lang.open ul {
              height: 100px; }
            #nav .container .rightSide .lang ul li {
              height: 50px; }
              #nav .container .rightSide .lang ul li a {
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center; }
          #nav .container .rightSide > ul {
            display: flex;
            height: auto;
            flex-direction: column;
            align-items: center; }
            @supports (-webkit-overflow-scrolling: touch) {
              #nav .container .rightSide > ul {
                transition: 0s; } }
            #nav .container .rightSide > ul > li {
              height: 70px;
              width: 350px;
              transform: none; }
              @supports (-webkit-overflow-scrolling: touch) {
                #nav .container .rightSide > ul > li:after {
                  transition: 0s; } }
              #nav .container .rightSide > ul > li a {
                transform: none; }
                @supports (-webkit-overflow-scrolling: touch) {
                  #nav .container .rightSide > ul > li a {
                    transition: 0s; } } }
      #nav .container .rightSide:after {
        content: "";
        height: 100%;
        width: 200%;
        background: linear-gradient(to right, #ee736a, #f7b583 60%);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        transform: skew(-45deg); }
        @media (max-width: 1200px) {
          #nav .container .rightSide:after {
            display: none; } }
    #nav .container .burger {
      cursor: pointer;
      display: none; }
      @media (max-width: 1200px) {
        #nav .container .burger {
          display: block;
          z-index: 9999999;
          position: relative; } }
    #nav .container .bar1,
    #nav .container .bar2,
    #nav .container .bar3 {
      width: 30px;
      height: 3px;
      background: linear-gradient(to right, #ee736a, #f7b583);
      margin: 6px 0;
      transition: 0.3s ease-in-out; }
    #nav .container .change .bar1 {
      -webkit-transform: rotate(-45deg) translate(-4px, 5px);
      transform: rotate(-45deg) translate(-4px, 5px); }
    #nav .container .change .bar2 {
      opacity: 0; }
    #nav .container .change .bar3 {
      -webkit-transform: rotate(45deg) translate(-7px, -9px);
      transform: rotate(45deg) translate(-7px, -9px); }
    #nav .container .farRight {
      position: relative;
      margin-left: 6rem; }
      @media (max-width: 1200px) {
        #nav .container .farRight {
          display: none !important; } }
      #nav .container .farRight > a {
        position: relative; }
        #nav .container .farRight > a span {
          font-size: 1.6rem;
          transition: all 0.1s ease-in-out; }
      #nav .container .farRight.open > a span {
        transform: rotate(180deg); }
      #nav .container .farRight.open ul {
        height: 56px; }
      #nav .container .farRight a {
        z-index: 2;
        width: auto; }
      #nav .container .farRight ul {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        display: block;
        border: none;
        box-shadow: none;
        height: 0;
        overflow: hidden;
        transition: all 0.1s ease-in-out;
        width: 100px;
        padding: 0; }
        #nav .container .farRight ul li {
          background-color: #f7b583;
          transition: all 0.1s ease-in-out;
          list-style: none; }
          #nav .container .farRight ul li a {
            text-align: center;
            color: #fff;
            transition: all 0.1s ease-in-out; }
            #nav .container .farRight ul li a:hover {
              background-color: #ee736a; }

.footer {
  height: 80px;
  background-color: #24282f; }
  @media (max-width: 992px) {
    .footer {
      height: auto; } }
  .footer .container {
    height: 100%; }
    @media (max-width: 992px) {
      .footer .container {
        max-width: 100%;
        padding: 0; } }
  .footer .leftSide, .footer .rightSide {
    height: 100%;
    text-align: center; }
    @media (max-width: 992px) {
      .footer .leftSide, .footer .rightSide {
        height: 50px;
        max-width: 100%;
        padding: 0; } }
  .footer .leftSide {
    justify-content: center; }
  .footer .rightSide {
    position: relative; }
    .footer .rightSide:after {
      position: absolute;
      left: 0;
      top: 0;
      width: 150%;
      height: 100%;
      content: "";
      background-color: #272c33;
      transform: skew(-45deg);
      z-index: 1; }
      @media (max-width: 992px) {
        .footer .rightSide:after {
          transform: skew(0); } }
    .footer .rightSide .items {
      height: 100%;
      position: relative;
      z-index: 2; }
      @media (max-width: 992px) {
        .footer .rightSide .items {
          justify-content: center !important; } }
      .footer .rightSide .items .item.icon {
        height: 22px; }
      .footer .rightSide .items .item.top {
        cursor: pointer; }
        .footer .rightSide .items .item.top button {
          background-color: transparent;
          border: none;
          outline: none;
          transition: all 0.1s ease-in-out; }
          .footer .rightSide .items .item.top button:hover {
            transform: translateY(-5px); }
          .footer .rightSide .items .item.top button:active {
            transform: translateY(5px); }
      .footer .rightSide .items .item svg {
        color: #fff;
        transition: all 0.1s ease-in-out;
        height: 22px; }
        .footer .rightSide .items .item svg:hover {
          color: #ee736a; }

.landing {
  background-image: url("../images/bg.jpg");
  background-size: cover;
  background-position: center;
  height: 600px;
  margin-top: 80px; }
  @media (max-width: 576px) {
    .landing {
      background-image: url("../images/bgMobile.jpg"); } }
  @media (max-width: 576px) {
    .landing {
      height: 280px; } }
  @media (max-width: 1200px) {
    .landing {
      margin-top: 60px; } }
  @media (max-width: 576px) {
    .landing.hr .container {
      justify-content: flex-end !important;
      padding-bottom: 20px; } }
  .landing.hr .contentWrapper {
    position: relative; }
    @media (max-width: 576px) {
      .landing.hr .contentWrapper {
        display: flex;
        flex-direction: column; } }
    .landing.hr .contentWrapper:before {
      height: 110%;
      width: 100%;
      background-color: rgba(255, 255, 255, 0.7);
      position: absolute;
      top: 0;
      left: -40%;
      content: "";
      z-index: 1; }
      @media (max-width: 1200px) {
        .landing.hr .contentWrapper:before {
          left: -30%; } }
      @media (max-width: 992px) {
        .landing.hr .contentWrapper:before {
          left: -500px;
          width: 1200px; } }
      @media (max-width: 767px) {
        .landing.hr .contentWrapper:before {
          left: -200px;
          width: 900px;
          height: 110%; } }
      @media (max-width: 576px) {
        .landing.hr .contentWrapper:before {
          height: 200px;
          left: auto;
          right: 5px;
          top: 10px; } }
    .landing.hr .contentWrapper .title, .landing.hr .contentWrapper .infoContainer {
      position: relative;
      z-index: 2; }
    .landing.hr .contentWrapper h3 {
      max-width: 60%; }
      @media (max-width: 767px) {
        .landing.hr .contentWrapper h3 {
          max-width: 100%; } }
    @media (max-width: 576px) {
      .landing.hr .contentWrapper .title {
        height: 80px; }
      .landing.hr .contentWrapper h3 {
        max-width: 100%; } }
  .landing .container {
    height: 100%; }
    @media (max-width: 576px) {
      .landing .container {
        justify-content: start !important; } }
  .landing h2 {
    font-size: 7rem;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 0;
    transform: translateX(-4px); }
    @media (max-width: 576px) {
      .landing h2 {
        font-size: 4rem; } }
  .landing h3 {
    margin-top: 0;
    font-family: "Montserrat", sans-serif; }
    @media (max-width: 576px) {
      .landing h3 {
        font-size: 2rem;
        max-width: 50%; } }
  @media (max-width: 767px) {
    .landing .infoContainer .item span {
      font-size: 1.8rem; } }
  @media (max-width: 576px) {
    .landing .infoContainer .item {
      max-width: 90%; }
      .landing .infoContainer .item span {
        font-size: 2.2rem; } }
  .landing .infoContainer .item .icon {
    width: 24px;
    height: 24px;
    background: linear-gradient(to right, #f7b583, #ee736a);
    border-radius: 50%;
    flex-shrink: 0; }
    .landing .infoContainer .item .icon i {
      color: #fff; }
  .landing .infoContainer .item span {
    font-family: "Montserrat", sans-serif; }
    @media (max-width: 576px) {
      .landing .infoContainer .item span {
        font-size: 2rem;
        line-height: 1; } }
  @media (max-width: 576px) {
    .landing .infoContainer .item:not(:first-child) {
      margin-top: 1rem; } }

#carousel-example-generic {
  margin-top: -40px; }
  @media (max-width: 1200px) {
    #carousel-example-generic {
      margin-top: 60px; } }
  #carousel-example-generic .item img {
    transform: translateY(20px); }
  #carousel-example-generic .carousel-control span {
    transform: translateY(40px); }
  @media (max-width: 1200px) {
    #carousel-example-generic .item img {
      transform: translateY(0); }
    #carousel-example-generic .carousel-control span {
      transform: translateY(0); } }
  @media (max-width: 576px) {
    #carousel-example-generic .carousel-control span {
      transform: translateY(-10px); } }

.numbers {
  height: 20rem; }
  .numbers .col-lg-3 {
    padding: 0; }
    @media (max-width: 576px) {
      .numbers .col-lg-3 {
        display: inline-block !important;
        flex: 1 0 50%; } }
  .numbers .iPhoneFix {
    display: none; }
  @media (max-width: 992px) {
    .numbers {
      height: auto;
      padding: 4rem; }
      .numbers .col-lg-3:nth-child(1), .numbers .col-lg-3:nth-child(2) {
        margin-bottom: 4rem; } }
  @media (max-width: 992px) and (max-width: 480px) {
    .numbers .col-lg-3 .item {
      flex-direction: column;
      height: 110px;
      justify-content: space-between; }
      .numbers .col-lg-3 .item .imgContainer {
        margin-bottom: 1rem; }
      .numbers .col-lg-3 .item .top {
        text-align: center; }
      .numbers .col-lg-3 .item .bottom {
        text-align: center; } }
  @media (max-width: 992px) {
      .numbers .col-lg-3 .item .bottom span {
        display: block;
        min-width: 140px; } }
  @media (max-width: 576px) {
    .numbers {
      padding: 2rem 0; }
      .numbers .fullSize .item {
        padding: 5px;
        flex-direction: column; }
        .numbers .fullSize .item .imgContainer {
          margin: 0; }
          .numbers .fullSize .item .imgContainer img {
            max-height: 47px; }
        .numbers .fullSize .item .infoContainer .top {
          text-align: center; }
        .numbers .fullSize .item .infoContainer .bottom {
          text-align: center; } }

a {
  color: #484848; }
  a:hover {
    text-decoration: none; }

.temporaryBanner {
  height: 300px;
  background: url("../images/bannerBG.png") no-repeat center top;
  background-size: 1920px auto;
  margin-top: -100px;
  position: relative;
  z-index: 9999; }
  .temporaryBanner .row {
    width: 100%; }
  @media (max-width: 992px) {
    .temporaryBanner {
      background: #2c313a;
      height: auto;
      padding: 4rem 0;
      margin: 0; }
      .temporaryBanner .infoWrapper {
        align-items: center;
        margin-top: 4rem;
        margin-bottom: 4rem; }
        .temporaryBanner .infoWrapper .title h4 {
          text-align: center; }
        .temporaryBanner .infoWrapper .infoContainer {
          text-align: center; } }
  .temporaryBanner .imgContainer {
    width: 124px;
    height: 128px; }
  .temporaryBanner .container {
    height: 100%; }

.btnGradient {
  min-width: 250px;
  height: 60px;
  background: linear-gradient(to right, #f7b583, #ee736a); }
  .btnGradient span {
    position: relative;
    z-index: 2; }
  .btnGradient:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
    opacity: 0;
    transition: all 0.1s ease-in-out; }
  .btnGradient:hover {
    color: #fff;
    text-decoration: none; }
    .btnGradient:hover:after {
      opacity: 0.5; }
  .btnGradient:active:after {
    opacity: 1; }

.section.section-about1 {
  padding-top: 4rem;
  background: url("../images/o-nama1.png") center top;
  background-size: cover; }
  @media (max-width: 576px) {
    .section.section-about1 {
      background: linear-gradient(to right, #f7b583 0, #ee736a 40%, #ee736a 60%, #f7b583 100%); } }
  .section.section-about1 .container {
    margin-top: 0;
    padding-bottom: 8rem; }

#presentation .ring {
  display: inline-block;
  border: 1px solid #f7b583;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  height: 270px;
  width: 270px;
  flex-shrink: 0; }
  #presentation .ring .imgContainer {
    height: 250px;
    width: 250px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    #presentation .ring .imgContainer img {
      position: absolute;
      left: 50%;
      top: 0;
      transform: translateX(-50%); }
  #presentation .ring .icon {
    position: absolute;
    bottom: 0;
    height: 80px;
    width: 80px;
    background: linear-gradient(to right, #f7b583, #ee736a);
    border-radius: 50%;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3); }
    #presentation .ring .icon i {
      font-size: 40px;
      color: #fff;
      line-height: 1; }
    #presentation .ring .icon.right {
      right: 0; }
    #presentation .ring .icon.left {
      left: 0; }

@media (max-width: 992px) {
  #presentation .infoContainer {
    width: 100%; } }

#presentation .infoContainer .title h3 {
  font-family: "Montserrat", sans-serif; }

#presentation .infoContainer .desc p {
  font-family: "Montserrat", sans-serif;
  margin-bottom: 0;
  line-height: 1.3; }

#presentation .infoContainer .desc.alt i {
  transform: translateY(2px); }

#presentation .infoContainer .desc a:hover {
  transition: all 0.1s ease-in-out;
  color: #ee736a; }

#presentation .connector {
  display: block;
  background-color: #f7b583;
  height: 1px;
  width: calc(100% - 262px);
  margin: 0 auto;
  position: relative; }
  #presentation .connector:before {
    position: absolute;
    height: 60px;
    width: 1px;
    background-color: #f7b583;
    content: "";
    z-index: -1; }
  #presentation .connector:after {
    position: absolute;
    height: 60px;
    width: 1px;
    background-color: #f7b583;
    content: "";
    z-index: -1; }
  #presentation .connector.first:before {
    bottom: 100%;
    left: 0; }
  #presentation .connector.first:after {
    top: 100%;
    right: 0; }
  #presentation .connector.second:before {
    top: 100%;
    left: 0; }
  #presentation .connector.second:after {
    bottom: 100%;
    right: 0; }
  #presentation .connector.third {
    width: 131px;
    margin: 0 0 0 131px; }
    #presentation .connector.third:before {
      bottom: 100%;
      left: 0; }
    #presentation .connector.third:after {
      top: 100%;
      right: 0;
      height: 300px; }
  #presentation .connector.fourth {
    width: 131px;
    margin: 0 0 0 131px; }
    #presentation .connector.fourth:before {
      top: 100%;
      left: 0; }
    #presentation .connector.fourth:after {
      bottom: 100%;
      right: 0;
      height: 300px; }

#presentation .item .icons .iconRow .iconContainer {
  width: 251px;
  height: 60px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px; }
  #presentation .item .icons .iconRow .iconContainer img {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  #presentation .item .icons .iconRow .iconContainer.transformLeft {
    transform: translateX(-20px); }
  #presentation .item .icons .iconRow .iconContainer.transformRight {
    transform: translateX(20px); }

#presentation .item .icons .centerIcon .iconRing {
  height: 120px;
  width: 120px;
  border: 1px solid #f7b583;
  border-radius: 50%;
  background: #fff; }
  #presentation .item .icons .centerIcon .iconRing .icon {
    height: 80px;
    width: 80px;
    background: linear-gradient(to right, #f7b583, #ee736a);
    border-radius: 50%;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3); }

@media (max-width: 992px) {
  #presentation .item {
    flex-direction: column;
    padding: 2rem 0; }
    #presentation .item.reverse {
      flex-direction: column-reverse; }
  #presentation .ring {
    margin: 0 auto;
    width: 220px;
    height: 220px; }
    #presentation .ring .icon {
      width: 50px;
      height: 50px; }
      #presentation .ring .icon i {
        font-size: 30px; }
    #presentation .ring .imgContainer {
      width: 200px;
      height: 200px; }
  #presentation .title {
    text-align: center;
    margin-bottom: 2rem; }
  #presentation .desc p {
    text-align: center; }
    #presentation .desc p:not(:first-child) {
      margin-top: 2rem; }
  #presentation .desc.alt p {
    display: block !important; }
  #presentation .links, #presentation .social {
    display: flex;
    justify-content: center; }
  #presentation .connector {
    display: none; }
  #presentation .icons {
    margin: 4rem 0 2rem; }
    #presentation .icons .iconRow {
      justify-content: center; } }

@media (max-width: 576px) {
  #presentation .links span {
    display: none; }
  #presentation .links {
    flex-direction: column;
    align-items: center; }
    #presentation .links a {
      margin: 10px 0 0; }
    #presentation .links .socialContainer {
      margin: 10px 0 0;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      #presentation .links .socialContainer img {
        margin: 0; }
  #presentation .icons .iconRow .transformRight, #presentation .icons .iconRow .transformLeft {
    transform: none !important; }
  #presentation .icons .iconRow img {
    max-width: 90%; }
  #presentation .icons .centerIcon .iconRing {
    width: 80px !important;
    height: 80px !important; }
    #presentation .icons .centerIcon .iconRing .icon {
      width: 60px !important;
      height: 60px !important; }
      #presentation .icons .centerIcon .iconRing .icon img {
        width: 60%; } }

@media (max-width: 576px) {
  #presentation .social {
    margin-top: 3rem; }
  #presentation .icons .iconRow .iconContainer {
    height: 50px !important; } }

@media (max-width: 330px) {
  #presentation .social .socialContainer {
    margin-right: 1rem; } }

#successSection {
  height: 320px;
  background: url("../images/finalBg.png") center top;
  background-size: cover; }
  #successSection .container {
    height: 100%; }
    #successSection .container h3, #successSection .container h5 {
      font-family: Montserrat, sans-serif;
      margin: 0; }
      @media (max-width: 992px) {
        #successSection .container h3, #successSection .container h5 {
          text-align: center; } }

.section-about1-inner h3 {
  font-size: 8rem;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 0;
  line-height: 1; }
  @media (max-width: 992px) {
    .section-about1-inner h3 {
      font-size: 6rem; } }

.section-about1-inner p {
  letter-spacing: unset; }

.section-about1-inner .p1 {
  font-size: 3.4rem;
  font-weight: 500;
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 1; }
  @media (max-width: 992px) {
    .section-about1-inner .p1 {
      font-size: 2rem; } }

.section-about1-inner .p2 {
  font-weight: unset;
  max-width: 60%;
  text-align: center;
  margin: 0 auto; }
  @media (max-width: 992px) {
    .section-about1-inner .p2 {
      font-size: 1.6rem; } }
  @media (max-width: 576px) {
    .section-about1-inner .p2 {
      max-width: 80%;
      font-size: 16px; } }

.section-no-charge {
  height: 200px;
  background-color: #2c313a; }
  @media (max-width: 767px) {
    .section-no-charge {
      height: auto; }
      .section-no-charge .content {
        flex-direction: column; }
        .section-no-charge .content .iconContainer {
          margin: 2rem 0 0; }
        .section-no-charge .content .desc {
          margin-bottom: 2rem; }
          .section-no-charge .content .desc h4 {
            text-align: center; }
          .section-no-charge .content .desc p {
            text-align: center; } }
  .section-no-charge .iconContainer {
    height: 98px;
    width: 98px; }
  .section-no-charge .container {
    height: 100%; }
    .section-no-charge .container .content {
      height: 100%; }
  .section-no-charge .imgContainer {
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%); }

.section_grid {
  padding-top: 8rem;
  overflow: hidden;
  margin-bottom: 4rem;
  position: relative; }
  @media (max-width: 576px) {
    .section_grid {
      margin-bottom: 0; } }
  @media (max-width: 1200px) {
    .section_grid .rightSideHideXl {
      display: none; } }
  .section_grid .visibleOnXl {
    display: none; }
    @media (max-width: 1200px) {
      .section_grid .visibleOnXl {
        margin: 0;
        display: block; } }
  .section_grid .bgLeft {
    position: absolute;
    top: 0;
    left: 0; }
    @media (max-width: 576px) {
      .section_grid .bgLeft {
        top: -400px; } }
  @media (max-width: 1200px) {
    .section_grid .secondItemSocial {
      margin-top: 16px; } }
  @media (max-width: 576px) {
    .section_grid .itemWrapper {
      flex-direction: column; }
      .section_grid .itemWrapper .rightSide {
        width: 100% !important;
        margin: 0; }
        .section_grid .itemWrapper .rightSide .title h5 {
          text-align: center; }
        .section_grid .itemWrapper .rightSide .desc p {
          text-align: center; }
        .section_grid .itemWrapper .rightSide .readMore {
          text-align: center; } }
  @media (max-width: 576px) {
    .section_grid .desc.links .col-lg-6 {
      text-align: center; } }
  .section_grid .desc.links a {
    position: relative;
    padding-left: 2rem; }
    @media (max-width: 1280px) {
      .section_grid .desc.links a {
        padding-left: 0; }
        .section_grid .desc.links a:before {
          display: none; } }
    @media (max-width: 1200px) {
      .section_grid .desc.links a {
        padding-left: 2rem; }
        .section_grid .desc.links a:before {
          display: block; } }
    .section_grid .desc.links a:before {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      height: 8px;
      width: 8px;
      background-color: #ee736a;
      content: "";
      border-radius: 50%; }
    .section_grid .desc.links a:hover {
      color: #ee736a; }
  .section_grid .desc.links .secondItem {
    margin-top: 1rem; }
    @media (max-width: 1200px) {
      .section_grid .desc.links .secondItem {
        margin-top: 0; } }
  @media (max-width: 767px) {
    .section_grid .desc.links .secondItem {
      margin-top: 1rem; } }
  .section_grid .container {
    border-bottom: 1px dashed #ccc; }
    @media (max-width: 1200px) {
      .section_grid .container {
        border: none; } }
  @media (max-width: 576px) {
    .section_grid .socialContainer {
      text-align: center; }
      .section_grid .socialContainer img {
        display: block;
        margin: 0 auto !important; } }
  .section_grid .item {
    position: relative; }
    .section_grid .item:not(:last-child) {
      border-bottom: 1px dashed #ccc; }
      .section_grid .item:not(:last-child).noBorder {
        border: none; }
    @media (max-width: 1200px) {
      .section_grid .item {
        border-bottom: 1px dashed #ccc; } }
    .section_grid .item .col-3 {
      padding-left: 0; }
    .section_grid .item .modalInfo {
      position: absolute;
      left: 0;
      top: 0;
      background-color: #fff;
      transform: scaleY(0);
      opacity: 0;
      transform-origin: top;
      transition: all 0.2s ease-in-out;
      z-index: 3;
      box-shadow: none; }
      .section_grid .item .modalInfo.open {
        opacity: 1;
        transform: scaleY(1);
        box-shadow: 0 5px 20px 0 rgba(72, 72, 72, 0.2); }
      .section_grid .item .modalInfo p {
        margin-top: 2rem; }
    @media (max-width: 1200px) {
      .section_grid .item {
        margin: 0; } }
  .section_grid .borderContainer {
    border-right: 1px dashed #ccc; }
    @media (max-width: 1200px) {
      .section_grid .borderContainer {
        border: none;
        margin-bottom: 4rem; } }
  .section_grid .itemWrapper .rightSide {
    width: calc(100% - 118px); }
  .section_grid .imgContainer {
    height: 150px;
    width: 98px; }
    @media (max-width: 576px) {
      .section_grid .imgContainer {
        height: 120px; } }
  .section_grid h5 {
    margin: 0; }
  .section_grid .readMore {
    color: #ee736a;
    cursor: pointer; }
    .section_grid .readMore:hover {
      text-decoration: underline; }

.promotion {
  margin-bottom: 4rem;
  position: relative; }
  .promotion .bgRight {
    position: absolute;
    top: -345px;
    right: 0;
    z-index: -1; }
    @media (max-width: 470px) {
      .promotion .bgRight {
        top: -200px; } }
  .promotion .item {
    height: 112px; }
    .promotion .item a {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }

.goodHost {
  height: 350px;
  background-color: #2c313a;
  position: relative; }
  @media (max-width: 576px) {
    .goodHost {
      height: auto;
      padding-bottom: 12rem; } }
  @media (max-width: 450px) {
    .goodHost .btnGradient {
      font-size: 14px; } }

.section.section-feedback {
  background: linear-gradient(to right, #f7b583 10%, #F7776D 40%, #F7776D 60%, #f7b583 90%);
  margin: 0;
  min-height: 500px; }
  .section.section-feedback input, .section.section-feedback textarea {
    border: none; }
  @media (max-width: 630px) {
    .section.section-feedback {
      background: linear-gradient(to right, #f7b583 10%, #F7776D 30%, #F7776D 70%, #f7b583 90%); } }
  @media (max-width: 630px) {
    .section.section-feedback {
      background: linear-gradient(to right, #f7b583 0, #F7776D 20%, #F7776D 80%, #f7b583 100%); } }
  .section.section-feedback .form-control {
    background-color: rgba(255, 255, 255, 0.2); }
  .section.section-feedback .social {
    position: absolute;
    height: 360px;
    width: 100px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ee736a;
    transition: all 0.2s ease-in-out;
    z-index: 99; }
    .section.section-feedback .social .openSocialTab {
      position: absolute;
      left: -30px;
      top: 50%;
      transform: translateY(-50%) rotate(90deg);
      z-index: -1;
      transition: all 0.1s ease-in-out;
      transition-delay: .1s;
      cursor: pointer; }
      .section.section-feedback .social .openSocialTab .rightArrow {
        position: absolute;
        right: 50%;
        top: 10px;
        transform: rotate(180deg) translateX(-50%);
        z-index: 1;
        transition: all 0.1s ease-in-out; }
    @media (max-width: 1520px) {
      .section.section-feedback .social {
        transform: translateY(-50%) translateX(-100px); }
        .section.section-feedback .social .openSocialTab {
          left: 10px; } }
    .section.section-feedback .social:hover {
      transform: translateY(-50%) translateX(0); }
      .section.section-feedback .social:hover .openSocialTab {
        left: -30px; }
        .section.section-feedback .social:hover .openSocialTab .rightArrow {
          opacity: 0; }
    .section.section-feedback .social .socialIcon {
      height: 33.33%;
      text-align: center;
      transition: all 0.1s ease-in-out;
      position: relative;
      z-index: 3;
      background-color: #ee736a; }
      .section.section-feedback .social .socialIcon:before {
        height: 100%;
        width: 10px;
        background-color: #2c313a;
        position: absolute;
        left: -10px;
        top: 0;
        content: "";
        z-index: -1; }
      .section.section-feedback .social .socialIcon a {
        display: block;
        height: 100%;
        width: 100%; }
      .section.section-feedback .social .socialIcon:hover {
        box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
        transform: translateX(10px); }
      .section.section-feedback .social .socialIcon img {
        position: relative;
        transform: translate(15px, 45px); }
  .section.section-feedback .imgContainer {
    position: absolute;
    left: 50%;
    top: -45px;
    transform: translateX(-50%); }
    .section.section-feedback .imgContainer .iconContainer {
      position: absolute;
      left: 50%;
      top: 25px;
      transform: translateX(-50%); }
  .section.section-feedback .form-control {
    border: none;
    outline: none;
    box-shadow: none !important;
    color: #fff; }
    .section.section-feedback .form-control::placeholder {
      opacity: 0.7; }
  .section.section-feedback textarea {
    resize: none;
    height: 150px;
    overflow: auto; }
  @media (max-width: 480px) {
    .section.section-feedback .col-12 {
      flex-direction: column; }
      .section.section-feedback .col-12 .antiSpam {
        margin-bottom: 2rem; } }
  .section.section-feedback .antiSpam .form-control {
    width: 100px;
    margin: 0; }
    .section.section-feedback .antiSpam .form-control::-webkit-inner-spin-button, .section.section-feedback .antiSpam .form-control::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }

.footerTop {
  background-color: #2c313a; }
  .footerTop .hasBorder {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    margin-left: 15px;
    padding-left: 15px; }
    @media (max-width: 992px) {
      .footerTop .hasBorder {
        padding-top: 4rem;
        border-left: none;
        display: flex;
        justify-content: center;
        padding-bottom: 2rem;
        margin: 0; }
        .footerTop .hasBorder .content {
          min-width: 263px;
          display: flex;
          flex-direction: column;
          align-items: center; }
          .footerTop .hasBorder .content .items .item {
            justify-content: center; }
        .footerTop .hasBorder .title h4 span {
          margin: 0; }
        .footerTop .hasBorder .title h4 img {
          display: none; } }
  @media (max-width: 992px) {
    .footerTop .logo {
      margin-top: 4rem; }
      .footerTop .logo .imgContainer img {
        margin: 0; } }
  .footerTop .title h4 {
    margin: 0;
    line-height: 1; }
  .footerTop .items {
    flex: 1; }
    .footerTop .items .item a:hover {
      color: #fff;
      text-decoration: underline; }

@media (max-width: 479px) {
  .bottomSlider img {
    width: auto !important;
    margin: 0 auto !important; } }

#oNama {
  margin-top: 80px;
  position: relative;
  padding-bottom: 8rem; }
  @media (max-width: 1200px) {
    #oNama {
      margin-top: 60px; }
      #oNama .centerOnMD {
        justify-content: center !important; } }
  @media (max-width: 767px) {
    #oNama {
      padding-bottom: 10rem; } }
  #oNama .headerContainer {
    height: 100%; }
    @media (max-width: 576px) {
      #oNama .headerContainer {
        height: 120px; }
        #oNama .headerContainer .title {
          height: 100%;
          display: flex;
          align-items: center; }
          #oNama .headerContainer .title h1 {
            margin: 0; } }
  #oNama .bg {
    height: 130px;
    width: 100%;
    background-image: url("../images/oNamaBG.jpg");
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
    @media (max-width: 576px) {
      #oNama .bg {
        height: 120px; } }
  #oNama .title {
    position: relative;
    z-index: 3; }
  #oNama h2 {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.05;
    font-size: 120px;
    line-height: 1;
    z-index: 2;
    margin: 0; }
    @media (max-width: 500px) {
      #oNama h2 {
        font-size: 80px; } }
    @media (max-width: 350px) {
      #oNama h2 {
        font-size: 60px; } }
  #oNama .radovi p {
    margin-bottom: 0; }
  #oNama .radovi .portfolio svg, #oNama .radovi .portfolio span {
    transition: all 0.1s ease-in-out; }
  #oNama .radovi .portfolio:hover {
    text-decoration: none; }
    #oNama .radovi .portfolio:hover svg {
      color: #ee736a; }
    #oNama .radovi .portfolio:hover span {
      color: #ee736a; }
  #oNama .radovi svg {
    width: 14px; }
  #oNama a:hover {
    color: #ee736a;
    text-decoration: underline; }
  #oNama h3 {
    position: relative; }
    #oNama h3:after {
      position: absolute;
      content: "";
      bottom: -2rem;
      left: 0;
      width: 100px;
      height: 3px;
      background: linear-gradient(to right, #f7b583, #ee736a); }
  @media (max-width: 450px) {
    #oNama .leftSide {
      width: 100%; } }
  @media (max-width: 450px) {
    #oNama .rightSide {
      margin-top: 2rem; } }
  #oNama .rightSide a svg, #oNama .rightSide a span {
    transition: all 0.1s ease-in-out; }
  #oNama .rightSide a:hover svg {
    color: #ee736a; }
  #oNama .rightSide a:hover span {
    color: #ee736a; }
  #oNama .rightSide svg {
    width: 14px; }
  #oNama .item .content .imgContainer {
    text-align: center; }
    #oNama .item .content .imgContainer img {
      max-width: 100%; }
  #oNama .item .content .imagesContainer {
    padding-bottom: 4rem; }
    @media (max-width: 576px) {
      #oNama .item .content .imagesContainer {
        margin-bottom: 4rem;
        margin-top: 0; } }
    #oNama .item .content .imagesContainer .imgWrapper {
      position: relative; }
      @media (max-width: 1200px) {
        #oNama .item .content .imagesContainer .imgWrapper {
          width: 50%;
          justify-content: center;
          display: flex;
          margin-top: 5rem; } }
      @media (max-width: 576px) {
        #oNama .item .content .imagesContainer .imgWrapper {
          width: 100%; } }
    #oNama .item .content .imagesContainer .image {
      border-radius: 50%;
      overflow: hidden;
      width: 210px;
      height: 210px;
      background-size: cover;
      background-position: center;
      position: relative; }
      @media (max-width: 767px) {
        #oNama .item .content .imagesContainer .image {
          width: 200px;
          height: 200px; } }
    #oNama .item .content .imagesContainer p {
      position: absolute;
      left: 50%;
      bottom: -5rem;
      transform: translateX(-50%);
      width: 100%; }
    #oNama .item .content .imagesContainer .play {
      height: 80px;
      width: 80px;
      position: absolute;
      background: linear-gradient(to right, #ee736a, #f7b583);
      border-radius: 50%;
      bottom: 0;
      left: 0;
      cursor: pointer;
      overflow: hidden;
      border: none;
      outline: none; }
      @media (max-width: 1200px) {
        #oNama .item .content .imagesContainer .play {
          left: 30%;
          transform: translateX(-50%); } }
      @media (max-width: 576px) {
        #oNama .item .content .imagesContainer .play {
          left: 35%; } }
      #oNama .item .content .imagesContainer .play:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.2);
        opacity: 0;
        transition: all 0.1s ease-in-out;
        z-index: 1; }
      #oNama .item .content .imagesContainer .play:hover:after {
        opacity: 0.5; }
      #oNama .item .content .imagesContainer .play:active:after {
        opacity: 1; }
      #oNama .item .content .imagesContainer .play svg {
        position: relative;
        z-index: 2;
        width: 30px;
        color: #fff;
        transform: translateX(2px); }
  #oNama .gallery {
    margin-top: 20rem;
    background-color: #2c313a; }
    @media (max-width: 992px) {
      #oNama .gallery {
        margin-bottom: 0;
        margin-top: 4rem;
        padding-bottom: 7rem; } }
    #oNama .gallery .row {
      transform: translateY(-50%); }
      @media (max-width: 992px) {
        #oNama .gallery .row {
          transform: none;
          margin-top: 3rem; } }
    #oNama .gallery .imgContainer {
      position: relative;
      cursor: pointer; }
      @media (max-width: 992px) {
        #oNama .gallery .imgContainer {
          margin-top: 3rem; } }
      #oNama .gallery .imgContainer:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 8px;
        content: "";
        background-color: #ee736a; }
      #oNama .gallery .imgContainer:hover .view {
        opacity: 1; }
      #oNama .gallery .imgContainer .view {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        transition: all 0.1s ease-in-out;
        opacity: 0;
        pointer-events: none; }
        #oNama .gallery .imgContainer .view img {
          width: auto; }
      #oNama .gallery .imgContainer img {
        width: 100%; }
    #oNama .gallery .infoContainer {
      width: 80%;
      margin: -50px auto; }
      @media (max-width: 992px) {
        #oNama .gallery .infoContainer {
          margin: 3rem auto 0; } }
      #oNama .gallery .infoContainer p {
        text-align: center; }

.playerContainer, .showImage {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: opacity 0.3s ease-in-out;
  z-index: 9999999999999999; }
  .playerContainer .close, .showImage .close {
    position: absolute;
    right: 2rem;
    top: 2rem;
    width: 24px;
    color: #fff;
    transition: all 0.1s ease-in-out; }
    .playerContainer .close:hover, .showImage .close:hover {
      color: red; }

.playerContainer #darkBg, .showImage #darkBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); }

.playerContainer .player {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%); }

.playerContainer .player .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */ }

.playerContainer .player .videoWrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%; }

.playerContainer.hidden, .showImage.hidden {
  height: 0;
  opacity: 0; }

.showImage img {
  width: 80%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 20; }

.fancybox-overlay.fancybox-overlay-fixed {
  z-index: 9999999999999999999999; }

#prijava {
  margin-top: 80px;
  position: relative; }
  @media (max-width: 1200px) {
    #prijava {
      margin-top: 60px; } }
  #prijava .headerContainer {
    height: 100%;
    margin-bottom: 8rem; }
    @media (max-width: 576px) {
      #prijava .headerContainer {
        height: 120px; }
        #prijava .headerContainer .title {
          height: 100%;
          display: flex;
          align-items: center; }
          #prijava .headerContainer .title h1 {
            margin: 0; } }
  #prijava .bg {
    height: 130px;
    width: 100%;
    background-size: cover;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/prijava.jpg") center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
    @media (max-width: 576px) {
      #prijava .bg {
        height: 120px; } }
  @media (max-width: 992px) {
    #prijava .penHeader {
      flex-direction: column;
      align-items: start !important;
      justify-content: start !important; }
      #prijava .penHeader h5 {
        margin-top: 2rem !important; }
      #prijava .penHeader a {
        margin-top: 2rem; } }
  #prijava .bottomBorder {
    position: relative;
    height: 1px;
    background-color: #eee;
    width: calc(100% - 30px);
    left: 50%;
    transform: translateX(-50%);
    flex: none; }
  #prijava .pen {
    position: absolute;
    z-index: 99999;
    top: -70px; }
    @media (max-width: 576px) {
      #prijava .pen {
        top: -40px; } }
    #prijava .pen img {
      width: 100% !important;
      max-width: 100% !important; }
    @media (max-width: 992px) {
      #prijava .pen {
        text-align: center; }
        #prijava .pen img {
          width: auto !important;
          max-width: 100%; } }
    @media (max-width: 767px) {
      #prijava .pen {
        transform: none;
        margin: 4rem 0 0; } }
  #prijava .download {
    transition: all 0.1s ease-in-out; }
    #prijava .download:hover {
      color: #ee736a; }
  #prijava .fa-download {
    width: 15px; }
  #prijava .title {
    position: relative;
    z-index: 3; }
  #prijava .imgContainer img {
    width: 100%; }
  #prijava h2 {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.05;
    font-size: 120px;
    line-height: 1;
    z-index: 2;
    margin: 0; }
    @media (max-width: 500px) {
      #prijava h2 {
        font-size: 80px; } }
    @media (max-width: 350px) {
      #prijava h2 {
        font-size: 60px; } }
  #prijava .title h3 {
    position: relative; }
    #prijava .title h3:after {
      position: absolute;
      content: "";
      bottom: -2rem;
      left: 0;
      width: 100px;
      height: 3px;
      background: linear-gradient(to right, #f7b583, #ee736a); }
  #prijava .formInput {
    margin-top: 2rem; }
    #prijava .formInput h3 {
      font-family: "Montserrat", sans-serif !important; }
    #prijava .formInput select {
      background-color: #f4f4f5;
      border: none;
      outline: none;
      box-shadow: none;
      height: 42px; }
    #prijava .formInput span {
      margin: 0;
      width: 100%;
      background-color: #535d71; }
      #prijava .formInput span:hover {
        background-color: #3d4554; }
    #prijava .formInput .buttonLabel {
      width: 100%;
      text-align: center; }
    @media (max-width: 576px) {
      #prijava .formInput.antiSpam, #prijava .formInput.nextButton {
        justify-content: center !important; } }
    @media (max-width: 576px) {
      #prijava .formInput.nextButton {
        margin-top: 2rem; } }
    #prijava .formInput button {
      width: 250px;
      background: linear-gradient(to right, #ee736a, #f7b583);
      position: relative;
      outline: none; }
      #prijava .formInput button span {
        background-color: transparent;
        position: relative;
        z-index: 2; }
      #prijava .formInput button:after {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        content: "";
        z-index: 1;
        opacity: 0;
        transition: all 0.1s ease-in-out; }
      #prijava .formInput button:hover {
        border: none; }
        #prijava .formInput button:hover:after {
          opacity: 0.5; }
      #prijava .formInput button:active:after {
        opacity: 1; }
  #prijava .borderContainer {
    border-bottom: 1px solid #eee;
    padding-bottom: 4rem; }
  #prijava .portfolio-projects {
    background: transparent; }
    #prijava .portfolio-projects .portfolio-projects-inner:before {
      display: none; }
  @media (max-width: 576px) {
    #prijava .lastTitle {
      text-align: center; } }

#prijava .headerContainer {
  margin-bottom: 6rem; }

#prijava.kontakt .bg {
  height: 130px;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/kontaktBG.jpg");
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1; }
  @media (max-width: 576px) {
    #prijava.kontakt .bg {
      height: 120px; } }

#prijava .items a {
  transition: all 0.1s ease-in-out; }
  #prijava .items a:hover {
    color: #ee736a; }

#prijava .imgContainer {
  text-align: center; }
  #prijava .imgContainer img {
    max-width: 60%; }

#prijava textarea {
  height: 200px;
  resize: none; }

/*# sourceMappingURL=style.css.map */