@charset "UTF-8";footer,header,main,nav,section {display:block;}
[hidden] {display:none;}
html {font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
html {font-family:sans-serif;}
body {margin:0;}
a:focus {outline:0;}
a:active,a:hover {outline:0;}
h1 {font-size:2em;margin:.67em 0;}
h2 {font-size:1.5em;margin:.83em 0;}
h3 {font-size:1.17em;margin:1em 0;}
h4 {font-size:1em;margin:1.33em 0;}
h5 {font-size:.83em;margin:1.67em 0;}
h6 {font-size:.67em;margin:2.33em 0;}}
menu,ul {margin:1em 0;}
menu,ul {padding:0 0 0 40px;}
nav ul {list-style:none;list-style-image:none;}
img {border:0;-ms-interpolation-mode:bicubic;}
img {max-width:100%;height:auto;}

@media only screen and (min-width: 700px) {
  
  .whatsapp {
    display: none;
  }
 
}
html {-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:400;}
h1,h2,h3,h4,h5,h6 {margin:1.5em 0 .25em;font-weight:400;}
.h1,.h2,h1,h2 {margin:0;font-weight:300;}
h1 {font-size:36px;line-height:1.2;}

@media only screen and (min-width: 550px) {
  .fontsize--massive {
    font-size: 65px;
  }
}
@media only screen and (min-width: 700px) {
  .fontsize--massive {
    font-size: 82px;
  }
}
@media only screen and (min-width: 1000px) {
  .fontsize--massive {
    font-size: 90px;
  }
}
@media only screen and (min-width: 1200px) {
  .fontsize--massive {
    font-size: 105px;
  }
}
@media only screen and (min-width: 1400px) {
  .fontsize--massive {
    font-size: 115px;
  }
}
@media only screen and (min-width: 1600px) {
  .fontsize--massive {
    font-size: 120px;
  }
}

.fontsize--huge,
h1 {
  font-size: 36px;
  line-height: 1.2;
}
@media only screen and (min-width: 550px) {
  .fontsize--huge,
h1 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 700px) {
  .fontsize--huge,
h1 {
    font-size: 52px;
  }
}
@media only screen and (min-width: 1000px) {
  .fontsize--huge,
h1 {
    font-size: 56px;
  }
}
@media only screen and (min-width: 1200px) {
  .fontsize--huge,
h1 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1400px) {
  .fontsize--huge,
h1 {
    font-size: 64px;
  }
}
@media only screen and (min-width: 1600px) {
  .fontsize--huge,
h1 {
    font-size: 66px;
  }
}

.fontsize--large,
h2 {
  font-size: 26px;
  line-height: 1.3;
}
@media only screen and (min-width: 550px) {
  .fontsize--large,
h2 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 700px) {
  .fontsize--large,
h2 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 1000px) {
  .fontsize--large,
h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  .fontsize--large,
h2 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 1400px) {
  .fontsize--large,
h2 {
    font-size: 47px;
  }
}
@media only screen and (min-width: 1600px) {
  .fontsize--large,
h2 {
    font-size: 50px;
  }
}

.fontsize--med,
h3 {
  font-size: 20px;
  line-height: 1.4;
}
@media only screen and (min-width: 550px) {
  .fontsize--med,
h3 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 700px) {
  .fontsize--med,
h3 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1000px) {
  .fontsize--med,
h3 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1200px) {
  .fontsize--med,
h3 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1400px) {
  .fontsize--med,
h3 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1600px) {
  .fontsize--med,
h3 {
    font-size: 32px;
  }
}

.fontsize--reg,
body,
h4 {
  font-size: 14px;
  line-height: 1.5;
}
@media only screen and (min-width: 550px) {
  .fontsize--reg,
body,
h4 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 700px) {
  .fontsize--reg,
body,
h4 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1000px) {
  .fontsize--reg,
body,
h4 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .fontsize--reg,
body,
h4 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1400px) {
  .fontsize--reg,
body,
h4 {
    font-size: 17px;
  }
}
@media only screen and (min-width: 1600px) {
  .fontsize--reg,
body,
h4 {
    font-size: 18px;
  }
}

.fontsize--sml,
h5 {
  font-size: 12px;
  line-height: 1.5;
}
@media only screen and (min-width: 550px) {
  .fontsize--sml,
h5 {
    font-size: 13px;
  }
}
@media only screen and (min-width: 700px) {
  .fontsize--sml,
h5 {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1000px) {
  .fontsize--sml,
h5 {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  .fontsize--sml,
h5 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1400px) {
  .fontsize--sml,
h5 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1600px) {
  .fontsize--sml,
h5 {
    font-size: 16px;
  }
}
.fontsize--sml.font--rosario,
h5.font--rosario {
  font-size: 10px;
}
@media only screen and (min-width: 550px) {
  .fontsize--sml.font--rosario,
h5.font--rosario {
    font-size: 10px;
  }
}
@media only screen and (min-width: 700px) {
  .fontsize--sml.font--rosario,
h5.font--rosario {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1000px) {
  .fontsize--sml.font--rosario,
h5.font--rosario {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1200px) {
  .fontsize--sml.font--rosario,
h5.font--rosario {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1400px) {
  .fontsize--sml.font--rosario,
h5.font--rosario {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1600px) {
  .fontsize--sml.font--rosario,
h5.font--rosario {
    font-size: 12px;
  }
}

h5 {
  font-family: "rosario", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1.75px;
  font-size: 10px;
}
@media only screen and (min-width: 550px) {
  h5 {
    font-size: 10px;
  }
}
@media only screen and (min-width: 700px) {
  h5 {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1000px) {
  h5 {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1200px) {
  h5 {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1400px) {
  h5 {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1600px) {
  h5 {
    font-size: 12px;
  }
}

.fontsize--tiny,
h6 {
  font-size: 11px;
  line-height: 1.5;
}
@media only screen and (min-width: 550px) {
  .fontsize--tiny,
h6 {
    font-size: 11px;
  }
}
@media only screen and (min-width: 700px) {
  .fontsize--tiny,
h6 {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1000px) {
  .fontsize--tiny,
h6 {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1200px) {
  .fontsize--tiny,
h6 {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1400px) {
  .fontsize--tiny,
h6 {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1600px) {
  .fontsize--tiny,
h6 {
    font-size: 14px;
  }
}
.fontsize--tiny.font--rosario,
h6.font--rosario {
  font-size: 9px;
}
@media only screen and (min-width: 550px) {
  .fontsize--tiny.font--rosario,
h6.font--rosario {
    font-size: 9px;
  }
}
@media only screen and (min-width: 700px) {
  .fontsize--tiny.font--rosario,
h6.font--rosario {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1000px) {
  .fontsize--tiny.font--rosario,
h6.font--rosario {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .fontsize--tiny.font--rosario,
h6.font--rosario {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1400px) {
  .fontsize--tiny.font--rosario,
h6.font--rosario {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1600px) {
  .fontsize--tiny.font--rosario,
h6.font--rosario {
    font-size: 11px;
  }
}

.font--bold,
b,
strong {
  font-weight: 700;
}

.font--semibold {
  font-weight: 700;
}

.font--reg {
  font-weight: 400;
}

.font--light {
  font-weight: 300;
}

.font--italic {
  font-style: italic;
}

.font--rosario {
  font-family: "rosario", Helvetica, Arial, sans-serif;
  letter-spacing: 1.75px;
}

.font--body {
  font-family: "open-sans", Helvetica, Arial, sans-serif;
  letter-spacing: normal;
}

.opacity--3 {
  opacity: 0.33;
}

.opacity--5 {
  opacity: 0.5;
}

.opacity--6 {
  opacity: 0.66;
}

.case--lower {
  text-transform: lowercase;
}

.case--capitals {
  text-transform: capitalize;
}

.case--upper {
  text-transform: uppercase;
}

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

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

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

.color--primary {
  color: #080808;
}

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

.color--green {
  color: #047a1e;display: none;
}
.success-msg {
  display: block;
}
.color--grey {
  color: rgba(45, 21, 48, 0.05);
}

.color--secondary {
  color: #f34f47;
}

ol,
ul {
  margin: 0 0 1em;
  padding: 0;
}

p {
  margin: 0 0 1em;
}

.font--outline {
  -webkit-text-fill-color: transparent;
  /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #080808;
}
.font--outline.color--white, .color--white .font--outline {
  -webkit-text-stroke-color: #ccc;
}
.font--outline.color--secondary, .color--secondary .font--outline {
  -webkit-text-stroke-color: #F8795D;
}

.linethrough {
  position: relative;
  margin: 0;
  display: block;
}
.linethrough:after {
  content: "";
  width: 100%;
  border-top: 1px solid rgba(248, 121, 93, 0.15);
  position: absolute;
  left: 0;
  top: 50%;
}
.linethrough .linethrough__heading {
  position: relative;
  z-index: 2;
  background: #fff;
  padding-right: 1em;
}
.linethrough--btn {
  width: 100%;
}
.linethrough--btn .btn {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.linethrough--btn .btn--outline {
  background-image: linear-gradient(to right, #F8795D 50%, #fff 50%);
}



/*  ==========================================================================
    links -- links-buttons.scss
    ========================================================================== */
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: inherit;
}
a .fa,
a .fab,
a .fal,
a .far,
a .fas {
  padding: 0 0 0 0.66em;
}
a .fa--left,
a .fab--left,
a .fal--left,
a .far--left,
a .fas--left {
  padding: 0 0.66em 0 0;
}
a .fa--nopad,
a .fab--nopad,
a .fal--nopad,
a .far--nopad,
a .fas--nopad {
  padding: 0;
}

.linkline {
  background-image: linear-gradient(90deg, #f8795d 0%, #f8795d 50%, rgba(248, 121, 93, 0.3) 50%, rgba(248, 121, 93, 0.3) 100%);
  background-size: 200% 0.65em;
  background-position: 100% bottom;
  background-repeat: no-repeat;
  -webkit-transition: background-position 250ms ease-out 0ms;
  -moz-transition: background-position 250ms ease-out 0ms;
  transition: background-position 250ms ease-out 0ms;
}
a:hover .linkline {
  background-position: 0 bottom;
}
.hiddenlinkline .linkline {
  background-image: linear-gradient(90deg, rgba(248, 121, 93, 0.3) 0%, rgba(248, 121, 93, 0.3) 50%, rgba(248, 121, 93, 0) 50%, rgba(248, 121, 93, 0) 100%);
}

.btn,
.cli-plugin-button {
/*  background-image: linear-gradient(to right, #F6603E 50%, #F8795D 50%);*/
  background-size: 210% 100%;
  background-position: right bottom;
  -webkit-transition: padding 250ms ease-out, color 250ms ease-out 0ms, background-position 250ms ease-out 0ms;
  -moz-transition: padding 250ms ease-out, color 250ms ease-out 0ms, background-position 250ms ease-out 0ms;
  transition: padding 250ms ease-out, color 250ms ease-out 0ms, background-position 250ms ease-out 0ms;
  color: #fff;
  display: inline-block;
  margin: 0 0.5em 0.5em 0;
  padding: 1em 3em;
  border-radius: 3em;
 /* border: none;*/
  font-family: "rosario", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1.75px;
  cursor: pointer;
  font-size: 10px;
  border: 2px solid;
}
@media only screen and (min-width: 550px) {
  .btn,
.cli-plugin-button {
    font-size: 10px;
  }
}
@media only screen and (min-width: 700px) {
  .btn,
.cli-plugin-button {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1000px) {
  .btn,
.cli-plugin-button {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1200px) {
  .btn,
.cli-plugin-button {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1400px) {
  .btn,
.cli-plugin-button {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1600px) {
  .btn,
.cli-plugin-button {
    font-size: 12px;
  }
}
.btn .linkline,
.cli-plugin-button .linkline {
  background-image: none;
}
.btn:before,
.cli-plugin-button:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 200;
  margin-left: -2em;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 250ms ease-out 0ms;
  -moz-transition: opacity 250ms ease-out 0ms;
  transition: opacity 250ms ease-out 0ms;
}
.btn:hover,
.cli-plugin-button:hover {
  background-position: left bottom;
  color: #fff;
  padding: 1em 2em 1em 4em;
}
.btn:hover:before,
.cli-plugin-button:hover:before {
  opacity: 1;
  -webkit-transition: opacity 250ms ease-out 150ms;
  -moz-transition: opacity 250ms ease-out 150ms;
  transition: opacity 250ms ease-out 150ms;
}
.btn--disabled,
.cli-plugin-button--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.btn--large,
.cli-plugin-button--large {
  padding: 1em 3.5em;
}
/*.btn--large:hover,
.cli-plugin-button--large:hover {
  padding: 1.5em 2.5em 1.5em 4.5em;
}*/
.btn--fullwidth,
.cli-plugin-button--fullwidth {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  -webkit-transition: padding 750ms ease-out, color 500ms ease-out 0ms, background-position 750ms ease-out 0ms;
  -moz-transition: padding 750ms ease-out, color 500ms ease-out 0ms, background-position 750ms ease-out 0ms;
  transition: padding 750ms ease-out, color 500ms ease-out 0ms, background-position 750ms ease-out 0ms;
}
.btn--noicon,
.cli-plugin-button--noicon {
  padding: 1em 2em;
}
.btn--noicon:before,
.cli-plugin-button--noicon:before {
  display: none;
}
.btn--noicon:hover,
.cli-plugin-button--noicon:hover {
  padding: 1em 2em;
}
.btn--nohover,
.cli-plugin-button--nohover {
  pointer-events: none;
}
.btn--back:before,
.cli-plugin-button--back:before {
  content: "";
}
.btn--down:before,
.cli-plugin-button--down:before {
  content: "";
}
.btn--up:before,
.cli-plugin-button--up:before {
  content: "";
}
.btn--close:before,
.cli-plugin-button--close:before {
  content: "";
}
.btn--tick:before,
.cli-plugin-button--tick:before {
  content: "";
}
.btn--count,
.cli-plugin-button--count {
  position: relative;
  padding: 1.25em 6em 1.25em 4em;
}
.btn--count:before,
.cli-plugin-button--count:before {
  display: none;
}
.btn--count:hover,
.cli-plugin-button--count:hover {
  padding: 1.25em 6em 1.25em 4em;
}
.btn--count .btn__count,
.cli-plugin-button--count .btn__count {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  background: #fff;
  padding: 0.75em;
  border-radius: 4em;
  margin: 0 0 0 2.5em;
  color: #F8795D;
  font-weight: 700;
  display: inline-block;
  text-align: center;
  min-width: 1.75em;
  height: 1.75em;
  line-height: 1.5em;
}
.btn--white,
.cli-plugin-button--white {
  background-image: linear-gradient(to right, #F8795D 50%, #fff 50%);
}
.btn--white.btn--opaque,
.cli-plugin-button--white.btn--opaque {
  color: #ccc;
  background-image: linear-gradient(to right, #f8795d 50%, rgba(255, 255, 255, 0.1) 50%);
}
.btn--opaque,
.cli-plugin-button--opaque {
  color: #080808;
  background-image: linear-gradient(to right, #f6603e 50%, rgba(248, 121, 93, 0.1) 50%);
}
.btn--opaque:hover,
.cli-plugin-button--opaque:hover {
  color: #ccc;
}
.btn--outline,
.cli-plugin-button--outline {
  color: #080808;
  border: 1px solid #F8795D;
  background-image: linear-gradient(to right, #F8795D 50%, rgba(248, 121, 93, 0.001) 50%);
  box-sizing: border-box;
}
.btn--outline:hover,
.cli-plugin-button--outline:hover {
  color: #ccc;
}
.btn--grey,
.cli-plugin-button--grey {
  background-image: linear-gradient(to right, #080808 50%, rgba(45, 21, 48, 0.05) 50%);
  color: #080808;
}
.btn--grey:hover,
.cli-plugin-button--grey:hover {
  color: #ccc;
}
.btn--white,
.cli-plugin-button--white {
  background-image: linear-gradient(to right, #F8795D 50%, #fff 50%);
  color: #080808;
}
.btn--white:hover {color: #fff;}

/*  ==========================================================================
    tags -- links-buttons.scss
    ========================================================================== */
.tag {
  background-color: rgba(45, 21, 48, 0.05);
  display: inline-block;
  margin: 0;
  padding: 1em 2em 1em 2.5em;
  border-radius: 3em;
  border: none;
  font-family: "rosario", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1.75px;
  cursor: pointer;
  font-size: 10px;
}
@media only screen and (min-width: 550px) {
  .tag {
    font-size: 10px;
  }
}
@media only screen and (min-width: 700px) {
  .tag {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1000px) {
  .tag {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1200px) {
  .tag {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1400px) {
  .tag {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1600px) {
  .tag {
    font-size: 12px;
  }
}
.tag .fa,
.tag .fab,
.tag .fal,
.tag .far,
.tag .fas {
  padding: 0 0 0 1em;
}
.tag .fa--left,
.tag .fab--left,
.tag .fal--left,
.tag .far--left,
.tag .fas--left {
  padding: 0 1em 0 0;
}
.tag .fa--nopad,
.tag .fab--nopad,
.tag .fal--nopad,
.tag .far--nopad,
.tag .fas--nopad {
  padding: 0;
}
.tag:hover {
  background: #080808;
  color: #ccc;
}
.tag:hover .fa,
.tag:hover .fab,
.tag:hover .fal,
.tag:hover .far,
.tag:hover .fas {
  opacity: 1;
  color: #F8795D;
}

/*  ==========================================================================
    share icons -- links-buttons.scss
    ========================================================================== */
.shareicons {
  pointer-events: none;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
  text-align: right;
  right: 1.5em;
  bottom: 1.5em;
}
@media only screen and (min-width: 550px) {
  .shareicons {
    right: 2.5em;
    bottom: 2.5em;
  }
}
@media only screen and (min-width: 700px) {
  .shareicons {
    right: 2.5em;
    bottom: 2.5em;
  }
}
@media only screen and (min-width: 1000px) {
  .shareicons {
    right: 2em;
    bottom: 2em;
  }
}
@media only screen and (min-width: 1200px) {
  .shareicons {
    right: 2em;
    bottom: 2em;
  }
}
@media only screen and (min-width: 1400px) {
  .shareicons {
    right: 2em;
    bottom: 2em;
  }
}
@media only screen and (min-width: 1600px) {
  .shareicons {
    right: calc((100vw - (1600px - (2em * 2))) / 2);
    bottom: calc((100vw - (1600px - (2em * 2))) / 2);
  }
}
.shareicons .shareiconslist li {
  margin: 0;
  position: relative;
  left: 3em;
  opacity: 0;
  -webkit-transition: opacity 250ms ease-out 0ms, left 250ms ease-out 0ms;
  -moz-transition: opacity 250ms ease-out 0ms, left 250ms ease-out 0ms;
  transition: opacity 250ms ease-out 0ms, left 250ms ease-out 0ms;
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  transition-delay: 300ms;
}
.shareicons .shareiconslist li:nth-child(2) {
  -webkit-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  transition-delay: 150ms;
}
.shareicons .shareiconslist li:nth-child(3) {
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  transition-delay: 0ms;
}
.shareicons .sharelink {
  display: inline-block;
  background: #fff;
  color: #F8795D;
  border: 1px solid rgba(45, 21, 48, 0.05);
  line-height: 3em;
  height: 3em;
  text-align: center;
  border-radius: 1.5em;
  margin: 0;
}
.shareicons .sharelink:after {
  content: "";
  height: 0;
  visibility: hidden;
  clear: both;
  display: block;
}
.shareicons .sharelink:hover {
  background: #F8795D;
  color: #ccc;
}
.shareicons .sharelink .sharetext {
  overflow: hidden;
  font-size: 12px;
  display: block;
  float: left;
  text-align: right;
  width: 0;
  -webkit-transition: all 0.15s ease-in-out 0s;
  -moz-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s;
}
.shareicons .sharelink .shareicon {
  width: 3em;
  text-align: center;
  display: block;
  float: left;
  padding: 0;
  border: none;
}
.shareicons .sharelink .shareicon .fab {
  display: inline-block;
  padding: 0;
}
.shareicons .sharelink a:hover .shareicon .fab {
  display: inline-block;
  padding: 0;
}
.shareicons .sharelink:hover .sharetext {
  width: 55px;
}
.shareicons--show {
  pointer-events: all;
}
.shareicons--show .shareiconslist li {
  left: 0;
  opacity: 1;
}



/*================= LAYOUT =================*/
/* ==========================================================================
   Flex Grid
   ========================================================================== */
.gd-g {
  margin-left: -0.75em;
  margin-right: -0.75em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.gd-g--nowrap {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.gd-g--wrapreverse {
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}
.gd-g--column {
  -webkit-flex-direction: column;
  /* Safari 6.1+ */
  flex-direction: column;
}
.gd-g--columnreverse {
  -webkit-flex-direction: column-reverse;
  /* Safari 6.1+ */
  flex-direction: column-reverse;
}
.gd-g--row {
  -webkit-flex-direction: row;
  /* Safari 6.1+ */
  flex-direction: row;
}
.gd-g--rowreverse {
  -webkit-flex-direction: row-reverse;
  /* Safari 6.1+ */
  flex-direction: row-reverse;
}
@media only screen and (min-width: 550px) {
  .gd-g--rowreverse--sm {
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 700px) {
  .gd-g--rowreverse--md {
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1000px) {
  .gd-g--rowreverse--lg {
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1200px) {
  .gd-g--rowreverse--xl {
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1400px) {
  .gd-g--rowreverse--wi {
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1600px) {
  .gd-g--rowreverse--xw {
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 550px) {
  .gd-g--columnreverse--sm {
    -webkit-flex-direction: column-reverse;
    /* Safari 6.1+ */
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 700px) {
  .gd-g--columnreverse--md {
    -webkit-flex-direction: column-reverse;
    /* Safari 6.1+ */
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 1000px) {
  .gd-g--columnreverse--lg {
    -webkit-flex-direction: column-reverse;
    /* Safari 6.1+ */
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 1200px) {
  .gd-g--columnreverse--xl {
    -webkit-flex-direction: column-reverse;
    /* Safari 6.1+ */
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 1400px) {
  .gd-g--columnreverse--wi {
    -webkit-flex-direction: column-reverse;
    /* Safari 6.1+ */
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 1600px) {
  .gd-g--columnreverse--xw {
    -webkit-flex-direction: column-reverse;
    /* Safari 6.1+ */
    flex-direction: column-reverse;
  }
}
.gd-g--center {
  justify-content: center;
  /* For IE 10 */
  -ms-flex-pack: center;
}
@media only screen and (min-width: 1000px) {
  .gd-g--center--lg {
    justify-content: center;
    /* For IE 10 */
    -ms-flex-pack: center;
  }
}
.gd-g--left {
  justify-content: flex-start;
}
.gd-g--right {
  justify-content: flex-end;
}
.gd-g--spacebetween {
  justify-content: space-between;
}
.gd-g--spacearound {
  justify-content: space-around;
}
.gd-g--spaceevenly {
  justify-content: space-evenly;
}
.gd-g--vertcenter {
  align-items: center;
}
.gd-g--vertstart {
  align-items: flex-start;
}
.gd-g--vertend {
  align-items: flex-end;
}
.gd-g .opera-only :-o-prefocus, .gd-g {
  word-spacing: -0.43em;
}
.gd-g .gd-u {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.gd-g .gd-u.gd-u--nopadleft {
  padding-left: 0;
}
.gd-g .gd-u.gd-u--nopadright {
  padding-right: 0;
}
.gd-g .gd-u-1 {
  width: 100%;
}
.gd-g .gd-u-1-2 {
  width: 50%;
}
.gd-g .gd-u-1-3 {
  width: 33.3%;
}
.gd-g .gd-u-2-3 {
  width: 66.66666%;
}
.gd-g .gd-u-1-4 {
  width: 25%;
}
.gd-g .gd-u-3-4 {
  width: 75%;
}
.gd-g .gd-u-1-5 {
  width: 20%;
}
.gd-g .gd-u-2-5 {
  width: 40%;
}
.gd-g .gd-u-3-5 {
  width: 60%;
}
.gd-g .gd-u-4-5 {
  width: 80%;
}
.gd-g .gd-u-1-6 {
  width: 16.656%;
}
.gd-g .gd-u-5-6 {
  width: 83.33%;
}
.gd-g .gd-u-3-7 {
  width: 42.86;
}
.gd-g .gd-u-4-7 {
  width: 57.14%;
}
.gd-g .gd-u-1-8 {
  width: 12.5%;
}
.gd-g .gd-u-3-8 {
  width: 37.5%;
}
.gd-g .gd-u-5-8 {
  width: 62.5%;
}
.gd-g .gd-u-7-8 {
  width: 87.5%;
}
.gd-g .gd-u-3-10 {
  width: 30%;
}
.gd-g .gd-u-7-10 {
  width: 70%;
}
.gd-g .gd-u-1-12 {
  width: 8.3333%;
}
.gd-g .gd-u-5-12 {
  width: 41.6666%;
}
.gd-g .gd-u-7-12 {
  width: 58.3333%;
}
.gd-g .gd-u-11-12 {
  width: 91.6666%;
}
.gd-g .gd-u-1-24 {
  width: 4.1666%;
}
.gd-g .gd-u-5-24 {
  width: 20.8333%;
}
.gd-g .gd-u-7-24 {
  width: 29.1666%;
}
.gd-g .gd-u-11-24 {
  width: 45.8333%;
}
.gd-g .gd-u-13-24 {
  width: 54.1666%;
}
.gd-g .gd-u-17-24 {
  width: 70.8333%;
}
.gd-g .gd-u-19-24 {
  width: 79.1666%;
}
.gd-g .gd-u-23-24 {
  width: 95.8333%;
}
.gd-g .gd-u-auto {
  width: auto;
}
@media only screen and (max-width: 549px) {
  .gd-g .lt550-hide {
    display: none;
  }
}
@media only screen and (min-width: 550px) {
  .gd-g .gd-u-gt550-1 {
    width: 100%;
  }
  .gd-g .gd-u-gt550-1-2 {
    width: 50%;
  }
  .gd-g .gd-u-gt550-1-3 {
    width: 33.33333%;
  }
  .gd-g .gd-u-gt550-2-3 {
    width: 66.66666%;
  }
  .gd-g .gd-u-gt550-1-4 {
    width: 25%;
  }
  .gd-g .gd-u-gt550-3-4 {
    width: 75%;
  }
  .gd-g .gd-u-gt550-1-5 {
    width: 20%;
  }
  .gd-g .gd-u-gt550-2-5 {
    width: 40%;
  }
  .gd-g .gd-u-gt550-3-5 {
    width: 60%;
  }
  .gd-g .gd-u-gt550-4-5 {
    width: 80%;
  }
  .gd-g .gd-u-gt550-1-6 {
    width: 16.656%;
  }
  .gd-g .gd-u-gt550-5-6 {
    width: 83.33%;
  }
  .gd-g .gd-u-gt550-3-7 {
    width: 42.86;
  }
  .gd-g .gd-u-gt550-4-7 {
    width: 57.14%;
  }
  .gd-g .gd-u-gt550-1-8 {
    width: 12.5%;
  }
  .gd-g .gd-u-gt550-3-8 {
    width: 37.5%;
  }
  .gd-g .gd-u-gt550-5-8 {
    width: 62.5%;
  }
  .gd-g .gd-u-gt550-7-8 {
    width: 87.5%;
  }
  .gd-g .gd-u-gt550-3-10 {
    width: 30%;
  }
  .gd-g .gd-u-gt550-7-10 {
    width: 70%;
  }
  .gd-g .gd-u-gt550-1-12 {
    width: 8.3333%;
  }
  .gd-g .gd-u-gt550-5-12 {
    width: 41.6666%;
  }
  .gd-g .gd-u-gt550-7-12 {
    width: 58.3333%;
  }
  .gd-g .gd-u-gt550-11-12 {
    width: 91.6666%;
  }
  .gd-g .gd-u-gt550-1-24 {
    width: 4.1666%;
  }
  .gd-g .gd-u-gt550-5-24 {
    width: 20.8333%;
  }
  .gd-g .gd-u-gt550-7-24 {
    width: 29.1666%;
  }
  .gd-g .gd-u-gt550-11-24 {
    width: 45.8333%;
  }
  .gd-g .gd-u-gt550-13-24 {
    width: 54.1666%;
  }
  .gd-g .gd-u-gt550-17-24 {
    width: 70.8333%;
  }
  .gd-g .gd-u-gt550-19-24 {
    width: 79.1666%;
  }
  .gd-g .gd-u-gt550-23-24 {
    width: 95.8333%;
  }
  .gd-g .gd-u-gt550-auto {
    width: auto;
  }
  .gd-g .gd-u-gt550--nopadleft {
    padding-left: 0;
  }
  .gd-g .gd-u-gt550--nopadright {
    padding-right: 0;
  }
  .gd-g .gd-g {
    margin-right: -0.75em;
    margin-left: -0.75em;
  }
  .gd-g .gd-u {
    padding-right: 0.75em;
    padding-left: 0.75em;
  }
}
@media only screen and (max-width: 699px) {
  .gd-g .lt700-hide {
    display: none;
  }
}
@media only screen and (min-width: 700px) {
  .gd-g .gd-u-gt700-1 {
    width: 100%;
  }
  .gd-g .gd-u-gt700-1-2 {
    width: 50%;
  }
  .gd-g .gd-u-gt700-1-3 {
    width: 33.33333%;
  }
  .gd-g .gd-u-gt700-2-3 {
    width: 66.66666%;
  }
  .gd-g .gd-u-gt700-1-4 {
    width: 25%;
  }
  .gd-g .gd-u-gt700-3-4 {
    width: 75%;
  }
  .gd-g .gd-u-gt700-1-5 {
    width: 20%;
  }
  .gd-g .gd-u-gt700-2-5 {
    width: 40%;
  }
  .gd-g .gd-u-gt700-3-5 {
    width: 60%;
  }
  .gd-g .gd-u-gt700-4-5 {
    width: 80%;
  }
  .gd-g .gd-u-gt700-1-6 {
    width: 16.656%;
  }
  .gd-g .gd-u-gt700-5-6 {
    width: 83.33%;
  }
  .gd-g .gd-u-gt700-3-7 {
    width: 42.86;
  }
  .gd-g .gd-u-gt700-4-7 {
    width: 57.14%;
  }
  .gd-g .gd-u-gt700-1-8 {
    width: 12.5%;
  }
  .gd-g .gd-u-gt700-3-8 {
    width: 37.5%;
  }
  .gd-g .gd-u-gt700-5-8 {
    width: 62.5%;
  }
  .gd-g .gd-u-gt700-7-8 {
    width: 87.5%;
  }
  .gd-g .gd-u-gt700-3-10 {
    width: 30%;
  }
  .gd-g .gd-u-gt700-7-10 {
    width: 70%;
  }
  .gd-g .gd-u-gt700-1-12 {
    width: 8.3333%;
  }
  .gd-g .gd-u-gt700-5-12 {
    width: 41.6666%;
  }
  .gd-g .gd-u-gt700-7-12 {
    width: 58.3333%;
  }
  .gd-g .gd-u-gt700-11-12 {
    width: 91.6666%;
  }
  .gd-g .gd-u-gt700-1-24 {
    width: 4.1666%;
  }
  .gd-g .gd-u-gt700-5-24 {
    width: 20.8333%;
  }
  .gd-g .gd-u-gt700-7-24 {
    width: 29.1666%;
  }
  .gd-g .gd-u-gt700-11-24 {
    width: 45.8333%;
  }
  .gd-g .gd-u-gt700-13-24 {
    width: 54.1666%;
  }
  .gd-g .gd-u-gt700-17-24 {
    width: 70.8333%;
  }
  .gd-g .gd-u-gt700-19-24 {
    width: 79.1666%;
  }
  .gd-g .gd-u-gt700-23-24 {
    width: 95.8333%;
  }
  .gd-g .gd-u-gt700-auto {
    width: auto;
  }
  .gd-g .gd-u-gt700--nopadleft {
    padding-left: 0;
  }
  .gd-g .gd-u-gt700--nopadright {
    padding-right: 0;
  }
  .gd-g .gd-g {
    margin-right: -1em;
    margin-left: -1em;
  }
  .gd-g .gd-u {
    padding-right: 1em;
    padding-left: 1em;
  }
}
@media screen and (max-width: 799px) {
  .gd-g .lt800-hide {
    display: none;
  }
}
@media screen and (min-width: 800px) {
  .gd-g .gd-u-gt800-1 {
    width: 100%;
  }
  .gd-g .gd-u-gt800-1-2 {
    width: 50%;
  }
  .gd-g .gd-u-gt800-1-3 {
    width: 33.33333%;
  }
  .gd-g .gd-u-gt800-2-3 {
    width: 66.66666%;
  }
  .gd-g .gd-u-gt800-1-4 {
    width: 25%;
  }
  .gd-g .gd-u-gt800-3-4 {
    width: 75%;
  }
  .gd-g .gd-u-gt800-1-5 {
    width: 20%;
  }
  .gd-g .gd-u-gt800-2-5 {
    width: 40%;
  }
  .gd-g .gd-u-gt800-3-5 {
    width: 60%;
  }
  .gd-g .gd-u-gt800-4-5 {
    width: 80%;
  }
  .gd-g .gd-u-gt800-1-6 {
    width: 16.656%;
  }
  .gd-g .gd-u-gt800-5-6 {
    width: 83.33%;
  }
  .gd-g .gd-u-gt800-3-7 {
    width: 42.86;
  }
  .gd-g .gd-u-gt800-4-7 {
    width: 57.14%;
  }
  .gd-g .gd-u-gt800-1-8 {
    width: 12.5%;
  }
  .gd-g .gd-u-gt800-3-8 {
    width: 37.5%;
  }
  .gd-g .gd-u-gt800-5-8 {
    width: 62.5%;
  }
  .gd-g .gd-u-gt800-7-8 {
    width: 87.5%;
  }
  .gd-g .gd-u-gt800-3-10 {
    width: 30%;
  }
  .gd-g .gd-u-gt800-7-10 {
    width: 70%;
  }
  .gd-g .gd-u-gt800-1-12 {
    width: 8.3333%;
  }
  .gd-g .gd-u-gt800-5-12 {
    width: 41.6666%;
  }
  .gd-g .gd-u-gt800-7-12 {
    width: 58.3333%;
  }
  .gd-g .gd-u-gt800-11-12 {
    width: 91.6666%;
  }
  .gd-g .gd-u-gt800-1-24 {
    width: 4.1666%;
  }
  .gd-g .gd-u-gt800-5-24 {
    width: 20.8333%;
  }
  .gd-g .gd-u-gt800-7-24 {
    width: 29.1666%;
  }
  .gd-g .gd-u-gt800-11-24 {
    width: 45.8333%;
  }
  .gd-g .gd-u-gt800-13-24 {
    width: 54.1666%;
  }
  .gd-g .gd-u-gt800-17-24 {
    width: 70.8333%;
  }
  .gd-g .gd-u-gt800-19-24 {
    width: 79.1666%;
  }
  .gd-g .gd-u-gt800-23-24 {
    width: 95.8333%;
  }
  .gd-g .gd-u-gt800-auto {
    width: auto;
  }
  .gd-g .gd-u-gt800--nopadleft {
    padding-left: 0;
  }
  .gd-g .gd-u-gt800--nopadright {
    padding-right: 0;
  }
}
@media only screen and (max-width: 999px) {
  .gd-g .lt1000-hide {
    display: none;
  }
}
@media only screen and (min-width: 1000px) {
  .gd-g .gd-u-gt1000-1 {
    width: 100%;
  }
  .gd-g .gd-u-gt1000-1-2 {
    width: 50%;
  }
  .gd-g .gd-u-gt1000-1-3 {
    width: 33.33333%;
  }
  .gd-g .gd-u-gt1000-2-3 {
    width: 66.66666%;
  }
  .gd-g .gd-u-gt1000-1-4 {
    width: 25%;
  }
  .gd-g .gd-u-gt1000-3-4 {
    width: 75%;
  }
  .gd-g .gd-u-gt1000-1-5 {
    width: 20%;
  }
  .gd-g .gd-u-gt1000-2-5 {
    width: 40%;
  }
  .gd-g .gd-u-gt1000-3-5 {
    width: 60%;
  }
  .gd-g .gd-u-gt1000-4-5 {
    width: 80%;
  }
  .gd-g .gd-u-gt1000-1-6 {
    width: 16.656%;
  }
  .gd-g .gd-u-gt1000-5-6 {
    width: 83.33%;
  }
  .gd-g .gd-u-gt1000-3-7 {
    width: 42.86;
  }
  .gd-g .gd-u-gt1000-4-7 {
    width: 57.14%;
  }
  .gd-g .gd-u-gt1000-1-8 {
    width: 12.5%;
  }
  .gd-g .gd-u-gt1000-3-8 {
    width: 37.5%;
  }
  .gd-g .gd-u-gt1000-5-8 {
    width: 62.5%;
  }
  .gd-g .gd-u-gt1000-7-8 {
    width: 87.5%;
  }
  .gd-g .gd-u-gt1000-3-10 {
    width: 30%;
  }
  .gd-g .gd-u-gt1000-7-10 {
    width: 70%;
  }
  .gd-g .gd-u-gt1000-1-12 {
    width: 8.3333%;
  }
  .gd-g .gd-u-gt1000-5-12 {
    width: 41.6666%;
  }
  .gd-g .gd-u-gt1000-7-12 {
    width: 58.3333%;
  }
  .gd-g .gd-u-gt1000-11-12 {
    width: 91.6666%;
  }
  .gd-g .gd-u-gt1000-1-24 {
    width: 4.1666%;
  }
  .gd-g .gd-u-gt1000-5-24 {
    width: 20.8333%;
  }
  .gd-g .gd-u-gt1000-7-24 {
    width: 29.1666%;
  }
  .gd-g .gd-u-gt1000-11-24 {
    width: 45.8333%;
  }
  .gd-g .gd-u-gt1000-13-24 {
    width: 54.1666%;
  }
  .gd-g .gd-u-gt1000-17-24 {
    width: 70.8333%;
  }
  .gd-g .gd-u-gt1000-19-24 {
    width: 79.1666%;
  }
  .gd-g .gd-u-gt1000-23-24 {
    width: 95.8333%;
  }
  .gd-g .gd-u-gt1000-auto {
    width: auto;
  }
  .gd-g .gd-u-gt1000--nopadleft {
    padding-left: 0;
  }
  .gd-g .gd-u-gt1000--nopadright {
    padding-right: 0;
  }
  .gd-g .gd-g {
    margin-right: -1em;
    margin-left: -1em;
  }
  .gd-g .gd-u {
    padding-right: 1em;
    padding-left: 1em;
  }
}
@media only screen and (max-width: 1199px) {
  .gd-g .lt1200-hide {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .gd-g .gd-u-gt1200-1 {
    width: 100%;
  }
  .gd-g .gd-u-gt1200-1-2 {
    width: 50%;
  }
  .gd-g .gd-u-gt1200-1-3 {
    width: 33.33333%;
  }
  .gd-g .gd-u-gt1200-2-3 {
    width: 66.66666%;
  }
  .gd-g .gd-u-gt1200-1-4 {
    width: 25%;
  }
  .gd-g .gd-u-gt1200-3-4 {
    width: 75%;
  }
  .gd-g .gd-u-gt1200-1-5 {
    width: 20%;
  }
  .gd-g .gd-u-gt1200-2-5 {
    width: 40%;
  }
  .gd-g .gd-u-gt1200-3-5 {
    width: 60%;
  }
  .gd-g .gd-u-gt1200-4-5 {
    width: 80%;
  }
  .gd-g .gd-u-gt1200-1-6 {
    width: 16.656%;
  }
  .gd-g .gd-u-gt1200-5-6 {
    width: 83.33%;
  }
  .gd-g .gd-u-gt1200-3-7 {
    width: 42.86;
  }
  .gd-g .gd-u-gt1200-4-7 {
    width: 57.14%;
  }
  .gd-g .gd-u-gt1200-1-8 {
    width: 12.5%;
  }
  .gd-g .gd-u-gt1200-3-8 {
    width: 37.5%;
  }
  .gd-g .gd-u-gt1200-5-8 {
    width: 62.5%;
  }
  .gd-g .gd-u-gt1200-7-8 {
    width: 87.5%;
  }
  .gd-g .gd-u-gt1200-3-10 {
    width: 30%;
  }
  .gd-g .gd-u-gt1200-7-10 {
    width: 70%;
  }
  .gd-g .gd-u-gt1200-1-12 {
    width: 8.3333%;
  }
  .gd-g .gd-u-gt1200-5-12 {
    width: 41.6666%;
  }
  .gd-g .gd-u-gt1200-7-12 {
    width: 58.3333%;
  }
  .gd-g .gd-u-gt1200-11-12 {
    width: 91.6666%;
  }
  .gd-g .gd-u-gt1200-1-24 {
    width: 4.1666%;
  }
  .gd-g .gd-u-gt1200-5-24 {
    width: 20.8333%;
  }
  .gd-g .gd-u-gt1200-7-24 {
    width: 29.1666%;
  }
  .gd-g .gd-u-gt1200-11-24 {
    width: 45.8333%;
  }
  .gd-g .gd-u-gt1200-13-24 {
    width: 54.1666%;
  }
  .gd-g .gd-u-gt1200-17-24 {
    width: 70.8333%;
  }
  .gd-g .gd-u-gt1200-19-24 {
    width: 79.1666%;
  }
  .gd-g .gd-u-gt1200-23-24 {
    width: 95.8333%;
  }
  .gd-g .gd-u-gt1200-auto {
    width: auto;
  }
  .gd-g .gd-u-gt1200--nopadleft {
    padding-left: 0;
  }
  .gd-g .gd-u-gt1200--nopadright {
    padding-right: 0;
  }
}
@media only screen and (max-width: 1399px) {
  .gd-g .lt1400-hide {
    display: none;
  }
}
@media only screen and (min-width: 1400px) {
  .gd-g .gd-u-gt1400-1 {
    width: 100%;
  }
  .gd-g .gd-u-gt1400-1-2 {
    width: 50%;
  }
  .gd-g .gd-u-gt1400-1-3 {
    width: 33.33333%;
  }
  .gd-g .gd-u-gt1400-2-3 {
    width: 66.66666%;
  }
  .gd-g .gd-u-gt1400-1-4 {
    width: 25%;
  }
  .gd-g .gd-u-gt1400-3-4 {
    width: 75%;
  }
  .gd-g .gd-u-gt1400-1-5 {
    width: 20%;
  }
  .gd-g .gd-u-gt1400-2-5 {
    width: 40%;
  }
  .gd-g .gd-u-gt1400-3-5 {
    width: 60%;
  }
  .gd-g .gd-u-gt1400-4-5 {
    width: 80%;
  }
  .gd-g .gd-u-gt1400-1-6 {
    width: 16.656%;
  }
  .gd-g .gd-u-gt1400-5-6 {
    width: 83.33%;
  }
  .gd-g .gd-u-gt1400-3-7 {
    width: 42.86;
  }
  .gd-g .gd-u-gt1400-4-7 {
    width: 57.14%;
  }
  .gd-g .gd-u-gt1400-1-8 {
    width: 12.5%;
  }
  .gd-g .gd-u-gt1400-3-8 {
    width: 37.5%;
  }
  .gd-g .gd-u-gt1400-5-8 {
    width: 62.5%;
  }
  .gd-g .gd-u-gt1400-7-8 {
    width: 87.5%;
  }
  .gd-g .gd-u-gt1400-3-10 {
    width: 30%;
  }
  .gd-g .gd-u-gt1400-7-10 {
    width: 70%;
  }
  .gd-g .gd-u-gt1400-1-12 {
    width: 8.3333%;
  }
  .gd-g .gd-u-gt1400-5-12 {
    width: 41.6666%;
  }
  .gd-g .gd-u-gt1400-7-12 {
    width: 58.3333%;
  }
  .gd-g .gd-u-gt1400-11-12 {
    width: 91.6666%;
  }
  .gd-g .gd-u-gt1400-1-24 {
    width: 4.1666%;
  }
  .gd-g .gd-u-gt1400-5-24 {
    width: 20.8333%;
  }
  .gd-g .gd-u-gt1400-7-24 {
    width: 29.1666%;
  }
  .gd-g .gd-u-gt1400-11-24 {
    width: 45.8333%;
  }
  .gd-g .gd-u-gt1400-13-24 {
    width: 54.1666%;
  }
  .gd-g .gd-u-gt1400-17-24 {
    width: 70.8333%;
  }
  .gd-g .gd-u-gt1400-19-24 {
    width: 79.1666%;
  }
  .gd-g .gd-u-gt1400-23-24 {
    width: 95.8333%;
  }
  .gd-g .gd-u-gt1400-auto {
    width: auto;
  }
  .gd-g .gd-u-gt1400--nopadleft {
    padding-left: 0;
  }
  .gd-g .gd-u-gt1400--nopadright {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1600px) {
  .gd-g .gd-u-gt1600-1 {
    width: 100%;
  }
  .gd-g .gd-u-gt1600-1-2 {
    width: 50%;
  }
  .gd-g .gd-u-gt1600-1-3 {
    width: 33.33333%;
  }
  .gd-g .gd-u-gt1600-2-3 {
    width: 66.66666%;
  }
  .gd-g .gd-u-gt1600-1-4 {
    width: 25%;
  }
  .gd-g .gd-u-gt1600-3-4 {
    width: 75%;
  }
  .gd-g .gd-u-gt1600-1-5 {
    width: 20%;
  }
  .gd-g .gd-u-gt1600-2-5 {
    width: 40%;
  }
  .gd-g .gd-u-gt1600-3-5 {
    width: 60%;
  }
  .gd-g .gd-u-gt1600-4-5 {
    width: 80%;
  }
  .gd-g .gd-u-gt1600-1-6 {
    width: 16.656%;
  }
  .gd-g .gd-u-gt1600-5-6 {
    width: 83.33%;
  }
  .gd-g .gd-u-gt1600-3-7 {
    width: 42.86;
  }
  .gd-g .gd-u-gt1600-4-7 {
    width: 57.14%;
  }
  .gd-g .gd-u-gt1600-1-8 {
    width: 12.5%;
  }
  .gd-g .gd-u-gt1600-3-8 {
    width: 37.5%;
  }
  .gd-g .gd-u-gt1600-5-8 {
    width: 62.5%;
  }
  .gd-g .gd-u-gt1600-7-8 {
    width: 87.5%;
  }
  .gd-g .gd-u-gt1600-3-10 {
    width: 30%;
  }
  .gd-g .gd-u-gt1600-7-10 {
    width: 70%;
  }
  .gd-g .gd-u-gt1600-1-12 {
    width: 8.3333%;
  }
  .gd-g .gd-u-gt1600-5-12 {
    width: 41.6666%;
  }
  .gd-g .gd-u-gt1600-7-12 {
    width: 58.3333%;
  }
  .gd-g .gd-u-gt1600-11-12 {
    width: 91.6666%;
  }
  .gd-g .gd-u-gt1600-1-24 {
    width: 4.1666%;
  }
  .gd-g .gd-u-gt1600-5-24 {
    width: 20.8333%;
  }
  .gd-g .gd-u-gt1600-7-24 {
    width: 29.1666%;
  }
  .gd-g .gd-u-gt1600-11-24 {
    width: 45.8333%;
  }
  .gd-g .gd-u-gt1600-13-24 {
    width: 54.1666%;
  }
  .gd-g .gd-u-gt1600-17-24 {
    width: 70.8333%;
  }
  .gd-g .gd-u-gt1600-19-24 {
    width: 79.1666%;
  }
  .gd-g .gd-u-gt1600-23-24 {
    width: 95.8333%;
  }
  .gd-g .gd-u-gt1600-auto {
    width: auto;
  }
  .gd-g .gd-u-gt1600--nopadleft {
    padding-left: 0;
  }
  .gd-g .gd-u-gt1600--nopadright {
    padding-right: 0;
  }
}
.gd-g .opera-only :-o-prefocus,
.gd-g .gd-g {
  word-spacing: -0.43em;
}

/* ==========================================================================
   CSS Grid
   ========================================================================== */
.cssgd-g {
  margin: 0;
  display: grid;
  grid-auto-flow: dense;
  grid-gap: calc(0.75em * 2);
}
.cssgd-g-1-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cssgd-g-1-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cssgd-g-1-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cssgd-g-1-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.cssgd-g-1-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media only screen and (min-width: 550px) {
  .cssgd-g {
    grid-gap: calc(0.75em * 2);
  }
  .cssgd-g-gt550-1-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cssgd-g-gt550-1-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .cssgd-g-gt550-1-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .cssgd-g-gt550-1-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .cssgd-g-gt550-1-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 700px) {
  .cssgd-g {
    grid-gap: calc(1em * 2);
  }
  .cssgd-g-gt700-1-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cssgd-g-gt700-1-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .cssgd-g-gt700-1-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .cssgd-g-gt700-1-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .cssgd-g-gt700-1-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 1000px) {
  .cssgd-g {
    grid-gap: calc(1em * 2);
  }
  .cssgd-g-gt1000-1-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cssgd-g-gt1000-1-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .cssgd-g-gt1000-1-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .cssgd-g-gt1000-1-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .cssgd-g-gt1000-1-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 1200px) {
  .cssgd-g-gt1200-1-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cssgd-g-gt1200-1-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .cssgd-g-gt1200-1-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .cssgd-g-gt1200-1-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .cssgd-g-gt1200-1-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 1400px) {
  .cssgd-g-gt1400-1-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cssgd-g-gt1400-1-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .cssgd-g-gt1400-1-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .cssgd-g-gt1400-1-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .cssgd-g-gt1400-1-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 1600px) {
  .cssgd-g-gt1600-1-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cssgd-g-gt1600-1-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .cssgd-g-gt1600-1-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .cssgd-g-gt1600-1-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .cssgd-g-gt1600-1-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.cssgd-g .cssgd-u-2col {
  grid-column-end: span 2;
}
.cssgd-g .cssgd-u-3col {
  grid-column-end: span 3;
}
.cssgd-g .cssgd-u-4col {
  grid-column-end: span 4;
}
.cssgd-g .cssgd-u-5col {
  grid-column-end: span 5;
}
.cssgd-g .cssgd-u-6col {
  grid-column-end: span 6;
}
.cssgd-g .cssgd-u-2row {
  grid-row-end: span 2;
}
.cssgd-g .cssgd-u-3row {
  grid-row-end: span 3;
}
.cssgd-g .cssgd-u-4row {
  grid-row-end: span 4;
}
.cssgd-g .cssgd-u-5row {
  grid-row-end: span 5;
}
.cssgd-g .cssgd-u-6row {
  grid-row-end: span 6;
}
@media only screen and (min-width: 550px) {
  .cssgd-g .cssgd-u-gt550-2col {
    grid-column-end: span 2;
  }
  .cssgd-g .cssgd-u-gt550-3col {
    grid-column-end: span 3;
  }
  .cssgd-g .cssgd-u-gt550-4col {
    grid-column-end: span 4;
  }
  .cssgd-g .cssgd-u-gt550-5col {
    grid-column-end: span 5;
  }
  .cssgd-g .cssgd-u-gt550-6col {
    grid-column-end: span 6;
  }
  .cssgd-g .cssgd-u-gt550-2row {
    grid-row-end: span 2;
  }
  .cssgd-g .cssgd-u-gt550-3row {
    grid-row-end: span 3;
  }
  .cssgd-g .cssgd-u-gt550-4row {
    grid-row-end: span 4;
  }
  .cssgd-g .cssgd-u-gt550-5row {
    grid-row-end: span 5;
  }
  .cssgd-g .cssgd-u-gt550-6row {
    grid-row-end: span 6;
  }
}
@media only screen and (min-width: 700px) {
  .cssgd-g .cssgd-u-gt700-2col {
    grid-column-end: span 2;
  }
  .cssgd-g .cssgd-u-gt700-3col {
    grid-column-end: span 3;
  }
  .cssgd-g .cssgd-u-gt700-4col {
    grid-column-end: span 4;
  }
  .cssgd-g .cssgd-u-gt700-5col {
    grid-column-end: span 5;
  }
  .cssgd-g .cssgd-u-gt700-6col {
    grid-column-end: span 6;
  }
  .cssgd-g .cssgd-u-gt700-2row {
    grid-row-end: span 2;
  }
  .cssgd-g .cssgd-u-gt700-3row {
    grid-row-end: span 3;
  }
  .cssgd-g .cssgd-u-gt700-4row {
    grid-row-end: span 4;
  }
  .cssgd-g .cssgd-u-gt700-5row {
    grid-row-end: span 5;
  }
  .cssgd-g .cssgd-u-gt700-6row {
    grid-row-end: span 6;
  }
}
@media only screen and (min-width: 1000px) {
  .cssgd-g .cssgd-u-gt1000-2col {
    grid-column-end: span 2;
  }
  .cssgd-g .cssgd-u-gt1000-3col {
    grid-column-end: span 3;
  }
  .cssgd-g .cssgd-u-gt1000-4col {
    grid-column-end: span 4;
  }
  .cssgd-g .cssgd-u-gt1000-5col {
    grid-column-end: span 5;
  }
  .cssgd-g .cssgd-u-gt1000-6col {
    grid-column-end: span 6;
  }
  .cssgd-g .cssgd-u-gt1000-2row {
    grid-row-end: span 2;
  }
  .cssgd-g .cssgd-u-gt1000-3row {
    grid-row-end: span 3;
  }
  .cssgd-g .cssgd-u-gt1000-4row {
    grid-row-end: span 4;
  }
  .cssgd-g .cssgd-u-gt1000-5row {
    grid-row-end: span 5;
  }
  .cssgd-g .cssgd-u-gt1000-6row {
    grid-row-end: span 6;
  }
}
@media only screen and (min-width: 1200px) {
  .cssgd-g .cssgd-u-gt1200-2col {
    grid-column-end: span 2;
  }
  .cssgd-g .cssgd-u-gt1200-3col {
    grid-column-end: span 3;
  }
  .cssgd-g .cssgd-u-gt1200-4col {
    grid-column-end: span 4;
  }
  .cssgd-g .cssgd-u-gt1200-5col {
    grid-column-end: span 5;
  }
  .cssgd-g .cssgd-u-gt1200-6col {
    grid-column-end: span 6;
  }
  .cssgd-g .cssgd-u-gt1200-2row {
    grid-row-end: span 2;
  }
  .cssgd-g .cssgd-u-gt1200-3row {
    grid-row-end: span 3;
  }
  .cssgd-g .cssgd-u-gt1200-4row {
    grid-row-end: span 4;
  }
  .cssgd-g .cssgd-u-gt1200-5row {
    grid-row-end: span 5;
  }
  .cssgd-g .cssgd-u-gt1200-6row {
    grid-row-end: span 6;
  }
}
@media only screen and (min-width: 1400px) {
  .cssgd-g .cssgd-u-gt1400-2col {
    grid-column-end: span 2;
  }
  .cssgd-g .cssgd-u-gt1400-3col {
    grid-column-end: span 3;
  }
  .cssgd-g .cssgd-u-gt1400-4col {
    grid-column-end: span 4;
  }
  .cssgd-g .cssgd-u-gt1400-5col {
    grid-column-end: span 5;
  }
  .cssgd-g .cssgd-u-gt1400-6col {
    grid-column-end: span 6;
  }
  .cssgd-g .cssgd-u-gt1400-2row {
    grid-row-end: span 2;
  }
  .cssgd-g .cssgd-u-gt1400-3row {
    grid-row-end: span 3;
  }
  .cssgd-g .cssgd-u-gt1400-4row {
    grid-row-end: span 4;
  }
  .cssgd-g .cssgd-u-gt1400-5row {
    grid-row-end: span 5;
  }
  .cssgd-g .cssgd-u-gt1400-6row {
    grid-row-end: span 6;
  }
}
@media only screen and (min-width: 1600px) {
  .cssgd-g .cssgd-u-gt1600-2col {
    grid-column-end: span 2;
  }
  .cssgd-g .cssgd-u-gt1600-3col {
    grid-column-end: span 3;
  }
  .cssgd-g .cssgd-u-gt1600-4col {
    grid-column-end: span 4;
  }
  .cssgd-g .cssgd-u-gt1600-5col {
    grid-column-end: span 5;
  }
  .cssgd-g .cssgd-u-gt1600-6col {
    grid-column-end: span 6;
  }
  .cssgd-g .cssgd-u-gt1600-2row {
    grid-row-end: span 2;
  }
  .cssgd-g .cssgd-u-gt1600-3row {
    grid-row-end: span 3;
  }
  .cssgd-g .cssgd-u-gt1600-4row {
    grid-row-end: span 4;
  }
  .cssgd-g .cssgd-u-gt1600-5row {
    grid-row-end: span 5;
  }
  .cssgd-g .cssgd-u-gt1600-6row {
    grid-row-end: span 6;
  }
}

/* ==========================================================================
   Forms
   ========================================================================== */
/* ==========================================================================
  Input Styling
  ========================================================================== */

  input.invalid, textarea.invalid{
  border: 1px solid Crimson!important;
  
}

input.valid, textarea.valid{
  border: 1px solid MediumSeaGreen!important;
}
.error_show {
    display: block;
    line-height: 24px;
    padding: 5px px 0px 0px;
    margin: 0px;
    /* text-transform: uppercase; */
    font-size: 15px;
    color: #ff0000;
    font-weight: 400;
    padding: 5px 0px;
}
 .error{
  display: none;
  margin-left: 10px;
  
}  
 .mbt-25 {
  margin-bottom: 20px;
} 

input[type=text],
input[type=email],
input[type=phone],
input[type=password],
input[type=number],
input[type=search],
input[type=tel],
select,
textarea {
  padding: 1em 1.5em;
  background: #f9f8f8;
  border: 1px solid rgba(248, 121, 93, 0.4);
  border-radius: 0;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
select:focus,
textarea:focus {
  outline: none;
}

textarea {
  min-height: 12em;
}

input.placeholder,
textarea.placeholder {
  color: rgba(45, 21, 48, 0.25);
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: rgba(45, 21, 48, 0.25);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(45, 21, 48, 0.25);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(45, 21, 48, 0.25);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
 /* color: rgba(45, 21, 48, 0.25);*/
  color:rgb(126 108 97);
}

select {
  background-image: url("img/framework/select-arrow.png");
  /* add custom arrow */
  background-size: 10px auto;
  background-repeat: no-repeat;
  background-position: right 1rem center;
}

button:focus,
input[type=submit]:focus {
  outline: none;
}

input[disabled],
input[disabled],
input[disabled],
input[disabled],
textarea[disabled],
input[readonly],
input[readonly],
input[readonly],
input[readonly],
textarea[readonly] {
  opacity: 0.5;
}


/* ==========================================================================
   Custom (HTML) Forms styling
   ========================================================================== */


.form .form__field {
  position: relative;
}
.form .form__field--hasbtn input {
  padding-right: 11em;
}
.form .form__field .form__field__btn {
  position: absolute;
  top: 2.35em;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0.75em;
  z-index: 2;
  margin: 0;
}
@media only screen and (min-width: 700px) {
  .form .form__field .form__field__btn {
    right: 0.65em;
  }
}
@media only screen and (min-width: 1000px) {
  .form .form__field .form__field__btn {
    right: 0.8em;
    top: 2.5em;
  }
}
@media only screen and (min-width: 1600px) {
  .form .form__field .form__field__btn {
    right: 0.85em;
  }
}
.form .form__checkbox {
  position: relative;
  padding-left: 2em;
  display: inline-block;
  margin-top: 1em;
}
.form .form__checkbox input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0.35em;
}
@media only screen and (min-width: 1200px) {
  .form .form__checkbox input[type=checkbox] {
    top: 0.45em;
  }
}
.form--access input {
  background-color: rgba(248, 121, 93, 0.05);
  border-color: transparent;
  border-radius: 2em;
}
.form--access label.error,
.form--access label.success {
  background: rgba(255, 0, 51, 0.75);
  color: #ccc;
  display: block;
  padding: 0.5em 1.5em;
  border-radius: 2em;
  margin-bottom: 0.5em;
  text-align: center;
}
.form--access label.success {
  background: rgba(248, 121, 93, 0.75);
}
.form--access .form__field label.error {
  margin-top: 0.5em;
  margin-bottom: 0;
}

/* ==========================================================================
   Ninja Forms Styling
   ========================================================================== */
.nf-form-fields-required {
  display: none !important;
}

.nf-form-title h3 {
  margin: 0 0 1em;
}

.nf-form-cont .label-above .nf-field-label {
  margin-bottom: 5px;
}

.nf-form-cont .nf-field-description {
  margin-bottom: 10px;
  font-size: 11px;
}
@media only screen and (min-width: 550px) {
  .nf-form-cont .nf-field-description {
    font-size: 11px;
  }
}
@media only screen and (min-width: 700px) {
  .nf-form-cont .nf-field-description {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1000px) {
  .nf-form-cont .nf-field-description {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1200px) {
  .nf-form-cont .nf-field-description {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1400px) {
  .nf-form-cont .nf-field-description {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1600px) {
  .nf-form-cont .nf-field-description {
    font-size: 14px;
  }
}

.label-right .checkbox-wrap {
  flex-wrap: wrap;
}

.label-right .checkbox-wrap .nf-field-label {
  flex-basis: 90%;
}

.submit-wrap .nf-field-element {
  position: relative;
  display: inline-block;
  width: auto !important;
}
.submit-wrap .nf-field-element:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 200;
  margin-left: 1em;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  top: 1.35em;
  left: 1.25em;
  color: #ccc;
  -webkit-transition: opacity 250ms ease-out 0ms;
  -moz-transition: opacity 250ms ease-out 0ms;
  transition: opacity 250ms ease-out 0ms;
  font-size: 10px;
}
@media only screen and (min-width: 550px) {
  .submit-wrap .nf-field-element:before {
    font-size: 10px;
  }
}
@media only screen and (min-width: 700px) {
  .submit-wrap .nf-field-element:before {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1000px) {
  .submit-wrap .nf-field-element:before {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1200px) {
  .submit-wrap .nf-field-element:before {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1400px) {
  .submit-wrap .nf-field-element:before {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1600px) {
  .submit-wrap .nf-field-element:before {
    font-size: 12px;
  }
}
.submit-wrap .nf-field-element:hover:before {
  opacity: 1;
  -webkit-transition: opacity 250ms ease-out 150ms;
  -moz-transition: opacity 250ms ease-out 150ms;
  transition: opacity 250ms ease-out 150ms;
}
.submit-wrap .nf-field-element input[type=button] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: linear-gradient(to right, #F6603E 50%, #F8795D 50%);
  background-size: 210% 100%;
  background-position: right bottom;
  -webkit-transition: padding 250ms ease-out, color 250ms ease-out 0ms, background-position 250ms ease-out 0ms;
  -moz-transition: padding 250ms ease-out, color 250ms ease-out 0ms, background-position 250ms ease-out 0ms;
  transition: padding 250ms ease-out, color 250ms ease-out 0ms, background-position 250ms ease-out 0ms;
  color: #ccc;
  display: inline-block;
  margin: 0;
  padding: 1em 3em;
  padding: 1.5em 3.5em;
  border-radius: 3em;
  border: none;
  font-family: "rosario", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1.75px;
  cursor: pointer;
  font-size: 10px;
}
@media only screen and (min-width: 550px) {
  .submit-wrap .nf-field-element input[type=button] {
    font-size: 10px;
  }
}
@media only screen and (min-width: 700px) {
  .submit-wrap .nf-field-element input[type=button] {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1000px) {
  .submit-wrap .nf-field-element input[type=button] {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1200px) {
  .submit-wrap .nf-field-element input[type=button] {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1400px) {
  .submit-wrap .nf-field-element input[type=button] {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1600px) {
  .submit-wrap .nf-field-element input[type=button] {
    font-size: 12px;
  }
}
.submit-wrap .nf-field-element input[type=button]:hover {
  background-position: left bottom;
  color: #ccc;
  padding: 1em 2em 1em 4em;
  padding: 1.5em 2.5em 1.5em 4.5em;
}

input[type=radio],
input[type=checkbox] {
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
}
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: none;
}
input[type=radio]:checked,
input[type=checkbox]:checked {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
}
input[type=radio]:after,
input[type=checkbox]:after {
  border: 2px solid #080808;
  border-radius: 3px;
  content: "";
  position: absolute;
  top: -3px;
  left: 0px;
  width: 17px;
  height: 17px;
  transition: all 0.5s ease;
  box-sizing: border-box;
}
.color--white input[type=radio]:after,
.color--white input[type=checkbox]:after {
  border: 2px solid #fff;
}
input[type=radio]:before,
input[type=checkbox]:before {
  background: #fff;
  border-radius: 3px;
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  width: 9px;
  height: 9px;
  z-index: 18;
  transition: all 0.5s ease;
}
input[type=radio]:checked::before,
input[type=checkbox]:checked::before {
  background: #F8795D;
  transition: all 0.5s ease;
}
input[type=radio]:checked::after,
input[type=checkbox]:checked::after {
  border: 2px solid #F8795D;
  transition: all 0.5s ease;
}

input[type=checkbox]:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  color: transparent;
  background: transparent;
  font-size: 10px;
  top: 0px;
  left: 3.5px;
}
input[type=checkbox]:checked:before {
  background: transparent;
  color: #F8795D;
}

input[type=radio]:after {
  border-radius: 50%;
}
input[type=radio]:before {
  border-radius: 50%;
}

.checkbox-container.label-right .checkbox-wrap .nf-field-label {
  padding-left: 10px;
}
.checkbox-container input[type=checkbox]::after {
  top: -14px;
}
.checkbox-container input[type=checkbox]::before {
  top: -11px;
}
@media only screen and (min-width: 1400px) {
  .checkbox-container input[type=checkbox]::after {
    top: -16px;
  }
  .checkbox-container input[type=checkbox]::before {
    top: -13px;
  }
}

.list-checkbox-wrap .nf-field-element li label,
.list-radio-wrap .nf-field-element li label,
.nf-form-content .checkbox-container .nf-field-label label,
.form-check-inline .form-check-label {
  color: #080808;
  font-weight: 700;
  font-size: 0.85rem;
}
.list-checkbox-wrap .nf-field-element li label.nf-checked-label, .list-checkbox-wrap .nf-field-element li label.form-check-label--checked,
.list-radio-wrap .nf-field-element li label.nf-checked-label,
.list-radio-wrap .nf-field-element li label.form-check-label--checked,
.nf-form-content .checkbox-container .nf-field-label label.nf-checked-label,
.nf-form-content .checkbox-container .nf-field-label label.form-check-label--checked,
.form-check-inline .form-check-label.nf-checked-label,
.form-check-inline .form-check-label.form-check-label--checked {
  color: #F8795D;
}

.list-checkbox-wrap .nf-field-element li label,
.list-radio-wrap .nf-field-element li label,
.form-check-inline .form-check-label {
  margin-left: 30px !important;
}

.nf-error-msg,
label.error,
label.success {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5;
}
@media only screen and (min-width: 550px) {
  .nf-error-msg,
label.error,
label.success {
    font-size: 13px;
  }
}
@media only screen and (min-width: 700px) {
  .nf-error-msg,
label.error,
label.success {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1000px) {
  .nf-error-msg,
label.error,
label.success {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  .nf-error-msg,
label.error,
label.success {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1400px) {
  .nf-error-msg,
label.error,
label.success {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1600px) {
  .nf-error-msg,
label.error,
label.success {
    font-size: 16px;
  }
}

.nf-error-msg,
label.error {
  color: #ff0033;
}

.nf-error .nf-element,
input.error {
  border: 1px solid #ff0033;
}

/*  ==========================================================================
  Basic layout classes -- layout/layout.scss
  ========================================================================== */
body {
  font-family: "open-sans", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  color: #5a5151;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  max-width: 100%;
}
body.mobnavopen {
  height: 100vh;
  overflow: hidden;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.hide {
  display: none;
}

.bd {
  position: relative;
  min-height: 1px;
  margin: 0 1.5em;
}
@media only screen and (min-width: 550px) {
  .bd {
    margin: 0 2.5em;
  }
}
@media only screen and (min-width: 700px) {
  .bd {
    margin: 0 2.5em;
  }
}
@media only screen and (min-width: 1000px) {
  .bd {
    margin: 0 2em;
  }
}
@media only screen and (min-width: 1200px) {
  .bd {
    margin: 0 2em;
  }
}
@media only screen and (min-width: 1400px) {
  .bd {
    margin: 0 2em;
  }
}
@media only screen and (min-width: 1600px) {
  .bd {
    margin: 0 auto;
    max-width: calc(1600px - (2em * 2));
  }
}
.bd:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.padding--top {
  padding-top: 10%;
}
@media only screen and (min-width: 550px) {
  .padding--top {
    padding-top: 7%;
  }
}
@media only screen and (min-width: 1200px) {
  .padding--top {
    padding-top: 5%;
  }
}

.padding--bottom {
  padding-bottom: 10%;
}
@media only screen and (min-width: 550px) {
  .padding--bottom {
    padding-bottom: 7%;
  }
}
@media only screen and (min-width: 1200px) {
  .padding--bottom {
    padding-bottom: 5%;
  }
}

.padding--top-half {
  padding-top: 7%;
}
@media only screen and (min-width: 550px) {
  .padding--top-half {
    padding-top: 3.5%;
  }
}
@media only screen and (min-width: 1200px) {
  .padding--top-half {
    padding-top: 3.5%;
  }
}

.padding--bottom-half {
  padding-bottom: 7%;
}
@media only screen and (min-width: 550px) {
  .padding--bottom-half {
    padding-bottom: 3.5%;
  }
}
@media only screen and (min-width: 1200px) {
  .padding--bottom-half {
    padding-bottom: 3.5%;
  }
}

.padding--top-em {
  padding-top: 1em;
}

.padding--bottom-em {
  padding-bottom: 1em;
}

.margin--top {
  margin-top: 10%;
}
@media only screen and (min-width: 550px) {
  .margin--top {
    margin-top: 7%;
  }
}
@media only screen and (min-width: 1200px) {
  .margin--top {
    margin-top: 5%;
  }
}

.margin--bottom {
  margin-bottom: 10%;
}
@media only screen and (min-width: 550px) {
  .margin--bottom {
    margin-bottom: 7%;
  }
}
@media only screen and (min-width: 1200px) {
  .margin--bottom {
    margin-bottom: 5%;
  }
}

.margin--top-half {
  margin-top: 7%;
}
@media only screen and (min-width: 550px) {
  .margin--top-half {
    margin-top: 3.5%;
  }
}
@media only screen and (min-width: 1200px) {
  .margin--top-half {
    margin-top: 3.5%;
  }
}

.margin--bottom-half {
  margin-bottom: 7%;
}
@media only screen and (min-width: 550px) {
  .margin--bottom-half {
    margin-bottom: 3.5%;
  }
}
@media only screen and (min-width: 1200px) {
  .margin--bottom-half {
    margin-bottom: 3.5%;
  }
}

.margin--top-em {
  margin-top: 1em;
}

.margin--bottom-em {
  margin-bottom: 1em;
}

.margin--none {
  margin: 0;
}



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

.jumpto_anchor {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  margin-top: -6em;
}

.smallline {
  position: relative;
}
.smallline--before {
  padding-top: 0.5em;
}
.smallline--before:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 1px;
  background: rgba(248, 121, 93, 0.15);
}
.smallline--after {
  padding-bottom: 0.5em;
}
.smallline--after:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 1px;
  background: rgba(248, 121, 93, 0.15);
}

/*  ==========================================================================
  Page Transitions
  ========================================================================== */
body.page-transitioning {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

.transition-overlay {
  background-color: #080808;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  pointer-events: none;
  text-align: center;
  box-sizing: border-box;
  will-change: left;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}

.ie .transition-overlay {
  display: none !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .transition-overlay {
    display: none !important;
  }
}
/*  ==========================================================================
  main
  ========================================================================== */
.main {
  /* Full width layout */
  /* Single col layout */
}
.main--singlecol .main__col--right {
  /* double up padding and margins on screens when its using half width */
}
@media only screen and (min-width: 1000px) {
  .main--singlecol .main__col--right .padding--top {
    padding-top: calc(7% * 1.5);
  }
}
@media only screen and (min-width: 1200px) {
  .main--singlecol .main__col--right .padding--top {
    padding-top: calc(5% * 1.5);
  }
}
@media only screen and (min-width: 1000px) {
  .main--singlecol .main__col--right .padding--bottom {
    padding-bottom: calc(7% * 1.5);
  }
}
@media only screen and (min-width: 1200px) {
  .main--singlecol .main__col--right .padding--bottom {
    padding-bottom: calc(5% * 1.5);
  }
}
@media only screen and (min-width: 1000px) {
  .main--singlecol .main__col--right .padding--top-half {
    padding-top: calc(3.5% * 1.5);
  }
}
@media only screen and (min-width: 1200px) {
  .main--singlecol .main__col--right .padding--top-half {
    padding-top: calc(3.5% * 1.5);
  }
}
@media only screen and (min-width: 1000px) {
  .main--singlecol .main__col--right .padding--bottom-half {
    padding-bottom: calc(3.5% * 1.5);
  }
}
@media only screen and (min-width: 1200px) {
  .main--singlecol .main__col--right .padding--bottom-half {
    padding-bottom: calc(3.5% * 1.5);
  }
}
@media only screen and (min-width: 1000px) {
  .main--singlecol .main__col--right .margin--top {
    margin-top: calc(7% * 1.5);
  }
}
@media only screen and (min-width: 1200px) {
  .main--singlecol .main__col--right .margin--top {
    margin-top: calc(5% * 1.5);
  }
}
@media only screen and (min-width: 1000px) {
  .main--singlecol .main__col--right .margin--bottom {
    margin-bottom: calc(7% * 1.5);
  }
}
@media only screen and (min-width: 1200px) {
  .main--singlecol .main__col--right .margin--bottom {
    margin-bottom: calc(5% * 1.5);
  }
}
@media only screen and (min-width: 1000px) {
  .main--singlecol .main__col--right .margin--top-half {
    margin-top: calc(3.5% * 1.5);
  }
}
@media only screen and (min-width: 1200px) {
  .main--singlecol .main__col--right .margin--top-half {
    margin-top: calc(3.5% * 1.5);
  }
}
@media only screen and (min-width: 1000px) {
  .main--singlecol .main__col--right .margin--bottom-half {
    margin-bottom: calc(3.5% * 1.5);
  }
}
@media only screen and (min-width: 1200px) {
  .main--singlecol .main__col--right .margin--bottom-half {
    margin-bottom: calc(3.5% * 1.5);
  }
}

/*  ==========================================================================
  base nav
  ========================================================================== */
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.inlinenavlist {
  margin: 0 -0.75em;
}
.inlinenavlist li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.inlinenavlist li a {
  display: block;
  padding: 0 0.75em;
}

/*  ==========================================================================
  Date Circles
  ========================================================================== */
.datecircle {
  width: 3em;
  height: 3em;
  background: #f34f47;
  border-radius: 50%;
  text-align: center;
  position: relative;
}
.datecircle .datecircle__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}
.datecircle .datecircle__content .datecircle__content__date,
.datecircle .datecircle__content .datecircle__content__month {
  display: block;
  line-height: 1.1;
}
.datecircle .datecircle__content .datecircle__content__month {
  font-size: 0.6em;
}

/*  ==========================================================================
  Page
  ========================================================================== */
.pageheader {
  text-align: center;
  position: relative;
  /* Pageheader background */
  /* pageheader--img */
  /* pageheader--video */
  /* pageheader--gallery */
  /* pageheader--company */
  /* Homepage Header* */
  /* Left aligned header (blog categories, locations, community page & single demo days) */
  /* Demo Days, Locations Headers */
}
.pageheader .pageheader__bd {
  position: relative;
  z-index: 2;
}
.pageheader .pageheader__preheading {
  margin: 0 0 0.5em 0;
}
.pageheader .pageheader__leader {
  margin: 1em auto 0 auto;
  max-width: 30em;
}
.pageheader .pageheader__heading {
  max-width: 14em;
  margin: 0 auto;
}
.pageheader .pageheader__heading.fontsize--med {
  max-width: 26em;
}
.pageheader .pageheader__btn {
  margin: 3em 0 0 0;
}
.pageheader .pageheader__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #080808;
 /* background: linear-gradient(152deg, #4D2053 0%, #000000 53%);*/
  overflow: hidden;
  height: calc(100% + 13em);
  margin-top: -13em;
}
.pageheader .pageheader__bg--gradient .pageheader__bg__content {
  opacity: 0.35;
}
.pageheader .pageheader__img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out 0ms;
  -moz-transition: opacity 1000ms ease-out 0ms;
  transition: opacity 1000ms ease-out 0ms;
}
.pageheaderimg--loaded .pageheader .pageheader__img {
  -webkit-transition: opacity 2000ms ease-out 0;
  -moz-transition: opacity 2000ms ease-out 0;
  transition: opacity 2000ms ease-out 0;
  opacity: 1;
}
.pageheader .pageheader__video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 2000ms ease-out 0ms;
  -moz-transition: opacity 2000ms ease-out 0ms;
  transition: opacity 2000ms ease-out 0ms;
}
.pageheader .pageheader__video iframe {
  width: 100vw;
  height: 56.25vw;
  /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh;
  /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.has-videoheader--playing .pageheader .pageheader__video {
  opacity: 1;
}
.pageheader .pageheader__gallery {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out 0ms;
  -moz-transition: opacity 1000ms ease-out 0ms;
  transition: opacity 1000ms ease-out 0ms;
}
.pageheader .pageheader__gallery.owl-loaded {
  opacity: 1;
}
.pageheader .pageheader__gallery .owl-item,
.pageheader .pageheader__gallery .owl-stage,
.pageheader .pageheader__gallery .owl-stage-outer {
  height: 100%;
}
.pageheader .pageheader__gallery .owl-item {
  overflow: hidden;
}
.pageheader .pageheader__gallery .pageheader__gallery__img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  -webkit-transition: opacity 1000ms ease-out 0ms;
  -moz-transition: opacity 1000ms ease-out 0ms;
  transition: opacity 1000ms ease-out 0ms;
}
.pageheader--fullheight {
  height: 100vh;
  box-sizing: border-box;
}
.pageheader--fullheight .pageheader__bd {
  height: 100%;
}
.pageheader--fullheight .pageheader__bd .gd-g--vertcenter {
  height: 100%;
  box-sizing: border-box;
}
.pageheader--company {
  text-align: left;
}
.pageheader--company .pageheader__heading {
  max-width: 16em;
  margin-left: 0;
}
.pageheader--company .pageheader__btns {
  margin-top: 1.5em;
}
.pageheader--company .pageheader__btns .btn {
  margin: 0;
  display: inline-block;
  vertical-align: top;
  margin-right: 1em;
}
.pageheader--company .pageheader__btns .btn:last-child {
  margin-right: 0;
}
.pageheader--home {
 /* background: #000000;*/
  background: #000;
  
  color: #fff;
  text-align: left;
  overflow: hidden;
}
.pageheader--home .pageheader__heading {
  max-width: none;
  margin: 0;
}
@media only screen and (min-width: 700px) {
  .pageheader--home {
    height: 100vh;
  }
  .pageheader--home .pageheader__wrap,
.pageheader--home .pageheader__bd,
.pageheader--home .pageheader__gd-g {
    height: 100%;
    box-sizing: border-box;
    z-index: 0;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .pageheader--home {
    /* IE10 & 11 CSS styles go here */
  }
  .pageheader--home .pageheader__wrap {
    position: absolute;
    height: auto;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .pageheader--home .pageheader__bd {
    height: auto;
  }
}
.pageheader--home .pageheader__body {
  max-width: 40em;
}
.pageheader--home .pageheader__btn {
  margin: 2em 0 0 0;
}
.pageheader--category:not(.pageheader--countdown), .page-template-template-people .pageheader:not(.pageheader--countdown), .single-demodays .pageheader:not(.pageheader--countdown), .single-locations .pageheader:not(.pageheader--countdown) {
  text-align: left;
}
.pageheader--category:not(.pageheader--countdown) .pageheader__leader,
.pageheader--category:not(.pageheader--countdown) .pageheader__heading, .page-template-template-people .pageheader:not(.pageheader--countdown) .pageheader__leader,
.page-template-template-people .pageheader:not(.pageheader--countdown) .pageheader__heading, .single-demodays .pageheader:not(.pageheader--countdown) .pageheader__leader,
.single-demodays .pageheader:not(.pageheader--countdown) .pageheader__heading, .single-locations .pageheader:not(.pageheader--countdown) .pageheader__leader,
.single-locations .pageheader:not(.pageheader--countdown) .pageheader__heading {
  margin-left: 0;
}
.page-template-template-people .pageheader, .single-demodays .pageheader, .single-locations .pageheader {
  /* Pageheader flipclock */
  /* Pageheader accessform */
}
@media only screen and (min-width: 1000px) {
  .page-template-template-people .pageheader:not(.pageheader--countdown) .pageheader__content, .single-demodays .pageheader:not(.pageheader--countdown) .pageheader__content, .single-locations .pageheader:not(.pageheader--countdown) .pageheader__content {
    padding: 0 10%;
  }
 
}
.page-template-template-people .pageheader .pageheader__flipdown, .single-demodays .pageheader .pageheader__flipdown, .single-locations .pageheader .pageheader__flipdown {
  margin-left: auto;
  margin-right: auto;
}
.page-template-template-people .pageheader .pageheader__flipdown .pageheader__flipdown__heading, .single-demodays .pageheader .pageheader__flipdown .pageheader__flipdown__heading, .single-locations .pageheader .pageheader__flipdown .pageheader__flipdown__heading {
  margin: 0 0 1.5em 0;
}
.page-template-template-people .pageheader .pageheader__accessform, .single-demodays .pageheader .pageheader__accessform, .single-locations .pageheader .pageheader__accessform {
  max-width: 40em;
}
.page-template-template-people .pageheader .pageheader__accessform .pageheader__accessform__info, .single-demodays .pageheader .pageheader__accessform .pageheader__accessform__info, .single-locations .pageheader .pageheader__accessform .pageheader__accessform__info {
  margin: 2em 0 0 0;
  max-width: 40em;
}
.page-template-template-people .pageheader:not(.pageheader--default) .pageheader__accessform input, .single-demodays .pageheader:not(.pageheader--default) .pageheader__accessform input, .single-locations .pageheader:not(.pageheader--default) .pageheader__accessform input {
  color: #ccc;
  background: rgba(255, 255, 255, 0.15);
}
.page-template-template-people .pageheader:not(.pageheader--default) .pageheader__accessform input.placeholder, .single-demodays .pageheader:not(.pageheader--default) .pageheader__accessform input.placeholder, .single-locations .pageheader:not(.pageheader--default) .pageheader__accessform input.placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.page-template-template-people .pageheader:not(.pageheader--default) .pageheader__accessform input:-moz-placeholder, .single-demodays .pageheader:not(.pageheader--default) .pageheader__accessform input:-moz-placeholder, .single-locations .pageheader:not(.pageheader--default) .pageheader__accessform input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.page-template-template-people .pageheader:not(.pageheader--default) .pageheader__accessform input::-moz-placeholder, .single-demodays .pageheader:not(.pageheader--default) .pageheader__accessform input::-moz-placeholder, .single-locations .pageheader:not(.pageheader--default) .pageheader__accessform input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.page-template-template-people .pageheader:not(.pageheader--default) .pageheader__accessform input:-ms-input-placeholder, .single-demodays .pageheader:not(.pageheader--default) .pageheader__accessform input:-ms-input-placeholder, .single-locations .pageheader:not(.pageheader--default) .pageheader__accessform input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.page-template-template-people .pageheader:not(.pageheader--default) .pageheader__accessform input::-webkit-input-placeholder, .single-demodays .pageheader:not(.pageheader--default) .pageheader__accessform input::-webkit-input-placeholder, .single-locations .pageheader:not(.pageheader--default) .pageheader__accessform input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.page-template-template-people .pageheader:not(.pageheader--default) .pageheader__accessform .btn, .single-demodays .pageheader:not(.pageheader--default) .pageheader__accessform .btn, .single-locations .pageheader:not(.pageheader--default) .pageheader__accessform .btn {
  background-image: linear-gradient(to right, #F8795D 50%, #fff 50%);
  color: #080808;
}
.page-template-template-people .pageheader:not(.pageheader--default) .pageheader__accessform .btn:hover, .single-demodays .pageheader:not(.pageheader--default) .pageheader__accessform .btn:hover, .single-locations .pageheader:not(.pageheader--default) .pageheader__accessform .btn:hover {
  color: #ccc;
}

.no-touch .has-videoheader .pageheader__img {
  display: none;
}

/*  ==========================================================================
  content -- layout/layout.scss
  ========================================================================== */
.content {
  margin: 0 auto;
  box-sizing: border-box;
  /* Styling for .content - for archive posts */
}
@media only screen and (min-width: 550px) {
  .content {
    width: 80%;
    padding: 0 calc(0.75em/ 2);
  }
}
@media only screen and (min-width: 700px) {
  .content {
    width: 66.8%;
    padding: 0 calc(1em/ 2);
  }
}
@media only screen and (min-width: 1000px) {
  .content {
    width: 50%;
    padding: 0 calc(1em/ 2);
  }
}
@media only screen and (min-width: 1600px) {
  .content {
    width: 40%;
  }
}
.content ul,
.content ol {
  margin-left: 0.5em;
  margin-bottom: 2em;
}
.content ul li,
.content ol li {
  margin-bottom: 1em;
  padding-left: 1.5em;
  font-weight: 700;
}
.content ul li::marker,
.content ol li::marker {
  font-weight: 400;
  color: #F8795D;
}
.content ul li::marker {
  font-family: "Font Awesome 5 Pro";
  font-size: 0.85em;
  content: "";
}
.content .wp-caption {
  width: 100% !important;
  height: auto;
}
.content h1,
.content h2 {
  margin-top: 10%;
  margin-bottom: 10%;
}
@media only screen and (min-width: 550px) {
  .content h1,
.content h2 {
    margin-top: 7%;
    margin-bottom: 7%;
  }
}
@media only screen and (min-width: 1200px) {
  .content h1,
.content h2 {
    margin-top: 5%;
    margin-bottom: 5%;
  }
}
.content figure {
  margin-top: 10%;
  margin-bottom: 10%;
}
@media only screen and (min-width: 550px) {
  .content figure {
    margin-top: 7%;
    margin-bottom: 7%;
  }
}
@media only screen and (min-width: 1200px) {
  .content figure {
    margin-top: 5%;
    margin-bottom: 5%;
  }
}
.content figure .wp-caption-text,
.content figure figcaption {
  position: relative;
  color: rgba(45, 21, 48, 0.5);
  margin-top: 1em;
  padding-bottom: 1em;
  font-size: 11px;
  line-height: 1.5;
}
@media only screen and (min-width: 550px) {
  .content figure .wp-caption-text,
.content figure figcaption {
    font-size: 11px;
  }
}
@media only screen and (min-width: 700px) {
  .content figure .wp-caption-text,
.content figure figcaption {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1000px) {
  .content figure .wp-caption-text,
.content figure figcaption {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1200px) {
  .content figure .wp-caption-text,
.content figure figcaption {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1400px) {
  .content figure .wp-caption-text,
.content figure figcaption {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1600px) {
  .content figure .wp-caption-text,
.content figure figcaption {
    font-size: 14px;
  }
}
.content figure .wp-caption-text:after,
.content figure figcaption:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 1px;
  background: rgba(248, 121, 93, 0.15);
}
.content img {
  width: 100%;
  height: auto;
  border-radius: 0.5em;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.15);
  -moz-box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.15);
  box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.15);
}
.content iframe {
  width: 100%;
}

/*  ==========================================================================
  Section header -- layout/layout.scss
  ========================================================================== */
.sectionheader {
  box-sizing: border-box;
  position: relative;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 550px) {
  .sectionheader {
    padding: 0 10%;
  }
}
@media only screen and (min-width: 1000px) {
  .sectionheader {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    max-width: 28em;
  }
}
@media only screen and (min-width: 1400px) {
  .sectionheader {
    max-width: 32em;
  }
}
.sectionheader .sectionheader__preheading {
  margin: 0 0 0.5em;
}
.sectionheader .sectionheader__heading {
  margin: 0;
}
.sectionheader .sectionheader__text {
  margin: 1em 0 -1em 0;
}
.sectionheader .sectionheader__btns {
  margin: 2em 0 0 0;
}
.sectionheader .sectionheader__btns .sectionheader__btn {
  margin: 0.5em 0 0 0;
}
.sectionheader .sectionheader__btn {
  display: inline-block;
  margin: 2.5em 0 0 0;
}
.gd-u-gt700-2-3 .sectionheader {
  max-width: 9999px;
}
@media only screen and (min-width: 1000px) {
  .gd-u-gt700-2-3 .sectionheader {
    max-width: 32em;
  }
}
@media only screen and (min-width: 700px) {
  .gd-u-gt700-1-2 .sectionheader {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }
}

/*  ==========================================================================
  posts -- layout/layout.scss
  ========================================================================== */
.posts {
  position: relative;
  margin-bottom: calc(-0.75em * 4);
}
@media only screen and (min-width: 550px) {
  .posts {
    margin-bottom: calc(-0.75em * 4);
  }
}
@media only screen and (min-width: 700px) {
  .posts {
    margin-bottom: calc(-1em * 4);
  }
}
@media only screen and (min-width: 1000px) {
  .posts {
    margin-bottom: calc(-1em * 4);
  }
}
.posts .posts__line {
  height: 100%;
  position: absolute;
  border-left: 1px solid rgba(248, 121, 93, 0.15);
  display: none;
}
.posts .posts__line--1 {
  left: 50%;
  display: block;
}
@media only screen and (min-width: 700px) {
  .posts .posts__line--1 {
    left: 33.33%;
  }
  .posts .posts__line--2 {
    display: block;
    left: 66.66%;
  }
}
@media only screen and (min-width: 1200px) {
  .posts .posts__line--1 {
    left: 20%;
  }
  .posts .posts__line--2 {
    left: 40%;
  }
  .posts .posts__line--3 {
    display: block;
    left: 60%;
  }
  .posts .posts__line--4 {
    display: block;
    left: 80%;
  }
}

.post {
  position: relative;
  margin-bottom: calc(0.75em * 4);
}
@media only screen and (min-width: 550px) {
  .post {
    margin-bottom: calc(0.75em * 4);
  }
}
@media only screen and (min-width: 700px) {
  .post {
    margin-bottom: calc(1em * 4);
  }
}
@media only screen and (min-width: 1000px) {
  .post {
    margin-bottom: calc(1em * 4);
  }
}
.post .post__link {
  position: relative;
  z-index: 1;
}
.post .post__link .postimg {
  position: relative;
  margin-bottom: 1em;
}
.post .post__link .postimg .postimg__img {
  width: 100%;
  display: block;
  height: auto;
}
.post .post__link .postimg--fixedheight {
  padding: 66.6% 0 0;
}
.post .post__link .postimg--fixedheight .postimg__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(248, 121, 93, 0.05);
  overflow: hidden;
}
.post .post__link .postimg .post__eventdate,
.post .post__link .postimg .post__author {
  position: absolute;
  bottom: 0;
  right: 1em;
  margin-bottom: -0.5em;
}
.post .post__link .postimg .post__author {
  width: 3em;
  height: 3em;
  border: 1px solid #F8795D;
  border-radius: 50%;
  overflow: hidden;
}
.post .post__link .postimg .post__author .post__author__img {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.post .post__tag {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 5px;
  padding: 0.5em 1em;
  border-radius: 3px;
  color: rgba(45, 21, 48, 0.5);
  border: 1px solid rgba(248, 121, 93, 0.15);
  background: #fff;
  z-index: 1;
}
.post .post__categories {
  margin-bottom: 0.5em;
}
.post .post__categories a {
  opacity: 0.5;
}
.post .post__categories a:hover {
  opacity: 1;
}
.post .post__heading {
  margin: 0.5em 0 0.5em;
  max-width: 20em;
}
.post .post__heading .fa-external-link {
  vertical-align: baseline;
  padding-left: 0.25em;
}
.post:hover .post__heading {
  color: #F8795D;
}

/*  ==========================================================================
  paging -- layout/layout.scss
  ========================================================================== */
.paging {
  position: relative;
  padding: 0;
  margin-bottom: 0;
  border-top: solid 1px rgba(45, 21, 48, 0.05);
}
@media only screen and (min-width: 700px) {
  .paging {
    border-bottom: solid 1px rgba(45, 21, 48, 0.05);
  }
  .paging .paging__bd {
    border-bottom: solid 1px rgba(45, 21, 48, 0.05);
    border-top: solid 1px rgba(45, 21, 48, 0.05);
  }
}
.paging .paging__numbers {
  display: none;
}
.paging .paging__numbers a,
.paging .paging__numbers span {
  padding: 1.5em;
  border: none;
  border-right: solid 1px rgba(45, 21, 48, 0.05);
  display: block;
  float: left;
  min-width: 1.4em;
  text-align: center;
}
.paging .paging__numbers .current {
  color: #888;
}
@media only screen and (min-width: 700px) {
  .paging .paging__numbers {
    display: block;
  }
}
.paging .paging__nextprev {
  text-align: center;
  padding: 0.5em;
}
.paging .paging__nextprev .btn {
  margin-bottom: 0;
}
@media only screen and (min-width: 700px) {
  .paging .paging__nextprev {
    position: absolute;
    padding: 0;
    right: 0;
    top: 50%;
    margin-top: -1.75em;
  }
}

/*  ==========================================================================
  Search results page -- layout/layout.scss
  ========================================================================== */
.searchpagefield {
  position: relative;
}
.searchpagefield input {
  background: none;
  padding-right: 4em;
  position: relative;
  z-index: 1;
}

.searchpagesubmit {
  padding: 1em 1.25em;
  border: none;
  position: absolute;
  z-index: 2;
  top: 1px;
  right: 1px;
  background: none;
  text-align: center;
}
.searchpagesubmit:hover {
  background: #888;
}




/*  ==========================================================================
  companies -- layout/layout.scss
  ========================================================================== */
.companiesintro {
  /* Hightlight company / company of the month */
}
.companiesintro .highlightcompany {
  position: relative;
}
.companiesintro .highlightcompany .highlightcompany__content {
  position: relative;
}
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__content__content {
  margin-top: 3em;
  padding: 0 15%;
}
@media only screen and (min-width: 550px) {
  .companiesintro .highlightcompany .highlightcompany__content .highlightcompany__content__content {
    max-width: 30em;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1000px) {
  .companiesintro .highlightcompany .highlightcompany__content .highlightcompany__content__content {
    margin-top: 1em;
  }
}
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__preheading {
  margin: 0 0 0 0;
}
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__heading {
  margin: 0.25em 0 0 0;
}
@media only screen and (min-width: 550px) {
  .companiesintro .highlightcompany .highlightcompany__content .highlightcompany__company {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1000px) {
  .companiesintro .highlightcompany .highlightcompany__content .highlightcompany__company {
    padding-left: 1em;
  }
}
@media only screen and (min-width: 550px) {
  .companiesintro .highlightcompany .highlightcompany__content .highlightcompany__company .featuredpost {
    max-width: 30em;
  }
}
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__company .company {
  margin-top: 2em;
  background: #fff;
  border-radius: 0.5em;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.25);
  -moz-box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.25);
  box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.25);
  height: auto;
}
@media only screen and (min-width: 550px) {
  .companiesintro .highlightcompany .highlightcompany__content .highlightcompany__company .company {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1000px) {
  .companiesintro .highlightcompany .highlightcompany__content .highlightcompany__company .company {
    margin-top: 2em;
  }
}
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__post {
  margin-top: 3em;
}
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__post--tablet {
  display: none;
}
@media only screen and (min-width: 550px) {
  .companiesintro .highlightcompany .highlightcompany__content .highlightcompany__post--tablet {
    display: block;
  }
}
@media only screen and (min-width: 1000px) {
  .companiesintro .highlightcompany .highlightcompany__content .highlightcompany__post--tablet {
    display: none;
  }
}
@media only screen and (min-width: 550px) {
  .companiesintro .highlightcompany .highlightcompany__content .highlightcompany__post--desktop {
    display: none;
  }
}
@media only screen and (min-width: 1000px) {
  .companiesintro .highlightcompany .highlightcompany__content .highlightcompany__post--desktop {
    display: block;
  }
}
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__post .post .postimg {
  display: none;
}

/* Companies header, companies grids headings */
.companiesheader {
  padding: 1em 0;
  border-top: 1px solid rgba(248, 121, 93, 0.15);
  border-bottom: 1px solid rgba(248, 121, 93, 0.15);
}
.companiesheader .companiesheader__heading {
  margin: 0;
}

.companies {
  position: relative;
  margin: 0;
  /* Grid only company styles */
}
.companies .gd-u {
  padding: 0;
}
.companies .companies__line {
  height: 100%;
  position: absolute;
  border-left: 1px solid rgba(248, 121, 93, 0.15);
  display: none;
}
.companies .companies__line--1 {
  left: 50%;
  display: block;
}
@media only screen and (min-width: 700px) {
  .companies .companies__line--1 {
    left: 33.33%;
  }
  .companies .companies__line--2 {
    display: block;
    left: 66.66%;
  }
}
@media only screen and (min-width: 1000px) {
  .companies .companies__line--1 {
    left: 25%;
  }
  .companies .companies__line--2 {
    left: 50%;
  }
  .companies .companies__line--3 {
    display: block;
    left: 75%;
  }
}
@media only screen and (min-width: 1400px) {
  .companies .companies__line--1 {
    left: 20%;
  }
  .companies .companies__line--2 {
    left: 40%;
  }
  .companies .companies__line--3 {
    left: 60%;
  }
  .companies .companies__line--4 {
    display: block;
    left: 80%;
  }
}
.companies .company {
  border-bottom: 1px solid rgba(248, 121, 93, 0.15);
}
@media only screen and (min-width: 700px) {
  .companies--featured .companies__line--1 {
    left: 33.33%;
  }
  .companies--featured .companies__line--2 {
    left: 66.66%;
    display: block;
  }
}
@media only screen and (min-width: 1000px) {
  .companies--featured .companies__line--1 {
    left: 50%;
  }
  .companies--featured .companies__line--2 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) {
  .companies--featured .companies__line--1 {
    left: 33.33%;
  }
  .companies--featured .companies__line--2 {
    left: 66.66%;
    display: block;
  }
}
.companies .my-sizer-element {
  width: 8.333333%;
}
@media only screen and (min-width: 1000px) {
  .companies .my-sizer-element {
    width: 5%;
  }
}

.company--default {
  position: relative;
  display: flex;
  flex-flow: column;
  height: 100%;
  box-sizing: border-box;
  -webkit-transition: box-shadow 0.15s ease-in-out;
  -moz-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  padding: 0.75em;
}
@media only screen and (min-width: 550px) {
  .company--default {
    padding: 0.75em;
  }
}
@media only screen and (min-width: 700px) {
  .company--default {
    padding: 1em;
  }
}
@media only screen and (min-width: 1000px) {
  .company--default {
    padding: 1em;
  }
}
.company--default--hasupdate .company__heading {
  padding-right: 10.5em;
}
.company--default .company__link {
 /* flex: 1 1 auto;*/
  position: relative;
}
.company--default .company__heading {
  margin: 0 0 0.5em 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: none;
}
@media only screen and (min-width: 550px) {
  .company--default .company__heading {
    display: block;
  }
}
.company--default .company__updatetag {
  background: #F8795D;
  padding: 0.5em 1em;
  display: inline-block;
  border-radius: 0.25em;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (min-width: 550px) {
  .company--default .company__updatetag {
    top: -0.5em;
    right: -0.5em;
  }
}
.company--default .company__info {
  position: relative;
}
.company--default .company__info .company__logo {
  position: relative;
  width: 70%;
  padding-top: 70%;
 /* margin: 2em 15%;*/
  margin: .1em 15%;
}
.company--default .company__info .company__logo div.company__logo__img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 65%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.company--default .company__info .company__logo img.company__logo__img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 80%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.company--default .company__info .company__logo .company__logo__placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.company--default .company__info .company__logo .company__logo__placeholder:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding-top: 50%;
  border: 1px solid rgba(248, 121, 93, 0.15);
  border-radius: 50%;
}
.company--default .company__info .company__desc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  text-align: center;
  background: #000;

 /* background: #000000;*/
  
  
  opacity: 0;
  -webkit-transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.company--default .company__info .company__desc .company__desc__text {
  position: absolute;
  top: 0;
  left: 0;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
.company--default .company__terms {
  flex: 0 1 auto;
  margin-top: 1em;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 1em;
}
.company--default .company__terms .company__terms__stages {
  margin-right: 1em;
}
.company--default:hover {
  -webkit-box-shadow: 0px 0px 25px 0px rgba(248, 121, 93, 0.25);
  -moz-box-shadow: 0px 0px 25px 0px rgba(248, 121, 93, 0.25);
  box-shadow: 0px 0px 25px 0px rgba(248, 121, 93, 0.25);
}
@media only screen and (min-width: 700px) {
  .company--default:hover .company__desc {
    opacity: 1;
  }
}
.company--grid {
 /* background: #fff;*/
  padding: 1em;
  border-radius: 0.5em;
  border: 1px solid #F8795D;
  height: auto;
  -webkit-transition: box-shadow 150ms ease-out 0s, translate 250ms ease-in-out;
  -moz-transition: box-shadow 150ms ease-out 0s, translate 250ms ease-in-out;
  transition: box-shadow 150ms ease-out 0s, translate 250ms ease-in-out;
  margin-bottom: calc(0.75em * 2);
}
@media only screen and (min-width: 550px) {
  .company--grid {
    margin-bottom: calc(0.75em * 2);
  }
}
@media only screen and (min-width: 700px) {
  .company--grid {
    margin-bottom: calc(1em * 2);
  }
}
@media only screen and (min-width: 1000px) {
  .company--grid {
    margin-bottom: calc(1em * 2);
  }
}
.company--grid .company__info {
  position: relative;
}
.company--grid .company__info .company__logo {
  position: relative;
  width: 100%;
  padding-top: 100%;
  margin: 0;
}
.company--grid .company__info .company__logo .company__logo__img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 70%;
  max-height: 70%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.company--grid .company__info .company__logo .company__logo__placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.company--grid .company__info .company__logo .company__logo__placeholder:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding-top: 50%;
  border: 1px solid rgba(248, 121, 93, 0.15);
  border-radius: 50%;
}
.company--grid .company__info .company__desc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  text-align: center;
  background: #080808;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.company--grid .company__info .company__desc .company__desc__text {
  position: absolute;
  top: 0;
  left: 50%;
  top: 50%;
  max-width: 15em;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 1200px) {
  .company--grid .company__info .company__desc .company__desc__text {
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1400px) {
  .company--grid .company__info .company__desc .company__desc__text {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1400px) {
  .company--grid .company__info .company__desc .company__desc__text {
    font-size: 16px;
  }
}
.company--grid:hover {
  -webkit-box-shadow: 0px 0px 25px 0px rgba(248, 121, 93, 0.25);
  -moz-box-shadow: 0px 0px 25px 0px rgba(248, 121, 93, 0.25);
  box-shadow: 0px 0px 25px 0px rgba(248, 121, 93, 0.25);
}
@media only screen and (min-width: 1000px) {
  .company--grid:hover .company__desc {
    opacity: 1;
  }
}
.company--grid.company--mobilehover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-box-shadow: 0px 0px 25px 0px #f8795d;
  -moz-box-shadow: 0px 0px 25px 0px #f8795d;
  box-shadow: 0px 0px 25px 0px #f8795d;
}

/*  ==========================================================================
  Single company page (single-companies.php) -- layout/layout.scss
  ========================================================================== */
.single-companies .main__bd,
.fancybox--page--company .main__bd {
  position: relative;
  z-index: 10;
}
.single-companies .main__col--right .flexsc:first-child,
.fancybox--page--company .main__col--right .flexsc:first-child {
  margin-top: 0;
}

/* Logos (in various positions) */
.companypage__logo {
  background: #fff;
  border-radius: 0.5em;
  padding: 2em;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.25);
  -moz-box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.25);
  box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.25);
}
.companypage__logo--withheaderbg {
  margin-top: calc(-10% * 2);
}
@media only screen and (min-width: 550px) {
  .companypage__logo--withheaderbg {
    margin-top: calc(-7% * 2);
  }
}
@media only screen and (min-width: 1000px) {
  .companypage__logo--withheaderbg {
    margin-top: calc(-7% * 5);
  }
}
@media only screen and (min-width: 1200px) {
  .companypage__logo--withheaderbg {
    margin-top: calc(-5% * 5);
  }
}
.companypage__logo--inbody {
  position: relative;
  z-index: 1;
  max-width: 10em;
  display: block;
}
@media only screen and (min-width: 550px) {
  .companypage__logo--inbody {
    max-width: 15em;
  }
}
@media only screen and (min-width: 1000px) {
  .companypage__logo--inbody {
    display: none;
  }
}
.companypage__logo--inheader {
  margin-top: 4em;
  display: none;
}
@media only screen and (min-width: 1000px) {
  .companypage__logo--inheader {
    display: block;
    margin-top: 0;
  }
}
.companypage__logo--inheader.companypage__logo--withheaderbg {
  display: none !important;
}
.companypage__logo--indetails {
  width: 66.66%;
  margin-bottom: 5em;
  display: none;
}
@media only screen and (min-width: 1000px) {
  .companypage__logo--indetails.companypage__logo--withheaderbg {
    display: block;
  }
}
.companypage__logo .companypage__logo__img {
  width: 100%;
  padding-top: 100%;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Company details */
@media only screen and (max-width: 999px) {
  .companydetails {
    margin-bottom: -1em;
  }
}
@media only screen and (min-width: 1000px) {
  .companydetails {
    margin-top: 0;
  }
}
.companydetails .companydetails__detail {
  padding-top: 1em;
  margin-bottom: 1em;
  border-top: 1px solid rgba(248, 121, 93, 0.15);
}
/*@media only screen and (min-width: 1000px) {
  .companydetails .companydetails__detail {
    max-width: 16em;
  }
}*/
.companydetails .companydetails__detail .companydetails__detail__heading {
  margin: 0;
}
.companydetails .companydetails__detail--website a {
  white-space: nowrap;
}
.companydetails .companydetails__detail--founders {
  position: relative;
  padding-left: 7.5em;
}
@media only screen and (min-width: 1000px) {
  .companydetails .companydetails__detail--founders {
    padding-left: 0;
  }
}
.companydetails .companydetails__detail--founders .companydetails__detail__heading {
  margin-bottom: 0.5em;
}
.companydetails .companydetails__detail--founders .companydetails__detail__founder {
  position: relative;
  margin-bottom: 3em;
/*  max-width: 20em;*/
}
@media screen and (min-width: 800px) {
  .companydetails .companydetails__detail--founders .companydetails__detail__founder:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1000px) {
  .companydetails .companydetails__detail--founders .companydetails__detail__founder:last-child {
    margin-bottom: 3em;
  }
}
.companydetails .companydetails__detail--founders .companydetails__detail__founder .companydetails__detail__founder__link {
  display: block;
  cursor: pointer;
}
.companydetails .companydetails__detail--founders .companydetails__detail__founder .companydetails__detail__founder__name {
  margin: 0 0 0.5em 0;
}
.companydetails .companydetails__detail--founders .companydetails__detail__founder .companydetails__detail__founder__img {
 /* position: absolute;
  top: 0;
  left: -7.5em;
  margin-top: -1em;
  width: 6em;
  height: 6em;
  border-radius: 50%;
  border: 1px solid #F8795D;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;*/
  position: absolute;
    top: 0;
    left: -7.5em;
    /* margin-top: -1em; */
    width: 6em;
    height: 6em;
    /* border-radius: 50%; */
    /* border: 1px solid #F8795D; */
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
}
.companydetails .companydetails__ticker {
  margin-top: 3em;
  display: none;
  margin-left: -10%;
}
@media only screen and (min-width: 1000px) {
  .companydetails .companydetails__ticker {
    display: block;
  }
}

/* Company Demo Day Nav - Only used on demo day company pop-ups */
.companyddnav {
  text-align: center;
}
@media only screen and (max-width: 549px) {
  .companyddnav .btn {
    display: block;
    margin: 0 0 1em 0;
  }
}

/*  ==========================================================================
  Fancybox Pop-ups -- for people and company pages -- layout/layout.scss
  ========================================================================== */
.fancybox--page .fancybox-stage {
  overflow: visible !important;
}
.fancybox--page .fancybox-slide--html {
  padding: 1.5em;
}
@media only screen and (min-width: 550px) {
  .fancybox--page .fancybox-slide--html {
    padding: 2.5em;
  }
}
@media only screen and (min-width: 700px) {
  .fancybox--page .fancybox-slide--html {
    padding: 2.5em;
  }
}
@media only screen and (min-width: 1000px) {
  .fancybox--page .fancybox-slide--html {
    padding: 2em;
  }
}
@media only screen and (min-width: 1200px) {
  .fancybox--page .fancybox-slide--html {
    padding: 2em;
  }
}
@media only screen and (min-width: 1400px) {
  .fancybox--page .fancybox-slide--html {
    padding: 2em;
  }
}
@media only screen and (min-width: 1600px) {
  .fancybox--page .fancybox-slide--html {
    padding: 2em;
  }
}
@media only screen and (max-width: 549px) {
  .fancybox--page .fancybox-slide--html {
    padding: 1em;
  }
}
.fancybox--page .fancybox-close-small {
  display: none;
}
.fancybox--page .fancybox-content {
  border-radius: 0.5em;
  height: 90vh;
  width: 100%;
  padding: 0;
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.fancybox--page .fancybox-content::-webkit-scrollbar {
  /*Chrome, Safari, Edge*/
  display: none;
}
@media only screen and (min-width: 1600px) {
  .fancybox--page .fancybox-content {
    max-width: 1600px;
  }
}
@media only screen and (min-width: 1600px) {
  .fancybox--page .fancybox-content .bd {
    padding-left: calc(2em * 2);
    padding-right: calc(2em * 2);
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1600px - (2em * 2));
  }
}
.fancybox--page .fancybox-content .main {
  margin-top: 0;
}
.fancybox--page .main__col--right .flexsc:first-child {
  margin-top: 0;
}
.fancybox--page--person .main__bd {
  margin-top: 1.5em;
}
@media only screen and (min-width: 550px) {
  .fancybox--page--person .main__bd {
    margin-top: 2.5em;
  }
}
@media only screen and (min-width: 700px) {
  .fancybox--page--person .main__bd {
    margin-top: 2.5em;
  }
}
@media only screen and (min-width: 1000px) {
  .fancybox--page--person .main__bd {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 1200px) {
  .fancybox--page--person .main__bd {
    margin-top: calc(2em * 2);
  }
}
@media only screen and (min-width: 1400px) {
  .fancybox--page--person .main__bd {
    margin-top: calc(2em * 2);
  }
}
@media only screen and (min-width: 1600px) {
  .fancybox--page--person .main__bd {
    margin-top: calc(2em * 2);
  }
}

/* fancybox custom close button (within footer.php) */
.fancybox-close-custom {
  position: fixed;
  cursor: pointer;
  top: 5vh;
  right: 5em;
  padding: 1.3em;
  -webkit-transform: translate(40%, -40%);
  -moz-transform: translate(40%, -40%);
  transform: translate(40%, -40%);
  background: #fff;
  color: #F8795D;
  border: 1px solid rgba(45, 21, 48, 0.05);
  width: 4em;
  height: 4em;
  box-sizing: border-box;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  z-index: 1000000;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.fancybox-close-custom .fa,
.fancybox-close-custom .fab,
.fancybox-close-custom .fal,
.fancybox-close-custom .far,
.fancybox-close-custom .fas {
  padding: 0;
  line-height: 4em;
}
.fancybox-close-custom .fa:before,
.fancybox-close-custom .fab:before,
.fancybox-close-custom .fal:before,
.fancybox-close-custom .far:before,
.fancybox-close-custom .fas:before {
  font-size: 1.25em;
}
@media only screen and (min-width: 550px) {
  .fancybox-close-custom {
    right: 4em;
  }
}
@media only screen and (min-width: 1600px) {
  .fancybox-close-custom {
    right: calc((100vw - (1600px - (2em * 3))) / 2);
  }
}
.fancybox-close-custom:hover {
  background: #F8795D;
  border-color: #F8795D;
  color: #ccc;
}
.fancybox-close-custom--show {
  pointer-events: all;
  opacity: 1;
}

.}

/*  ==========================================================================
  Pagenav -- layout/layout.scss
  ========================================================================== */
.pagenav {
  position: relative;
  z-index: 50;
  perspective: 300px;
  position: sticky;
  position: -webkit-sticky;
  top: -1px;
  background: #fff;
  /* pinned styling */
  /* with transparent header */
}
.pagenav .pagenav__bd + .pagenav__bd .pagenav__wrap {
  border-top: 0px solid rgba(248, 121, 93, 0.15);
}
.pagenav .pagenav__wrap {
  overflow: hidden;
  border-top: 1px solid rgba(248, 121, 93, 0.15);
  border-bottom: 1px solid rgba(248, 121, 93, 0.15);
  white-space: nowrap;
  -webkit-transition: padding-right 750ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
  -moz-transition: padding-right 750ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
  transition: padding-right 750ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
  height: 3rem;
}
@media only screen and (min-width: 700px) {
  .pagenav .pagenav__wrap {
    height: 3.5rem;
  }
}
.pagenav .pagenav__wrap .pagenav__heading {
  display: inline-block;
  margin: 0;
  padding-right: 2em;
  box-sizing: border-box;
  line-height: 3rem;
}
@media only screen and (min-width: 700px) {
  .pagenav .pagenav__wrap .pagenav__heading {
    line-height: 3.5rem;
  }
}
@media only screen and (min-width: 1000px) {
  .pagenav .pagenav__wrap .pagenav__heading {
    width: 10%;
  }
}
.pagenav .pagenav__wrap .pagenav__nav {
  position: relative;
  height: 3rem;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 8em);
  -webkit-transition: width 750ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
  -moz-transition: width 750ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
  transition: width 750ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
  box-sizing: border-box;
  /*
  .filters__header__links{

    padding-right: 10em;
    @include media-query($medium) {

    }
    .filters__link{
      cursor: pointer;
    }
  } */
  /*
  .filters__header__tags{
    padding: .5em 0;
    @include media-query($widescreen) {
      padding: .325em 0;
    }
    .filters__header__tags__wrap{
      display: inline-block;
    }
    .filters__header__tags__clear{
      cursor: pointer;
      margin-left: 1em;
      margin-right: 10em;
    }
    .filters__header__tag{
      margin-right: .5em;
    }
  } */
}
@media only screen and (min-width: 700px) {
  .pagenav .pagenav__wrap .pagenav__nav {
    height: 3.5rem;
  }
}
@media only screen and (min-width: 1000px) {
  .pagenav .pagenav__wrap .pagenav__nav {
    width: 90%;
  }
}
.pagenav .pagenav__wrap .pagenav__nav:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 6em;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.00001) 0%, #fff 100%);
}
.pagenav .pagenav__wrap .pagenav__nav .pagenav__nav__scrollarea {
  width: 100%;
  height: 3rem;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  white-space: nowrap;
  box-sizing: border-box;
}
.pagenav .pagenav__wrap .pagenav__nav .pagenav__nav__scrollarea::-webkit-scrollbar {
  /*Chrome, Safari, Edge*/
  display: none;
}
@media only screen and (min-width: 700px) {
  .pagenav .pagenav__wrap .pagenav__nav .pagenav__nav__scrollarea {
    height: 3.5rem;
  }
}
.pagenav .pagenav__wrap .pagenav__nav .pagenav__nav__links {
  line-height: 2rem;
  height: 2rem;
  padding: 0.5rem 0;
  box-sizing: border-box;
  margin: 0;
}
@media only screen and (min-width: 700px) {
  .pagenav .pagenav__wrap .pagenav__nav .pagenav__nav__links {
    height: 2.5rem;
    line-height: 2.5rem;
  }
}
.pagenav .pagenav__wrap .pagenav__nav .pagenav__nav__links .current {
  background-color: rgba(45, 21, 48, 0.1);
  border-radius: 3rem;
  padding: 0 1.5em;
}
.pagenav--pinned .filters__header {
  padding-right: 16rem;
}
.siteheader--transparent .pagenav {
  color: #ccc;
  background: none;
}
.siteheader--transparent .pagenav .pagenav__wrap .pagenav__nav:after {
  display: none;
}
.siteheader--transparent .pagenav .pagenav__nav__links .current {
  background-color: rgba(255, 255, 255, 0.1);
}
.siteheader--transparent .pagenav.pagenav--pinned {
  background: #fff;
  color: #080808;
}
.siteheader--transparent .pagenav.pagenav--pinned .pagenav__nav__links .current {
  background-color: rgba(45, 21, 48, 0.1);
}
.siteheader--transparent .pagenav.pagenav--pinned .filters__header input {
  color: #080808;
}
.siteheader--transparent .pagenav.pagenav--pinned .filters__header input.placeholder {
  color: rgba(45, 21, 48, 0.25);
}
.siteheader--transparent .pagenav.pagenav--pinned .filters__header input:-moz-placeholder {
  color: rgba(45, 21, 48, 0.25);
}
.siteheader--transparent .pagenav.pagenav--pinned .filters__header input::-moz-placeholder {
  color: rgba(45, 21, 48, 0.25);
}
.siteheader--transparent .pagenav.pagenav--pinned .filters__header input:-ms-input-placeholder {
  color: rgba(45, 21, 48, 0.25);
}
.siteheader--transparent .pagenav.pagenav--pinned .filters__header input::-webkit-input-placeholder {
  color: rgba(45, 21, 48, 0.25);
}
.siteheader--transparent .pagenav.pagenav--pinned .filters__header .filters__header__nav:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.00001) 0%, #fff 100%);
}


/*  ==========================================================================
  Carousels -- layout/layout.scss
  ========================================================================== */
.

/*  ==========================================================================
  headerticker -- layout/layout.scss
  ========================================================================== */
.headerticker {
  position: relative;
  text-align: left;
  width: 100%;
}
.home .headerticker {
  z-index: 25;
}
.home .headerticker .headerticker__header__heading {
  color: #ccc;
}
.home.mobnavopen .headerticker {
  display: none;
}
.fancybox-content .headerticker .headerticker__ticker .owl-nav {
  right: 1em;
}
.headerticker .headerticker__bd {
  padding: 1.5em 0;
  border-top: 1px solid rgba(248, 121, 93, 0.15);
  border-bottom: 1px solid rgba(248, 121, 93, 0.15);
}
@media only screen and (min-width: 1000px) {
  .headerticker .headerticker__bd {
    padding: 1em 0;
    height: 3.75rem;
    box-sizing: border-box;
  }
}
.headerticker .headerticker__header {
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 1000px) {
  .headerticker .headerticker__header {
    position: absolute;
    margin-bottom: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
   /* width: 10%;*/
    padding-right: 1em;
    box-sizing: border-box;
  }
}
.headerticker .headerticker__header .headerticker__header__heading {
  margin: 0;
}
.headerticker .headerticker__ticker {
  overflow: hidden;
  padding-right: 5em;
  /* owl carousel styles */
}
@media only screen and (min-width: 1000px) {
  .headerticker .headerticker__ticker {
    padding-left: 10%;
    white-space: nowrap;
  }
}
.headerticker .headerticker__ticker .ticker__item__post .ticker__item__post__heading--desktop {
  display: none;
}
@media only screen and (min-width: 700px) {
  .headerticker .headerticker__ticker .ticker__item__post .ticker__item__post__heading--desktop {
    display: block;
  }
}
@media only screen and (min-width: 700px) {
  .headerticker .headerticker__ticker .ticker__item__post .ticker__item__post__heading--mobile {
    display: none;
  }
}
.headerticker .headerticker__ticker .ticker__item__post--external .ticker__item__post__heading span:last-child {
  display: inline-block;
  vertical-align: bottom;
  padding-left: 0.66em;
}
.headerticker .headerticker__ticker .ticker__item__post--external .ticker__item__post__heading span:last-child:after {
  content: "";
  opacity: 0.5;
  color: #F8795D;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  opacity: 0.5;
}
.headerticker .headerticker__ticker .owl-carousel {
  position: static;
  display: none;
}
.headerticker .headerticker__ticker .owl-carousel.owl-loaded {
  display: block;
}
.headerticker .headerticker__ticker .animated {
  -webkit-animation-duration: 150ms !important;
  -moz-animation-duration: 150ms !important;
  animation-duration: 150ms !important;
}

.headerticker .headerticker__ticker .owl-item.active .ticker__item__post .ticker__item__post__heading span {
  opacity: 1;
}
.headerticker .headerticker__ticker .owl-nav {
  position: absolute;
  top: 0.5rem;
  right: 0;
}
@media only screen and (min-width: 1000px) {
  .headerticker .headerticker__ticker .owl-nav {
    top: 0.5rem;
  }
}
.headerticker .headerticker__ticker .owl-nav .owl-next,
.headerticker .headerticker__ticker .owl-nav .owl-prev {
  position: relative;
  border-radius: 0;
  width: 2.75rem;
  height: 2.75rem;
  font-size: 11px;
}
@media only screen and (min-width: 550px) {
  .headerticker .headerticker__ticker .owl-nav .owl-next,
.headerticker .headerticker__ticker .owl-nav .owl-prev {
    font-size: 11px;
  }
}
@media only screen and (min-width: 700px) {
  .headerticker .headerticker__ticker .owl-nav .owl-next,
.headerticker .headerticker__ticker .owl-nav .owl-prev {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1000px) {
  .headerticker .headerticker__ticker .owl-nav .owl-next,
.headerticker .headerticker__ticker .owl-nav .owl-prev {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1200px) {
  .headerticker .headerticker__ticker .owl-nav .owl-next,
.headerticker .headerticker__ticker .owl-nav .owl-prev {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1400px) {
  .headerticker .headerticker__ticker .owl-nav .owl-next,
.headerticker .headerticker__ticker .owl-nav .owl-prev {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1600px) {
  .headerticker .headerticker__ticker .owl-nav .owl-next,
.headerticker .headerticker__ticker .owl-nav .owl-prev {
    font-size: 14px;
  }
}
.headerticker .headerticker__ticker .owl-nav .owl-next span,
.headerticker .headerticker__ticker .owl-nav .owl-prev span {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2em;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.headerticker .headerticker__ticker .owl-nav .owl-next:focus,
.headerticker .headerticker__ticker .owl-nav .owl-prev:focus {
  outline: none;
}
.headerticker .headerticker__ticker .owl-nav .owl-next.disabled,
.headerticker .headerticker__ticker .owl-nav .owl-prev.disabled {
  opacity: 0.5;
}
.headerticker .headerticker__ticker .owl-nav .owl-prev {
  border-right: 1px solid rgba(248, 121, 93, 0.15);
}

/* heading animation */
@keyframes flickerAnimation {
  0% {
    opacity: 0.25;
  }
  10% {
    opacity: 0.8;
  }
  20% {
    opacity: 0.25;
  }
}
@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 0.25;
  }
  10% {
    opacity: 0.8;
  }
  20% {
    opacity: 0.25;
  }
}
/*  ==========================================================================
  tickers -- layout/layout.scss
  ========================================================================== */
.ticker {
  position: relative;
  margin: 0 auto;
  padding: 0 10%;
}
@media only screen and (min-width: 550px) {
  .ticker {
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1400px) {
  .ticker {
    max-width: 32em;
  }
}
.ticker:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 25%;
  left: -1.5em;
  right: -1.5em;
  bottom: 0;
  background: rgba(248, 121, 93, 0.05);
  border-radius: 0.5em;
}
@media only screen and (min-width: 550px) {
  .ticker:after {
    left: 0;
    right: 0;
  }
}
.ticker .ticker__content {
  position: relative;
}
.ticker .ticker__header {
  display: flex;
  align-items: center;
  padding: 0.5em 0;
  padding-right: 4.5em;
  box-sizing: border-box;
  border-top: 1px solid rgba(248, 121, 93, 0.15);
  height: 3.75rem;
}
.ticker .ticker__header .ticker__header__heading {
  display: inline-block;
  margin: 0;
}
.ticker .ticker__header .ticker__header__counter {
  margin-left: 1em;
}
.ticker .ticker__ticker {
  overflow: hidden;
  margin-left: -1em;
  margin-right: -1em;
}
.ticker .ticker__ticker .owl-ticker {
  position: static;
}
.ticker .ticker__ticker .ticker__item {
  box-sizing: border-box;
  padding: 0 1em;
}
.ticker .ticker__ticker .post {
  margin-bottom: calc(0.75em * 3);
}
@media only screen and (min-width: 550px) {
  .ticker .ticker__ticker .post {
    margin-bottom: calc(0.75em * 3);
  }
}
@media only screen and (min-width: 700px) {
  .ticker .ticker__ticker .post {
    margin-bottom: calc(1em * 3);
  }
}
@media only screen and (min-width: 1000px) {
  .ticker .ticker__ticker .post {
    margin-bottom: calc(1em * 3);
  }
}
.ticker .ticker__ticker .owl-carousel {
  position: static;
}
.ticker .ticker__ticker .owl-nav {
  position: absolute;
  top: 0.5rem;
  right: 0;
}
.ticker .ticker__ticker .owl-nav .owl-next,
.ticker .ticker__ticker .owl-nav .owl-prev {
  position: relative;
  border-radius: 0;
  width: 2.75rem;
  height: 2.75rem;
  font-size: 11px;
}
@media only screen and (min-width: 550px) {
  .ticker .ticker__ticker .owl-nav .owl-next,
.ticker .ticker__ticker .owl-nav .owl-prev {
    font-size: 11px;
  }
}
@media only screen and (min-width: 700px) {
  .ticker .ticker__ticker .owl-nav .owl-next,
.ticker .ticker__ticker .owl-nav .owl-prev {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1000px) {
  .ticker .ticker__ticker .owl-nav .owl-next,
.ticker .ticker__ticker .owl-nav .owl-prev {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1200px) {
  .ticker .ticker__ticker .owl-nav .owl-next,
.ticker .ticker__ticker .owl-nav .owl-prev {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1400px) {
  .ticker .ticker__ticker .owl-nav .owl-next,
.ticker .ticker__ticker .owl-nav .owl-prev {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1600px) {
  .ticker .ticker__ticker .owl-nav .owl-next,
.ticker .ticker__ticker .owl-nav .owl-prev {
    font-size: 14px;
  }
}
.ticker .ticker__ticker .owl-nav .owl-next span,
.ticker .ticker__ticker .owl-nav .owl-prev span {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2em;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ticker .ticker__ticker .owl-nav .owl-next:focus,
.ticker .ticker__ticker .owl-nav .owl-prev:focus {
  outline: none;
}
.ticker .ticker__ticker .owl-nav .owl-next.disabled,
.ticker .ticker__ticker .owl-nav .owl-prev.disabled {
  opacity: 0.5;
}
.ticker .ticker__ticker .owl-nav .owl-prev {
  border-right: 1px solid rgba(248, 121, 93, 0.15);
}

/*  ==========================================================================
  Ajax load more button -- layout/layout.scss
  ========================================================================== */
.loadmore {
  position: relative;
  text-align: center;
  background: #fff;
}
.loadmore .loadmore__btn {
  margin: 0;
  background-image: linear-gradient(to right, #F8795D 50%, #fff 50%);
  position: relative;
  z-index: 1;
}


/*  ==========================================================================
  siteheader
  ========================================================================== */
.siteheader {
  text-align: right;
}
.siteheader .siteheader__bd {
  padding: 1rem 0;
  position: relative;
}
.siteheader .siteheader__btn {
  margin: 0 5em 0 0;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  display: none;
}
@media only screen and (min-width: 700px) {
  .siteheader .siteheader__btn {
    position: absolute;
    right: 0;
    top: 1rem;
  }
}
.siteheader .siteheader__btn--demoday:hover {
  color: #F8795D;
}
@media only screen and (min-width: 700px) {
  .siteheader .siteheader__btn--demoday {
    display: block;
    line-height: 5em;
    margin-right: 6em;
  }
}
.siteheader .logo .logo__img--key {
  background-image: url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/logo-square.png");
}
.bg--aubergine .siteheader {
  background: #080808;
}
.home .siteheader {
 
   background: #000;
  
}
.bg--aubergine .siteheader .logo .logo__img--key, .home .siteheader .logo .logo__img--key, .mobnavopen .siteheader .logo .logo__img--key, .siteheader--transparent .siteheader .logo .logo__img--key {
  background-image: url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/logo-square.png");
}
.bg--aubergine .siteheader .logo .logo__img--words, .home .siteheader .logo .logo__img--words, .mobnavopen .siteheader .logo .logo__img--words, .siteheader--transparent .siteheader .logo .logo__img--words {
  background-image: url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/word-min.png");
}
.bg--aubergine .siteheader .logo .logo__img--wordsntitle .logo__words, .home .siteheader .logo .logo__img--wordsntitle .logo__words, .mobnavopen .siteheader .logo .logo__img--wordsntitle .logo__words, .siteheader--transparent .siteheader .logo .logo__img--wordsntitle .logo__words {
  background-image: url("img/framework/ef.words.line.neg.svg");
}

.black-clor-logo{
   background-image: url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/black-word-logo.png");
}

.bg--aubergine .siteheader .siteheader__btn, .home .siteheader .siteheader__btn, .mobnavopen .siteheader .siteheader__btn, .siteheader--transparent .siteheader .siteheader__btn {
  color: #F8795D;
}
.bg--aubergine .siteheader .siteheader__btn:hover, .home .siteheader .siteheader__btn:hover, .mobnavopen .siteheader .siteheader__btn:hover, .siteheader--transparent .siteheader .siteheader__btn:hover {
  color: #ccc;
}
.bg--aubergine .siteheader .siteheader__btn--demoday, .home .siteheader .siteheader__btn--demoday, .mobnavopen .siteheader .siteheader__btn--demoday, .siteheader--transparent .siteheader .siteheader__btn--demoday {
  color: #ccc;
}
.bg--aubergine .siteheader .siteheader__btn--demoday:hover, .home .siteheader .siteheader__btn--demoday:hover, .mobnavopen .siteheader .siteheader__btn--demoday:hover, .siteheader--transparent .siteheader .siteheader__btn--demoday:hover {
  color: #F8795D;
}
.siteheader--transparent .siteheader {
  position: relative;
  z-index: 10;
  color: #ccc;
}
@media only screen and (min-width: 700px) {
  .home .siteheader {
    position: absolute;
    top: 0;
    width: 100%;
  }
}
.home .siteheader:before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -40%);
  -moz-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
/*  background: radial-gradient(circle, rgba(77, 32, 83, 0.7) 0%, rgba(77, 32, 83, 0.0001) 70%);
*/  width: 100vw;
  padding-top: 100%;
  z-index: 20;
}
.home .siteheader .siteheader__bd {
  z-index: 25;
}

/*  ==========================================================================
  Logo (used in header & footer)
  ========================================================================== */
.logo {
  text-align: left;
}
.logo .logo__img {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
.logo .logo__img--key {
  background-image: url(https://s3.ap-south-1.amazonaws.com/quditinfotech.web/logo-square.png);
  width: 3em;
  height: 2.5em;
  margin-right: .5em;
}
@media only screen and (min-width: 1000px) {
  .logo .logo__img--key {
   /* width: calc(10% - (1em * 2));*/
   /* width: calc(10%);
    margin-right: calc(1em * 2);*/
    padding-top: 4%;
    height: 0;
  }
}
.logo .logo__img--words {
  background-image: url("img/framework/ef.words.pos.svg");
  background-position: center bottom;
  width: 6em;
  height: 1.5em;
}
@media only screen and (min-width: 1000px) {
  .logo .logo__img--words {
    width: 10%;
    padding-top: 4%;
    height: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .logo .logo__img--words {
    width: 14%;
  }
}
.logo .logo__img--pagetitle h1 {
  font-size: 0.6rem;
}
@media only screen and (min-width: 1000px) {
  .logo .logo__img--pagetitle h1 {
    font-size: 0.75rem;
  }
}
@media only screen and (min-width: 1200px) {
  .logo .logo__img--pagetitle h1 {
    font-size: 0.9rem;
  }
}
@media only screen and (min-width: 1400px) {
  .logo .logo__img--pagetitle h1 {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1600px) {
  .logo .logo__img--pagetitle h1 {
    font-size: 1.1rem;
  }
}
.logo .logo__img--wordsntitle h1 {
  font-size: 0.6rem;
}
@media only screen and (min-width: 1000px) {
  .logo .logo__img--wordsntitle h1 {
    font-size: 0.75rem;
  }
}
@media only screen and (min-width: 1200px) {
  .logo .logo__img--wordsntitle h1 {
    font-size: 0.9rem;
  }
}
@media only screen and (min-width: 1400px) {
  .logo .logo__img--wordsntitle h1 {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1600px) {
  .logo .logo__img--wordsntitle h1 {
    font-size: 1.1rem;
  }
}
.logo .logo__img--wordsntitle .logo__words {
  background-image: url("img/framework/ef.words.line.pos.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 9em;
  height: 1em;
  display: block;
}
@media only screen and (min-width: 550px) {
  .logo .logo__img--wordsntitle .logo__words {
    margin-left: -0.15em;
  }
}
@media only screen and (min-width: 1000px) {
  .logo .logo__img--wordsntitle .logo__words {
    width: 10em;
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .logo .logo__img--wordsntitle .logo__words {
    width: 11em;
  }
}
@media only screen and (min-width: 1400px) {
  .logo .logo__img--wordsntitle .logo__words {
    width: 11em;
  }
}
/*  ==========================================================================
  fixedheader
  ========================================================================== */
.fixedheader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 150;
  pointer-events: none;
  text-align: right;
}
.fixedheader .fixedheader__bd {
  padding: 1rem 0;
}
.fixedheader .fixedheader__btn {
  display: none;
  vertical-align: top;
  margin: 3px 0.25em 0 0;
  pointer-events: all;
}
@media only screen and (min-width: 700px) {
  .fixedheader .fixedheader__btn {
    display: inline-block;
  }
}
.mobnavopen .fixedheader .fixedheader__btn {
  display: none;
}
.fixedheader .mobnav-toggle {
  pointer-events: all;
  background: #fff;
  border: 1px solid rgba(45, 21, 48, 0.05);
  box-sizing: border-box;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  -webkit-transition: transform 150ms ease-out 0ms;
  -moz-transition: transform 150ms ease-out 0ms;
  transition: transform 150ms ease-out 0ms;
  padding: 0;
  width: 4.25em;
  height: 4.25em;
  line-height: 4.15em;
}
@media only screen and (min-width: 700px) {
  .fixedheader .mobnav-toggle {
    padding: 1.5em;
    width: 4.4em;
    height: auto;
    line-height: 0.9;
  }
}
.fixedheader .mobnav-toggle .fa,
.fixedheader .mobnav-toggle .fab,
.fixedheader .mobnav-toggle .fal,
.fixedheader .mobnav-toggle .far,
.fixedheader .mobnav-toggle .fas {
  padding-left: 0.1em;
}
.fixedheader .mobnav-toggle .fa:before,
.fixedheader .mobnav-toggle .fab:before,
.fixedheader .mobnav-toggle .fal:before,
.fixedheader .mobnav-toggle .far:before,
.fixedheader .mobnav-toggle .fas:before {
  font-size: 1.25em;
  vertical-align: middle;
}
.fixedheader .mobnav-toggle:hover {
  background: #F8795D;
  border-color: #F8795D;
  color: #ccc;
}
.mobnavopen .fixedheader .mobnav-toggle .fal:before {
  content: "";
}

.hamburg::before {
   content: ☰
}

.fixedheader .mobnav-toggle--scrolled {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  transform: scale(1.25);
}
.mobnavopen .fixedheader .mobnav-toggle--scrolled {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

/*  ==========================================================================
  mobnav
  ========================================================================== */
.mobnav {
  pointer-events: none;
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-flow: column;
  z-index: 100;
  width: 100%;
  overflow: hidden;
  height: 100vh;
  opacity: 0;
  background: #080808;
  text-align: left;
  -webkit-transition: opacity 150ms ease-in-out;
  -moz-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
}
.mobnav:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: calc((((100% - 2.5em) / 10) * 4) + 1em);
  height: 100%;
  z-index: -1;
  background: #000000;
  display: none;
}
@media only screen and (min-width: 700px) {
  .mobnav:after {
    display: block;
  }
}
@media only screen and (min-width: 1000px) {
  .mobnav:after {
    width: calc((((100% - 2em) / 10) * 4) + 1em);
  }
}
@media only screen and (min-width: 1200px) {
  .mobnav:after {
    width: calc((((100% - 2em) / 10) * 5) + 1em);
  }
}
@media only screen and (min-width: 1400px) {
  .mobnav:after {
    width: calc((((100% - 2em) / 10) * 4) + 1em);
  }
}
@media only screen and (min-width: 1600px) {
  .mobnav:after {
    width: calc(((100% - (1600px - (2em * 2))) / 2) + (((1600px - (2em * 2)) / 10) * 4));
  }
}
.mobnav:before {
  content: "";
  pointer-events: none;
  position: fixed;
  top: -75%;
  left: -25%;
  /*background: radial-gradient(circle, rgba(77, 32, 83, 0.7) 0%, rgba(77, 32, 83, 0.0001) 70%);*/
  width: 100vw;
  padding-top: 100%;
  z-index: -1;
}
.mobnavopen .mobnav {
  pointer-events: all;
  opacity: 1;
}
.mobnav .siteheader {
  position: relative;
  flex: 0 1 auto;
  background: transparent;
}
.mobnav .siteheader:before {
  display: none;
}
@media only screen and (max-width: 699px) {
  .mobnav .siteheader .siteheader__btn {
    display: block;
    text-align: center;
    margin: 1.5em 0 0 0;
  }
  .mobnav .siteheader .siteheader__btn--demoday {
    text-align: left;
    margin-top: 2.5em;
  }
}
@media only screen and (max-width: 699px) {
  .mobnav .siteheader .siteheader__bd {
    border-bottom: 1px solid rgba(248, 121, 93, 0.15);
  }
}
.mobnav .mobnav__bd {
  flex: 1 1 auto;
  height: 100%;
}
@media only screen and (min-width: 1600px) {
  .mobnav .mobnav__bd {
    width: 100%;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mobnav .mobnav__bd {
    /* IE10+ CSS styles go here */
    width: 100%;
  }
}
.mobnav .mobnav__gd-g {
  height: 100%;
}
.mobnav .mobnav__col {
  height: 100%;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.mobnav .mobnav__col::-webkit-scrollbar {
  /*Chrome, Safari, Edge*/
  display: none;
}
@media only screen and (max-width: 699px) {
  .mobnav .mobnav__col {
    position: fixed;
    left: 0;
    padding: 0 2.5em;
    box-sizing: border-box;
    width: 100%;
    -webkit-transition: left 150ms ease-in-out;
    -moz-transition: left 150ms ease-in-out;
    transition: left 150ms ease-in-out;
    height: 100%;
  }
  .mobnav .mobnav__col .mobnav__navs {
    padding-bottom: 9em;
  }
  .mobnav .mobnav__col .mobnav__cohorts {
    padding-bottom: 11em;
  }
  .mobnav .mobnav__col .mobnav__cohorts .cohort {
    background: #000000;
  }
}
@media only screen and (max-width: 549px) {
  .mobnav .mobnav__col {
    padding: 0 1.5em;
  }
}
@media only screen and (max-width: 699px) {
  .mobnav .mobnav__col--left {
    left: 100%;
  }
  .mobnavopen--locations .mobnav .mobnav__col--left {
    left: 0;
  }
}
@media only screen and (max-width: 699px) {
  .mobnavopen--locations .mobnav .mobnav__col--right {
    left: -100%;
  }
}
@media only screen and (min-width: 700px) {
  .mobnav .mobnav__col--right {
    padding-left: 2.5em;
  }
}
@media only screen and (min-width: 1000px) {
  .mobnav .mobnav__col--right {
    padding-left: 2em;
  }
}
@media only screen and (min-width: 1200px) {
  .mobnav .mobnav__col--right {
    padding-left: 2em;
  }
}
@media only screen and (min-width: 1400px) {
  .mobnav .mobnav__col--right {
    padding-left: 2em;
  }
}
@media only screen and (min-width: 1600px) {
  .mobnav .mobnav__col--right {
    padding-left: 2em;
  }
}
.mobnav .mobnav__cta {
  margin-top: 1.5em;
  padding-top: 1.5em;
  border-top: 1px solid rgba(248, 121, 93, 0.15);
}
@media only screen and (min-width: 700px) {
  .mobnav .mobnav__cta {
    margin-top: 3em;
    padding-top: 0;
    border-top: none;
  }
}
@media only screen and (min-width: 1000px) {
  .mobnav .mobnav__cta {
    margin-top: 0;
  }
}
.mobnav .mobnav__cta .mobnav__cta__content {
  max-width: 27em;
}
@media only screen and (min-width: 1000px) {
  .mobnav .mobnav__cta .mobnav__cta__content {
    max-width: 15em;
  }
}
.mobnav .mobnav__cta .mobnav__cta__heading {
  margin: 0 0 0.25em 0;
}
.mobnav .mobnav__cta .btn {
  margin: 1.5em 0 0 0;
}
.mobnav .mobnav__cohorts {
  padding: 1em 0;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .mobnav .mobnav__cohorts {
    padding: 3em 0;
  }
}
.mobnav .mobnav__cohorts .mobnav__cohorts__back {
  display: block;
  margin: 0 0 1em 0;
  padding-bottom: 1em;
  border-bottom: 1px solid rgba(248, 121, 93, 0.15);
}
@media only screen and (min-width: 700px) {
  .mobnav .mobnav__cohorts .mobnav__cohorts__back {
    display: none;
  }
}
.mobnav .mobnav__cohorts .mobnav__cohorts__header {
  max-width: 27em;
  margin-bottom: 1.5em;
}
.mobnav .mobnav__cohorts .mobnav__cohorts__header .mobnav__cohorts__heading {
  margin: 0;
}
.mobnav .mobnav__cohorts .mobnav__cohorts__header .mobnav__cohorts__intro {
  margin: 0.25em 0 0 0;
}
.mobnav .mobnav__cohorts .gd-g {
  margin-left: -0.25em;
  margin-right: -0.25em;
}
.mobnav .mobnav__cohorts .gd-g .gd-u {
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(2) .mobnav__cohort {
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  transition-delay: 200ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(3) .mobnav__cohort {
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  transition-delay: 300ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(4) .mobnav__cohort {
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  transition-delay: 400ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(5) .mobnav__cohort {
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  transition-delay: 500ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(6) .mobnav__cohort {
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  transition-delay: 600ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(7) .mobnav__cohort {
  -webkit-transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  transition-delay: 700ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(8) .mobnav__cohort {
  -webkit-transition-delay: 800ms;
  -moz-transition-delay: 800ms;
  transition-delay: 800ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(9) .mobnav__cohort {
  -webkit-transition-delay: 900ms;
  -moz-transition-delay: 900ms;
  transition-delay: 900ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(10) .mobnav__cohort {
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  transition-delay: 1000ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(11) .mobnav__cohort {
  -webkit-transition-delay: 1100ms;
  -moz-transition-delay: 1100ms;
  transition-delay: 1100ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(12) .mobnav__cohort {
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  transition-delay: 1200ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(13) .mobnav__cohort {
  -webkit-transition-delay: 1300ms;
  -moz-transition-delay: 1300ms;
  transition-delay: 1300ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(14) .mobnav__cohort {
  -webkit-transition-delay: 1400ms;
  -moz-transition-delay: 1400ms;
  transition-delay: 1400ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(15) .mobnav__cohort {
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  transition-delay: 1500ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(16) .mobnav__cohort {
  -webkit-transition-delay: 1600ms;
  -moz-transition-delay: 1600ms;
  transition-delay: 1600ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(17) .mobnav__cohort {
  -webkit-transition-delay: 1700ms;
  -moz-transition-delay: 1700ms;
  transition-delay: 1700ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(18) .mobnav__cohort {
  -webkit-transition-delay: 1800ms;
  -moz-transition-delay: 1800ms;
  transition-delay: 1800ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(19) .mobnav__cohort {
  -webkit-transition-delay: 1900ms;
  -moz-transition-delay: 1900ms;
  transition-delay: 1900ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(20) .mobnav__cohort {
  -webkit-transition-delay: 2000ms;
  -moz-transition-delay: 2000ms;
  transition-delay: 2000ms;
}
.mobnav .mobnav__cohorts .mobnav__cohort {
  margin-bottom: 0.5em;
  background: #080808;
  opacity: 0;
  -webkit-transform: translateY(1em);
  -moz-transform: translateY(1em);
  transform: translateY(1em);
  -webkit-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1), transform 500ms cubic-bezier(0.33, 1, 0.68, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1), transform 500ms cubic-bezier(0.33, 1, 0.68, 1);
  transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1), transform 500ms cubic-bezier(0.33, 1, 0.68, 1);
}
.mobnavopen .mobnav .mobnav__cohorts .mobnav__cohort {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.mobnav .mobnav__cohorts .mobnav__cohort:hover {
  background: #F7F5F5;
  color: #080808;
}
.mobnav .mobnav__cohorts .mobnav__cohort .cohort__heading {
 /* margin: 0 0 0.5em 0;*/
  margin: 0 0 0 0;
}
.mobnav .mobnav__cohorts .mobnav__cohort .cohort__link {
  display: block;
  padding: 1em;
  box-sizing: border-box;
}
.mobnav .mobnav__cohorts .mobnav__cohort .cohort__info {
  margin-top: 0.5em;
}
.mobnav .mobnav__cohorts .mobnav__cohort .cohort__info .cohort__date {
  color: #ccc;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1em;
}
@media only screen and (min-width: 1400px) {
  .mobnav .mobnav__cohorts .mobnav__cohort .cohort__info .cohort__date {
    margin-right: 0.25em;
  }
}
@media only screen and (min-width: 1600px) {
  .mobnav .mobnav__cohorts .mobnav__cohort .cohort__info .cohort__date {
    margin-right: 1em;
  }
}
.mobnav .mobnav__cohorts .mobnav__cohort .cohort__info .cohort__appclose {
  display: inline-block;
  vertical-align: middle;
}
.mobnav .mobnav__cohorts .mobnav__cohort .cohort__info .cohort__appclose .cohort__appclose__heading {
  margin: 0;
}
@media only screen and (min-width: 700px) {
  .mobnav .mobnav__navs {
    max-width: 32em;
    display: flex;
    flex-flow: column;
    margin: 0 auto;
    height: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .mobnav .mobnav__navs {
    padding-right: 3em;
  }
}
.mobnav .mobnav__navs .mobnav__navs__main {
  margin: 1em 0 0 0;
}
@media only screen and (min-width: 1000px) {
  .mobnav .mobnav__navs .mobnav__navs__main {
    flex: 1 1 auto;
    margin: 3em 0 0 0;
  }
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link {
  opacity: 0;
  -webkit-transform: translateY(1em);
  -moz-transform: translateY(1em);
  transform: translateY(1em);
  -webkit-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1), transform 500ms cubic-bezier(0.33, 1, 0.68, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1), transform 500ms cubic-bezier(0.33, 1, 0.68, 1);
  transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1), transform 500ms cubic-bezier(0.33, 1, 0.68, 1);
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(2) {
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  transition-delay: 200ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(3) {
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  transition-delay: 300ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(4) {
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  transition-delay: 400ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(5) {
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  transition-delay: 500ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(6) {
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  transition-delay: 600ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(7) {
  -webkit-transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  transition-delay: 700ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(8) {
  -webkit-transition-delay: 800ms;
  -moz-transition-delay: 800ms;
  transition-delay: 800ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(9) {
  -webkit-transition-delay: 900ms;
  -moz-transition-delay: 900ms;
  transition-delay: 900ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(10) {
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  transition-delay: 1000ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(11) {
  -webkit-transition-delay: 1100ms;
  -moz-transition-delay: 1100ms;
  transition-delay: 1100ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(12) {
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  transition-delay: 1200ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(13) {
  -webkit-transition-delay: 1300ms;
  -moz-transition-delay: 1300ms;
  transition-delay: 1300ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(14) {
  -webkit-transition-delay: 1400ms;
  -moz-transition-delay: 1400ms;
  transition-delay: 1400ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(15) {
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  transition-delay: 1500ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(16) {
  -webkit-transition-delay: 1600ms;
  -moz-transition-delay: 1600ms;
  transition-delay: 1600ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(17) {
  -webkit-transition-delay: 1700ms;
  -moz-transition-delay: 1700ms;
  transition-delay: 1700ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(18) {
  -webkit-transition-delay: 1800ms;
  -moz-transition-delay: 1800ms;
  transition-delay: 1800ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(19) {
  -webkit-transition-delay: 1900ms;
  -moz-transition-delay: 1900ms;
  transition-delay: 1900ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(20) {
  -webkit-transition-delay: 2000ms;
  -moz-transition-delay: 2000ms;
  transition-delay: 2000ms;
}
.mobnavopen .mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.mobnav .mobnav__navs .mobnav__navs__secondary {
  margin: 1.5em 0;
  opacity: 0;
  -webkit-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms, transform 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms;
  -moz-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms, transform 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms;
  transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms, transform 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms;
}
@media only screen and (min-width: 700px) {
  .mobnav .mobnav__navs .mobnav__navs__secondary {
    flex: 0 1 auto;
    margin: 2em 0;
  }
}
.mobnavopen .mobnav .mobnav__navs .mobnav__navs__secondary {
  opacity: 1;
}
.mobnav .mobnav__navs .mobnav__navs__footer {
  padding: 1.5em 0;
  border-top: 1px solid rgba(248, 121, 93, 0.15);
  opacity: 0;
  -webkit-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms, transform 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms;
  -moz-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms, transform 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms;
  transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms, transform 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms;
}
@media only screen and (min-width: 700px) {
  .mobnav .mobnav__navs .mobnav__navs__footer {
    flex: 0 1 auto;
    border-top: none;
  }
}
@media only screen and (max-width: 699px) {
  .mobnav .mobnav__navs .mobnav__navs__footer {
    padding-bottom: 2em;
  }
}
.mobnavopen .mobnav .mobnav__navs .mobnav__navs__footer {
  opacity: 1;
}
@media only screen and (max-width: 699px) {
  .mobnav .mobnav__navs .mobnav__navs__footer li a {
    padding: 0.25em 0.75em;
  }
}
.mobnav .mobnav__navs .mobnav__navs__footer li a:hover {
  opacity: 1;
}
@media only screen and (min-width: 700px) {
  .mobnav .mobnav__nav--main .mobnav__nav__locationslink {
    display: none;
    margin: 0;
  }
}
.mobnav .mobnav__nav--main .mobnav__nav__locationslink a {
  display: block;
  position: relative;
}
.mobnav .mobnav__nav--main .mobnav__nav__locationslink a .fal {
  position: absolute;
  right: 0;
  top: 0.15em;
}
.mobnav .mobnav__nav--main li {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid rgba(248, 121, 93, 0.15);
}
@media only screen and (min-width: 700px) {
  .mobnav .mobnav__nav--main li {
    margin-bottom: 1.5em;
    padding-bottom: 0;
    border-bottom: none;
  }
}
.mobnav .mobnav__nav--main h3 {
  margin: 0;
}
.mobnav .mobnav__nav--main .mobnav__nav__childnav {
  max-width: 30em;
}
@media only screen and (max-width: 699px) {
  .mobnav .mobnav__nav--main .mobnav__nav__childnav {
    margin-top: 0.25em;
  }
}
.mobnav .mobnav__nav--main .mobnav__nav__childnav li {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
@media only screen and (max-width: 699px) {
  .mobnav .mobnav__nav--main .mobnav__nav__childnav li a {
    padding: 0.25em 0.75em;
  }
}
.mobnav .mobnav__nav--main .mobnav__nav__childnav li a:hover {
  opacity: 1;
}
.mobnav .mobnav__nav--secondary li {
  margin-bottom: 0.5em;
}
.mobnav .mobnav__nav--secondary li:last-child {
  margin-bottom: 0;
}

/*  ==========================================================================
  sitefooter
  ========================================================================== */
.sitefooter {
  box-sizing: border-box;
}
.sitefooter .sitefooter__bd {
  border-top: 1px solid rgba(248, 121, 93, 0.15);
}
.sitefooter .btn .linkline {
  background-image: none;
}
.sitefooter .sitefooter__cta .sitefooter__cta__heading {
  margin: 0;
  max-width: 22em;
}
.sitefooter .sitefooter__cta .sitefooter__cta__btns {
  margin-top: 1.5em;
}
@media only screen and (max-width: 549px) {
  .sitefooter .sitefooter__cta .sitefooter__cta__btns .sitefooter__cta__btn {
    display: block;
    margin: 0 0 0.5em 0;
    text-align: center;
  }
}
.sitefooter .sitefooter__footer {
  padding: 1.5rem 0;
  border-top: 1px solid rgba(248, 121, 93, 0.15);
}
.sitefooter .sitefooter__footer .sitefooter__logo {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1000px) {
  .sitefooter .sitefooter__footer .sitefooter__logo {
    position: absolute;
    left: 0;
    width: 100%;
    margin-bottom: 0;
    z-index: -1;
    top: 10px;
  }
}
.sitefooter .sitefooter__footer .sitefooter__footer__menu {
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 1000px) {
  .sitefooter .sitefooter__footer .sitefooter__footer__menu {
    margin-top: 0.15em;
  }
}
@media only screen and (min-width: 1200px) {
  .sitefooter .sitefooter__footer .sitefooter__footer__menu {
    margin-top: 0.25em;
  }
}
@media only screen and (min-width: 1400px) {
  .sitefooter .sitefooter__footer .sitefooter__footer__menu {
    margin-top: 0.35em;
  }
}
.sitefooter .sitefooter__footer .sitefooter__info {
  max-width: 32em;
}
@media only screen and (min-width: 1000px) {
  .sitefooter .sitefooter__footer .sitefooter__info p {
    margin: 0;
  }
}
.sitefooter .sitefooter__footer .sitefooter__info--primary {
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 700px) {
  .sitefooter .sitefooter__footer .sitefooter__info--primary {
    margin-bottom: 0;
  }
}
.sitefooter .sitefooter__footer .sitefooter__info--secondary--mobile {
  margin-top: 1em;
}
@media only screen and (min-width: 700px) {
  .sitefooter .sitefooter__footer .sitefooter__info--secondary--mobile {
    display: none;
  }
}
.sitefooter .sitefooter__footer .sitefooter__info--secondary--desktop {
  display: none;
}
@media only screen and (min-width: 700px) {
  .sitefooter .sitefooter__footer .sitefooter__info--secondary--desktop {
    display: block;
  }
}
.sitefooter .sitefooter__footer .sitefooter__madeby {
  display: block;
}








@media only screen and (min-width: 1000px) {
  .main-home-area{ height:93vh!important;}
  .main-footer-area{ height:7vh;}
  .full-height-image-class{
      width: 100vw;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
  }
}
@media only screen and (max-width: 769px) {
 
.main-footer-area{
   position: absolute;bottom: -20px;
}
}



.center-text-align {
  text-align: center;
  color: #ccc;
}

.black-clr .btn {
  color: #000!important;
}
.black-clr .btn:hover {color: #000!important;}

.red-btn {
    background-image: linear-gradient(to right, #F6603E 50%, #F8795D 50%);
    padding: .5em 0.5em;
    font-size: 11px;
    border-radius: 5px;
}
  





/* Timeline Container */
.timeline {

  margin: 20px auto;
  padding: 20px;
}

/* Card container */
.card {
  position: relative;
  max-width: 50%;
  margin: 0px auto;
}
.full-width-card {
  max-width: 100%;
}
/* setting padding based on even or odd */
.card:nth-child(odd) {
  padding: 30px 0 30px 30px;
}
.card:nth-child(even) {
  padding: 30px 30px 30px 0;
}

.card:nth-child(odd) {
  padding: 30px 0 30px 30px;
}
.card:nth-child(even) {
  padding: 30px 30px 30px 0;
}


.app-process h3{
  margin: 0.5em 0 0.25em;

}

.app-process .card:nth-child(odd) {
  padding: 0px 0px 0px 30px;
}

.app-process .card:nth-child(even) {
  padding: 0px 30px 0px 0;
}

/* Global ::before */
.card::before {
  content: "";
  position: absolute;
  width: 50%;
  border: solid #f5785d;
}

/* Setting the border of top, bottom, left */
.card:nth-child(odd)::before {
  left: 0px;
  top: -4.5px;
  bottom: -4.5px;
  border-width: 5px 0 5px 5px;
  border-radius: 50px 0 0 50px;
}

/* Setting the top and bottom to "-5px" because earlier it was out of a pixel in mobile devices */
@media only screen and (max-width: 400px) {
  .card:nth-child(odd)::before {
    top: -5px;
    bottom: -5px;
  }
}

/* Setting the border of top, bottom, right */
.card:nth-child(even)::before {
  right: 0;
  top: 0;
  bottom: 0;
  border-width: 5px 5px 5px 0;
  border-radius: 0 50px 50px 0;
}

/* Removing the border if it is the first card */
.card:first-child::before {
  border-top: 0;
  border-top-left-radius: 0;
}

/* Removing the border if it is the last card  and it's odd */
.card:last-child:nth-child(odd)::before {
  border-bottom: 0;
  border-bottom-left-radius: 0;
}

/* Removing the border if it is the last card  and it's even */
.card:last-child:nth-child(even)::before {
  border-bottom: 0;
  border-bottom-right-radius: 0;
}

/* Information about the timeline */
.info {
  display: flex;
  flex-direction: column;
 
  color: #000;
  border-radius: 10px;
  padding: 10px;
}

/* Title of the card */
.title {
  color: #f5785d;
  position: relative;
}

/* Timeline dot  */
.title::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 999px;
  border: 3px solid orangered;
}

/* text right if the card is even  */
.card:nth-child(even) > .info > .title {
  text-align: right;
}

/* setting dot to the left if the card is odd */
.card:nth-child(odd) > .info > .title::before {
  left: -45px;
}

/* setting dot to the right if the card is odd */
.card:nth-child(even) > .info > .title::before {
  right: -45px;
}

@media only screen and (max-width: 699px) {
  .card {
    max-width: 100%;
  }
}

.card:nth-child(even) > .info p {
  text-align: right;
}


@media only screen and (max-width: 700px) {

.whatsapp{
  position:fixed;
  width: 50px;
    height: 50px;
    bottom: 10px;
    right: 20px;
    z-index: 999;
  
  
}
.my-whatsApp{
    margin-top:16px;
}
}









.fa-bars:before { content:url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/icons/hamburg_open.svg");}
 a:hover .fa-bars {content:url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/icons/hamburg_open_white.svg");}
.mobnavopen .fa-bars:before { content:url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/hamburg_close.png")!important;}
.mobnavopen a:hover .fa-bars {content:url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/icons/hamburg_close_white.svg");}
 
.fa-times:before { content:url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/hamburg_close.png");} 
.fancybox-close-custom:hover .fa-times:before {
content:url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/icons/hamburg_close_white.svg");
}
.fa-arrow-right:before {
 
  
}

.fal .fa-arrow-left:before {

}

.black-color {
  color: #000!important;
}



.dotcircle {
    width: .5em;
    height: .5em;
    background: #f34f47;
    border-radius: 50%;
    text-align: center;
    position: relative;
}

.company_heading {
    position: absolute;
    top: 36%;
    font-size: 100%;
    font-weight: bold;
}
.company_heading_white {
   
    color: #fff!important;
}

/*  ==========================================================================
  flex--faqs -- FAQs
  ========================================================================== */
.faqs {
  border-top: 1px solid rgba(248, 121, 93, 0.15);
  position: relative;
}
.faqs .faq {
  display: block;
  position: relative;
  border-bottom: 1px solid rgba(248, 121, 93, 0.15);
}
.faqs .faq .faq-label {
  position: absolute;
  left: 0;
  color: #F8795D;
  font-weight: 400;
}
.faqs .faq .faq__question {
  margin: 0;
  border-top: none;
  padding: 1.25em 0 1.25em 2em;
  position: relative;
  cursor: pointer;
  font-weight: 700;
}
.faqs .faq .faq__question:hover {
  color: #888;
}
.faqs .faq .faq__question .fa {
  position: absolute;
  top: 1em;
  left: 1em;
  display: block;
  line-height: 1.2;
  -webkit-transition: -webkit-transform 150ms ease-out 0s;
  -moz-transition: -moz-transform 150ms ease-out 0s;
  transition: transform 150ms ease-out 0s;
}
.faqs .faq .faq__answer {
  height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translate(0, -1em);
  -moz-transform: translate(0, -1em);
  transform: translate(0, -1em);
  -webkit-transition: height 0ms linear 260ms, opacity 250ms ease-out 0ms, transform 150ms ease-out 0ms;
  -moz-transition: height 0ms linear 260ms, opacity 250ms ease-out 0ms, transform 150ms ease-out 0ms;
  transition: height 0ms linear 260ms, opacity 250ms ease-out 0ms, transform 150ms ease-out 0ms;
}
.faqs .faq.faq--open .faq__answer {
  padding: 1.25em 0 1.25em 2em;
  -webkit-transition: height 0ms linear 0ms, opacity 250ms ease-out 10ms, transform 150ms ease-out 10ms;
  -moz-transition: height 0ms linear 0ms, opacity 250ms ease-out 10ms, transform 150ms ease-out 10ms;
  transition: height 0ms linear 0ms, opacity 250ms ease-out 10ms, transform 150ms ease-out 10ms;
  height: auto;
  opacity: 1;
  -webkit-transform: translate(0, 0em);
  -moz-transform: translate(0, 0em);
  transform: translate(0, 0em);
}
.faqs .faq.faq--open .faq__question {
  color: #888;
}
.faqs .faq.faq--open .faq__question .fa {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
}