/****************************
-- Text Generals --
****************************/
/*body,
input,
select,
textarea,
.grid > *,
.ibp > *,
.product_slideshow_item_title {
  font-family: Arial, Helvetica, sans-serif;
}*/

body,
input,
select,
textarea,
.grid > *,
.ibp > * {
  font-family: morebirounded, 'Palatino Linotype', 'Book Antiqua', Palatino, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック','MS PGothic', serif;
}

strong {
	font-weight: 700;
}

em {
  font-style: italic;
}

a {
  color: #06a84e;
  cursor: pointer;
  line-height: 1;
  text-decoration: none;
}

a:hover {
  color: #0f6d35;
}

p a:hover {
  text-decoration: underline;
}

sup,
sub {
  font-size: .35em;
  line-height: 1;
  position: relative;
  top: -1em;
  vertical-align: baseline;
}

sub {
  top: 0.4em;
}

/****************************
-- Titles --
****************************/
/*h1,
h2,
h3,
h4,
h5,
.btn,
blockquote p {
  font-family: morebirounded, 'Palatino Linotype', 'Book Antiqua', Palatino, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック','MS PGothic', serif;
}*/

h1 {
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
  margin: 0;
}

h2 {
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
  text-align: center;
}

h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
}

h4 {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  margin: 0;
}

@media screen and (min-width: 768px) {
  h1 {
    font-size: 50px;
    line-height: 62px;
  }

  h2 {
    color: #000;
    font-size: 26px;
    line-height: 32px;
  }

  h3 {
    font-size: 22px;
    line-height: 30px;
  }

  h4 {
    font-size: 20px;
  }
}

@media screen and (min-width: 1024px) {
  h1 {
    font-size: 63px;
    line-height: 72px;
  }

  h2 {
    color: #333;
    font-size: 36px;
    line-height: 46px;
  }

  h3 {
    font-size: 30px;
    line-height: 40px;
  }

  h4 {
    font-size: 22px;
    line-height: 32px;
  }
}

/****************************
-- Paragraphs --
****************************/
p {
  font-size: 14px;
  line-height: 21px;
  margin: 0;
}

p.large {
  font-size: 15px;
  line-height: 24px;
  margin: 0;
}

blockquote p {
  font-size: 16px;
  line-height: 28px;
  margin: 0;
}

@media screen and (min-width: 768px) {
  blockquote p {
    font-size: 20px;
    line-height: 34px;
  }
}

@media screen and (min-width: 1024px) {
  p {
    font-size: 15px;
    line-height: 25px;
  }

  p.large {
    font-size: 17px;
    line-height: 27px;
  }

  blockquote p {
    font-size: 28px;
    line-height: 40px;
  }
}

@media screen and (min-width: 1280px) {
  p {
    font-size: 18px;
    line-height: 28px;
  }
}


/****************************
-- Highlight Sections --
****************************/
.highlight h1,
.highlight h2,
.highlight h3,
.highlight h4,
.highlight h5,
.highlight h6,
.highlight p,
.highlight a {
  color: #fff;
}

p.med {
  color: #06a94e;
}

/****************************
-- Icons --
****************************/
[class^='icon-'], [class*=' icon-'] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'arloicons','arloiconsvtwo','arlovtwoicons','arlogoicons','arlobabyicons','arloiconsvthree' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*.icon-arlo-v2{
  font-family: 'arloiconsvtwo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*/

.icon-search:before {
    content: "\f002";
}
.icon-twitter:before {
    content: "\f099";
}
.icon-facebook:before {
    content: "\f09a";
}
.icon-facebook-f:before {
    content: "\f09a";
}
.icon-google-plus:before {
    content: "\f0d5";
}
.icon-angle-left:before {
    content: "\f104";
}
.icon-angle-right:before {
    content: "\f105";
}
.icon-angle-up:before {
    content: "\f106";
}
.icon-angle-down:before {
    content: "\f107";
}
.icon-youtube:before {
    content: "\f167";
}
.icon-instagram:before {
    content: "\f16d";
}
.icon-weibo:before {
    content: "\f18a";
}
.icon-file-pdf-o:before {
    content: "\f1c1";
}
.icon-triangle-play:before {
    content: "\e907";
}
.icon-nighttime:before {
    content: "\e904";
}
.icon-visitors:before {
    content: "\e906";
}
.icon-kitchen:before {
    content: "\e903";
}
.icon-onthego:before {
    content: "\e905";
}
.icon-yard:before {
    content: "\e90b";
}
.icon-slide-left:before {
    content: "\e901";
}
.icon-slide-right:before {
    content: "\e902";
}
.icon-circle-play:before {
    content: "\e900";
}
.icon-blank:before {
    content: "\20";
}
.icon-arlo-logo:before {
    content: "\61";
}
.icon-close:before {
    content: "\78";
}

.icon-family:before {
  content: "\e919";
}

.icon-home:before {
  content: "\e918";
}

.icon-kids:before {
  content: "\e917";
}

.icon-pets:before {
  content: "\e916";
}

.icon-business:before {
  content: "\e915";
}

.icon-services:before {
  content: "\e914";
}

.icon-affordability:before {
  content: "\e91a";
}

.icon-expandability:before {
  content: "\e91b";
}

.icon-flexibility:before {
  content: "\e91c";
}

.icon-construction:before {
  content: "\e91d";
}

.icon-marina:before {
  content: "\e91e";
}

.icon-parking:before {
  content: "\e91f";
}
.icon-community_icon:before {
  content: "\e941";
}
.icon-construction_icon:before {
  content: "\e942";
}
.icon-outdoor_icon:before {
  content: "\e943";
}
.icon-travel_icon:before {
  content: "\e944";
}
/****************************
      ARLO BABY ICONS
****************************/

.icon-babysitting, .icon-crib, .icon-cute, .icon-night, .icon-travel{
  font-size: 38px;
}

.icon-babysitting:before {
  content: "\e921";
}

.icon-crib:before {
  content: "\e922";
}

.icon-cute:before {
  content: "\e92e";
}

.icon-night:before {
  content: "\e939";
}

.icon-travel:before {
  content: "\e940";
}