/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* include "hubspot/styles/responsive/modules.css" */



/*****************************************/
/* Start your style declarations here    */
/*****************************************/
body {
  background-color: #FBF9F7;
}

/* forced page background */
body.grey {
  background-color: #F0EEED;
  /* !important;*/
}

.MarginAuto {
  margin: auto !important;
}

.wrapper {
  width: 100%;
}

.page-content {
  width: 100%;
}

@media (min-width: 1200px) {
  .page-content {
    width: 1200px;
  }

  .wrapper {
    width: 1080px;
  }
}


.page-content:before,
.page-content:after {
  display: table;
  content: " ";
}

.page-content:after {
  clear: both;
}

.FloatLeft {
  float: left;
}

.FloatRight {
  float: right;
}

.fullWidth {
  width: 100%;
}

.fullWidth:before,
.fullWidth:after {
  display: table;
  content: " ";
}

.fullWidth:after {
  clear: both;
}

.fullHeight {
  height: 100%;
}

.maxWidth {
  max-width: 100%;
}


.PositionHolder {
  position: relative;
}

.PositionAbsolute {
  position: absolute;
}

.bold {
  font-weight: bold !important;
}

.ForceNormal {
  font-weight: normal;
  font-family: "proxima-nova", sans-serif;

}

.ForceUpperCase {
  text-transform: uppercase;
}

.ForceCapitalizeCase {
  text-transform: capitalize;
}

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

.txtleft {
  text-align: left !important;
}

.zIndex99 {
  z-index: 99;
}

.zIndex100 {
  z-index: 100;
}

.zIndex101 {
  z-index: 101;
}

.zIndex999 {
  z-index: 999;
}

.zIndex1000 {
  z-index: 1000;
}

.zIndex1001 {
  z-index: 1001;
}

.absolute-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.clear {
  clear: both !important;
  float: none !important;
}

.displayFlex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -ms-flex-align: center;
}

.displayFlex div {
  flex-direction: column;
}

.flexCenter {
  justify-content: center;
}

.flexLeft {
  justify-content: left;
}

.flexRight {
  justify-content: right;
}

.inlineBlock {
  display: inline-block
}


.fontColorReset,
.fontColorReset a {
  color: inherit;
}

.overflow-hidden {
  overflow: hidden;
  padding-right: 19px;
}

  {
  # remove the row min-height #
}

.row-fluid [class*="span"] {
  min-height: 0px;

}

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


@media (max-width:1200px) {
  .padding-small-screen {
    /*padding-right:2rem !important;
    padding-left:2rem !important;*/

    padding-right: 35px !important;
    padding-left: 35px !important;
  }

  .nospace-min {
    padding: 0px;
    margin: 0px;
  }

}

@media (max-width: 992px) {
  .HideMeOnSmallScreen {
    display: none;
  }
}


button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

textarea:focus,
input:focus,
button:focus,
select:focus {
  outline: none;
}

svg:not(:root) {
  overflow: hidden;
}

  {
  # a-animatedIcon #
}

.a-animatedIcon {
  cursor: pointer;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.a-anchorButton .a-animatedIcon {
  line-height: 10px;

  position: relative;
  top: 5px;
  margin-left: 10px;
  /*  

  position: absolute;
  right: 20px;
  height: 10px;
  */

}

.a-animatedIcon.-arrowRight {
  width: 30px;
}


.a-animatedIcon.-arrowRight.-left {
  text-align: right;
}

.a-animatedIcon.-arrowRight.-left::before {
  content: "";
  position: absolute;
  top: 4px;
  right: 2px;
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: rgb(0, 0, 0);
  transform-origin: right center;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s, background-color 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;

  -webkit-transform-origin: right center;
  -webkit-transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s, background-color 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;

}

.a-animatedIcon.-arrowRight.white {
  fill: rgb(255, 255, 255);
}

.a-animatedIcon.-arrowRight.white.-left::before {
  background: rgb(255, 255, 255);
}

.a-animatedIcon.-arrowRight.ocean {
  fill: rgb(0, 167, 181);
}

.a-animatedIcon.-arrowRight.ocean.-left::before {
  background: rgb(0, 167, 181);
}

.a-svgIcon {
  height: 100%;
  width: 100%;
  transition: fill 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.a-svgIcon.-small {
  width: 12px;
  height: 12px;
}

.a-animatedIcon.-arrowRight svg {
  height: 10px;
  width: 8px;
  margin-left: -5px;
}

.a-anchorButton.-secondary .a-animatedIcon,
.a-anchorButton.-track .a-animatedIcon {
  fill: rgb(255, 255, 255);
}

.a-anchorButton:not(.disabled):hover .a-animatedIcon.-arrowRight.-left::before,
.a-anchorButton:not(.disabled):active .a-animatedIcon.-arrowRight.-left::before,
.a-anchorButton:not(.disabled):focus .a-animatedIcon.-arrowRight.-left::before {
  transform: scaleX(1.5);
  -webkit-transform: scaleX(1.5);
}


hr {
  border: 0px;
  border-bottom: 1px solid #c4c4c4;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.fade.in {
  opacity: 1;
}

.fade-in {
  animation: fadeIn ease 3s;
  -webkit-animation: fadeIn ease 3s;
  -moz-animation: fadeIn ease 3s;
  -o-animation: fadeIn ease 3s;
  -ms-animation: fadeIn ease 3s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/***/
.fade-out {
  animation: fadeOut ease 3s;
  -webkit-animation: fadeOut ease 3s;
  -moz-animation: fadeOut ease 3s;
  -o-animation: fadeOut ease 3s;
  -ms-animation: fadeOut ease 3s;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}


.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

img,
.borderRst {
  border: 0px !important;
}

img {
  max-width: 100%;
  max-height: 100%;
}

.img-cover.white {
  background-color: #fff;
}

.img-cover {
  background-color: #e9e9e9;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

  {
  # social #
}

.socialShare {
  padding-right: 15px;
  float: left;
}

.socialShare svg {
  width: 24px;
  margin-right: 14px;
  vertical-align: bottom;
}

  {
  # loading #
}

.loading,
.loading-vue-component {
  margin: 32px auto;
  width: 70px;
  height: 30px;
  text-align: center;
  font-size: 10px
}

.loading-vue-component>div,
.loading>div {
  background-color: #000;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: stretchdelay .7s infinite ease-in-out;
  animation: stretchdelay .7s infinite ease-in-out
}

.loading-vue-component .circ2,
.loading .circ2 {
  -webkit-animation-delay: -.6s;
  animation-delay: -.6s
}

.loading-vue-component .circ3,
.loading .circ3 {
  -webkit-animation-delay: -.5s;
  animation-delay: -.5s
}

.loading-vue-component .circ4,
.loading .circ4 {
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s
}

.loading-vue-component .circ5,
.loading .circ5 {
  -webkit-animation-delay: -.3s;
  animation-delay: -.3s
}

@-webkit-keyframes stretchdelay {

  0%,
  40%,
  to {
    -webkit-transform: translateY(-10px)
  }

  20% {
    -webkit-transform: translateY(-20px)
  }
}

@keyframes stretchdelay {

  0%,
  40%,
  to {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px)
  }

  20% {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px)
  }
}



  {
  # breadcrumb #
}

.breadcrumb {
  padding: 0px;
  list-style: none;
  margin: 20px 0px;
  margin-bottom: 1rem;
}

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

.breadcrumb .breadcrumb-item {
  float: left;
  margin-bottom: 0px;
  /*text-transform:capitalize;*/
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  padding-right: .5rem;
  padding-left: .5rem;
  color: #636c72;
  content: "/";
}

.breadcrumb .breadcrumb-item.active {
  color: #636c72;
}

.breadcrumb .breadcrumb-item a {
  color: inherit;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}

.hideMe,
.disabled {
  pointer-events: none;
  /**<-----------*/
  opacity: 0.2;
}

.CursorPoint {
  cursor: pointer;
}

.Readmore {
  cursor: pointer;
  margin: 10px 0px;
  /*float:left;*/
}

.Readless {
  display: none;
}

.hide {
  display: none;
}

.arrow {
  border: solid #100C08;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  /*float:right;*/
}

.arrow.white {
  border: solid #fbf9f7;
  border-width: 0 1px 1px 0;
  display: inline-block;

}

.arrow.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.arrow.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.arrow.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.arrow.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.roundedCorner {
  border-radius: 5px;
}

.textSplitter {
  border: 2px solid #00a6b3;
  width: 50px;
}


.displayBlock {
  display: block;
}

.Tleft {
  float: left;
}

.Tright {
  float: right;
}

.textRight {
  text-align: right;
}

  {
  % include 'Resources/css/selectionSharerPopover.css' %
}

  {
  % include "hubspot/styles/patches/recommended.css" %
}

  {
  # include 'Resources/css/bootstrapglyphicons.css' #
}

  {
  % include 'Resources/css/reset.css' %
}

  {
  % include 'Resources/css/targitgrid.css' %
}

  {
  % include 'Resources/css/colors.css' %
}

  {
  % include 'Resources/css/spacing.css' %
}

  {
  % include 'Resources/css/icons.css' %
}

  {
  % include 'Resources/css/buttons.css' %
}

  {
  % include 'Resources/css/typography.css' %
}

  {
  % include 'Resources/css/targitslider.css' %
}

  {
  % include 'Resources/css/forms.css' %
}