@charset "UTF-8";
/*------------------------------------*\
#PAGE
\*------------------------------------*/
html, body {
font-family                           : proxima-nova, sans-serif;
color                                 : #464646;
-webkit-font-smoothing                : antialiased;
-moz-osx-font-smoothing               : grayscale;
}

html {
box-sizing                            : border-box;
}

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

body {
margin                                : 0;
}

/*------------------------------------*\
#TYPE
\*------------------------------------*/
/**
* Typographical base selectors.
*/
/**
* Headings 1–6.
*/
h1,
h2,
h3,
h4,
h5 {
font-family                           : proxima-nova, sans-serif;
font-weight                           : 400;
color                                 : #464646;
}

h1 {
font-size                             : 36px;
}

h2 {
font-size                             : 30px;
}

h3 {
font-size                             : 22px;
margin-bottom                         : 1em;
}

h4 {
font-size                             : 18px;
}

p {
max-width                             : 40em;
line-height                           : 1.7em;
}

img {
width                                 : 100%;
}

/**
* Text
**/
.text__color--blue {
color                                 : #298EE9;
}

.text__underline--yellow {
border-bottom                         : 4px solid #FFC957;
}

.text__color--body {
color                                 : #6c757d;
}

.text__color--red {
color                                 : #E1443D;
}

.text__color--gray {
color                                 : #9B9B9B;
}

.text__color--white {
color                                 : white;
}

.text__font-size--75 {
font-size                             : 75px;
}

.text__font-size--20 {
font-size                             : 20px;
}

.text__lh--20 {
  line-height: 20px;
}

/**
* Font weight. 
*/
.text--regular {
font-weight                           : 400;
}

.text--bold {
font-weight                           : 700;
}

.text--extrabold {
font-weight                           : 800;
}

/*------------------------------------*\
#SIMPLE-LIST
\*------------------------------------*/
.simple-list--no-dots {
list-style-type                       : none;
padding                               : 0;
margin                                : 0;
}

/**
* Header
**/
header {
padding-top                           : 25px;
margin-bottom                         : 100px;
}
@media only screen and (max-width: 480px) {
header {
margin-bottom                         : 50px;
}
}

.navbar {
padding-left                          : 0;
padding-right                         : 0;
}

.navbar-brand img {
height                                : 36px;
width: auto;
}

.nav-item {
padding-left                          : 4px;
padding-right                         : 4px;
font-size                             : 14px;
font-weight                           : 800;
}

.nav-item__divider {
    border-right: 2px solid #e87975;
    margin-right: 4px;
    padding-right: 8px;
}

.nav-link {
opacity                               : 0.9;
color                                 : white;
letter-spacing                        : 0.5px;
transition                            : all 0.29s ease-in-out 0s;
border-radius                         : 25px;
}
.nav-link:hover, .nav-link:focus {
opacity                               : 1;
background-color                      : rgba(255, 255, 255, 0.1);
color                                 : white;
}
.nav-link.active {
color                                 : #298EE9;
}

.navbar-expand-lg .navbar-nav .nav-link {
padding-left                          : 18px;
padding-right                         : 18px;
}

/**
* Main Section
**/

.cta__section h1 {
font-size                             : 75px;
}
.cta__section p {
font-size                             : 20px;
}
@media only screen and (max-width: 480px) {
.cta__section {
text-align                            : left;
}
.cta__section h1 {
font-size                             : 50px;
}
.cta__section p {
font-size                             : 18px;
}
}

.cta__video-container {
  border       : 2px solid white;
  border-radius: 4px;
  box-shadow   : 0 20px 50px 0 rgba(34, 43, 55, 0.1);
  margin-top   : 74px;
}
@media only screen and (max-width: 990px) {
  .cta__video-container {
    margin-top: 0;
  }
}

/**
* Forms
**/
.cta__form {
box-shadow                            : 0 20px 50px 0 rgba(34, 43, 55, 0.1);
}
@media only screen and (max-width: 480px) {
.cta__form {
box-shadow                            : none;
}
}

.cta__input {
float                                 : left;
width                                 : 75%;
}
.cta__input input {
width                                 : 100%;
padding                               : 0.4em 0.7em;
font-size                             : 18px;
font-weight                           : 800;
letter-spacing                        : 0.5px;
height                                : 50px;
color                                 : white;
margin                                : 0;
outline                               : none;
-webkit-box-shadow                    : none;
box-shadow                            : none;
border                                : 2px solid white;
background-color                      : #E1443D;
border-top-left-radius                : 2px;
border-bottom-left-radius             : 2px;
border-top-right-radius               : 0;
border-bottom-right-radius            : 0;
border-right                          : none;
transition                            : all 0.29s ease-in-out 0s;
}
.cta__input input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
font-weight                           : 400;
color                                 : white;
}
.cta__input input::-moz-placeholder {
/* Firefox 19+ */
font-weight                           : 400;
color                                 : white;
}
.cta__input input:-ms-input-placeholder {
/* IE 10+ */
font-weight                           : 400;
color                                 : white;
}
.cta__input input:-moz-placeholder {
/* Firefox 18- */
font-weight                           : 400;
color                                 : white;
}
.cta__input input                     :focus {
background-color                      : #cb271f;
}
@media only screen and (max-width: 480px) {
.cta__input {
width                                 : 100%;
}
.cta__input input {
border-radius                         : 2px;
border                                : 2px solid white;
margin-bottom                         : 1em;
box-shadow                            : 0 20px 50px 0 rgba(34, 43, 55, 0.1);
}
}

.cta__btn {
float                                 : right;
width                                 : 25%;
height                                : 100%;
}
.cta__btn button {
width                                 : 100%;
height                                : 50px;
background-color                      : white;
color                                 : #E1443D;
font-weight                           : 800;
border                                : 2px solid white;
letter-spacing                        : 0.5px;
border-top-left-radius                : 0;
border-bottom-left-radius             : 0;
}
.cta__btn button:hover, .cta__btn button:focus {
background-color                      : rgba(255, 255, 255, 0.1);
color                                 : white;
}
@media only screen and (max-width     : 480px) {
.cta__btn {
width                                 : 100%;
}
.cta__btn button {
border-radius                         : 25px;
box-shadow                            : 0 20px 50px 0 rgba(34, 43, 55, 0.1);
}
}

/**
* Sections
**/
.section {
padding-top                           : 100px;
padding-bottom                        : 100px;
position                              : relative;
}

.section__main {
min-height                            : 750px;
}

.section__bg--red {
background-color                      : #E1443D;
color                                 : white;
}

.section__bg--hero {
background-color                      : #E1443D;
background-image                      : url("images/homepage-images/backgrounds/background__lines.svg");
background-position                   : bottom;
background-repeat                     : no-repeat;
background-size                       : cover;
color                                 : white;
}

.section__bg--buildings {
background-image                      : url("images/homepage-images/backgrounds/background__buildings.svg");
color                                 : white;
}

.section__bg--blue {
background-color                      : #298EE9;
color                                 : white;
}

.section__bg--gray {
background-color                      : #FBFCFC;
}

.section__bg--gray-2 {
background-color                      : #F7F6F6;
}

/**
* Panel
**/
.h-panel {
background-color                      : white;
border-radius                         : 2px;
margin-bottom                         : 30px;
height                                : auto;
width                                 : 100%;
padding                               : 24px;
}

.h-panel--shadow {
box-shadow                            : 0 20px 50px 0 rgba(34, 43, 55, 0.1);
}

/**
* Spacing
**/
.spacing__margin-bottom--80 {
margin-bottom                         : 80px;
}

.spacing__pad-top--80 {
padding-top                           : 80px;
}

/**
* Buttons
**/
.btn__sign-up {
background-color                      : white;
padding                               : 6px 20px;
color                                 : #E1443D;
font-size                             : 14px;
border-radius                         : 25px;
font-weight                           : 800;
letter-spacing                        : 0.5px;
border                                : 2px solid white;
transition                            : all 0.29s ease-in-out 0s;
}
.btn__sign-up:hover, .btn__sign-up:focus {
text-decoration                       : none;
background-color                      : rgba(255, 255, 255, 0.1);
color                                 : white;
}

.btn__cta {
font-weight                           : 800;
height                                : 50px;
padding                               : 12px 40px;
box-shadow                            : 0 20px 50px 0 rgba(34, 43, 55, 0.1);
transition                            : background-color 0.29s ease-in-out 0s;
}
.btn__cta:active {
-moz-transform                        : translateY(1px);
-ms-transform                         : translateY(1px);
-webkit-transform                     : translateY(1px);
transform                             : translateY(1px);
-moz-transition                       : -moz-transform 0.2s;
-o-transition                         : -o-transform 0.2s;
-webkit-transition                    : -webkit-transform 0.2s;
transition                            : transform 0.2s;
}

.btn__cta--pill {
border-radius                         : 25px;
}

.btn__cta--red {
background-color                      : #E1443D;
color                                 : white;
}
.btn__cta--red:hover, .btn__cta--red:focus {
background-color                      : #cb271f;
color                                 : white;
}

.btn__cta--white {
background-color                      : white;
color                                 : #E1443D;
border                                : 2px solid white;
}
.btn__cta--white:hover, .btn__cta--white:focus {
background-color                      : rgba(255, 255, 255, 0.1);
color                                 : white;
}

.btn__cta--float {
position                              : absolute;
bottom                                : -25px;
vertical-align                        : middle;
z-index                               : 9999;
}

.link__action {
font-weight                           : 700;
font-size                             : 14px;
padding-bottom                        : 4px;
transition                            : all 0.29s ease-in-out 0s;
}

.link__action--red {
color                                 : #E1443D;
border-bottom                         : 1px solid transparent;
}
.link__action--red:hover, .link__action--red:focus {
text-decoration                       : none;
color                                 : #cb271f;
border-color                          : #E1443D;
}

.link__action--white {
color                                 : white;
border-bottom                         : 1px solid transparent;
}
.link__action--white:hover, .link__action--white:focus {
text-decoration                       : none;
color                                 : #EDEDED;
border-color                          : #EDEDED;
}

/**
* Hoverable Panel
**/
.block--hoverable {
display                               : block;
color                                 : #464646;
transition                            : all 0.29s ease-in-out 0s;
}
.block--hoverable:hover, .block--hoverable:focus {
text-decoration                       : none;
color                                 : #E1443D;
}

/**
* Profile Pictures
**/
.profile-pic {
background-size                       : contain;
background-repeat                     : no-repeat;
background-position                   : 50%;
height                                : 100%;
width                                 : 100%;
max-height                            : 120px;
max-width                             : 120px;
border-radius                         : 60px;
box-shadow                            : 0 20px 50px 0 rgba(34, 43, 55, 0.1);
}

.profile-pic--100 {
width                                 : 100px;
height                                : 100px;
border-radius                         : 50px;
}

.profile-pic--60 {
width                                 : 60px;
height                                : 60px;
border-radius                         : 30px;
}

.profile-pic__joe {
background-image                      : url("images/homepage-images/profile_pics/profile__joe.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.profile-pic__joe {
background-image                      : url("images/homepage-images/profile_pics/profile__joe@2x.png");
}
}

.profile-pic__becca {
background-image                      : url("images/homepage-images/profile_pics/profile__becca.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.profile-pic__becca {
background-image                      : url("images/homepage-images/profile_pics/profile__becca@2x.png");
}
}

.profile-pic__ryan {
background-image                      : url("images/homepage-images/profile_pics/profile__ryan.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.profile-pic__ryan {
background-image                      : url("images/homepage-images/profile_pics/profile__ryan@2x.png");
}
}

.profile-pic__andrew {
background-image                      : url("images/homepage-images/profile_pics/profile__andrew.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.profile-pic__andrew {
background-image                      : url("images/homepage-images/profile_pics/profile__andrew@2x.png");
}
}

.profile-pic__gabbie {
background-image                      : url("images/homepage-images/profile_pics/profile__gabbie.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.profile-pic__gabbie {
background-image                      : url("images/homepage-images/profile_pics/profile__gabbie@2x.png");
}
}

.profile-pic__bryan {
background-image                      : url("images/homepage-images/profile_pics/profile__bryan.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.profile-pic__bryan {
background-image                      : url("images/homepage-images/profile_pics/profile__bryan@2x.png");
}
}

.profile-pic__taylor {
background-image                      : url("images/homepage-images/profile_pics/profile__taylor.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.profile-pic__taylor {
background-image                      : url("images/homepage-images/profile_pics/profile__taylor@2x.png");
}
}

.profile-pic__trevor {
background-image                      : url("images/homepage-images/profile_pics/profile__trevor.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.profile-pic__trevor {
background-image                      : url("images/homepage-images/profile_pics/profile__trevor@2x.png");
}
}

/**
* Icons
**/
.bg-img {
background-size                       : contain;
background-repeat                     : no-repeat;
background-position                   : 50%;
}

.illustrations {
background-size                       : contain;
background-repeat                     : no-repeat;
background-position                   : 50%;
float                                 : right;
}
@media only screen and (max-width: 767px) {
.illustrations {
float                                 : none;
margin                                : 0 auto 16px;
}
}

.illustrations__resell {
background-image                      : url("images/homepage-images/illustrations/illustration__resell.svg");
width                                 : 80px;
height                                : 61px;
}

.illustrations__save {
background-image                      : url("images/homepage-images/illustrations/illustration__save.svg");
width                                 : 80px;
height                                : 56px;
}

.illustrations__scale {
background-image                      : url("images/homepage-images/illustrations/illustration__scale.svg");
width                                 : 150px;
height                                : 50px;
}

.illustrations__portal {
background-image                      : url("images/homepage-images/illustrations/illustration__portal.svg");
width                                 : 80px;
height                                : 55px;
}

.illustrations__managed-seo {
background-image                      : url("images/homepage-images/illustrations/illustration__managed-seo.svg");
width                                 : 80px;
height                                : 80px;
}

.illustrations__rep {
background-image                      : url("images/homepage-images/illustrations/illustration__rep.svg");
width                                 : 80px;
height                                : 25px;
}

.illustrations__content {
background-image                      : url("images/homepage-images/illustrations/illustration__content.svg");
width                                 : 80px;
height                                : 60px;
}

.illustrations__tools {
background-image                      : url("images/homepage-images/illustrations/illustration__tools.svg");
width                                 : 80px;
height                                : 69px;
}

.illustrations__link {
background-image                      : url("images/homepage-images/illustrations/illustration__link.svg");
width                                 : 80px;
height                                : 70px;
}

.illustrations__local {
background-image                      : url("images/homepage-images/illustrations/illustration__local.svg");
width                                 : 80px;
height                                : 72px;
}

.graphic__in-the-press {
background-image                      : url("dist/images/imgs/graphic__in-the-press.png?v=1.0.2");
height                                : 285px;
width                                 : 100%;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.graphic__in-the-press {
background-image                      : url("dist/images/imgs/graphic__in-the-press@4x.png?v=1.0.2");
}
}


.tool-icons {
background-size                       : contain;
background-repeat                     : no-repeat;
background-position                   : 50%;
width                                 : 40px;
height                                : 40px;
}

.icon__rank-tracker {
background-image                      : url("images/homepage-images/icons/icon__rank-tracker.svg");
}

.icon__backlink-checker {
background-image                      : url("images/homepage-images/icons/icon__backlink-checker.svg");
}

.icon__da-checker {
background-image                      : url("images/homepage-images/icons/icon__da-checker.svg");
}

.icon__search-competition {
background-image                      : url("images/homepage-images/icons/icon__search-competition.svg");
}

.icon__traffic-stats {
background-image                      : url("images/homepage-images/icons/icon__traffic-stats.svg");
}

.icon__see-all {
  background-image: url("images/homepage-images/icons/icon__see-all.svg");
  width: 20px;
}

.ui-icon {
display                               : inline-block;
background-size                       : contain;
background-repeat                     : no-repeat;
background-position                   : 50%;
}

.ui-icon__inline-link {
position                              : relative;
top                                   : 5px;
margin-left                           : 2px;
}

.ui-icon__headline {
position                              : relative;
top                                   : 3px;
margin-right                          : 10px;
}

.ui-icon--20 {
height                                : 20px;
width                                 : 20px;
}

.ui-icon--30 {
height                                : 30px;
width                                 : 30px;
}

.icon__menu {
background-image                      : url("images/homepage-images/icons/icon__menu-24px.svg");
}

.icon__arrow--red {
background-image                      : url("images/homepage-images/icons/icon__arrow--red.svg");
}
.icon__arrow--red.icon__arrow--right {
transform                             : rotate(-90deg);
}

.icon__arrow--white {
background-image                      : url("images/homepage-images/icons/icon__arrow--white.svg");
}
.icon__arrow--white.icon__arrow--right {
transform                             : rotate(-90deg);
}

.icon__five-stars {
background-image                      : url("images/homepage-images/icons/icon__five-stars.svg");
height                                : 24px;
width                                 : 120px;
}

.icon__facebook {
background-image                      : url("images/homepage-images/icons/icon__facebook-square--gray.svg");
height                                : 16px;
width                                 : 16px;
}

.icon__receipt {
background-image                      : url("images/homepage-images/icons/icon__receipt-24px.svg");
}

.icon__headphones {
background-image                      : url("images/homepage-images/icons/icon__headset_mic-24px.svg");
}

.icon__build {
background-image                      : url("images/homepage-images/icons/icon__build-24px.svg");
}

/**
* CTA Illustrations
**/
.illustrations__cta {
  position: absolute;
  width: 450px;
  bottom: 0;
}
@media only screen and (max-width: 1000px) {
  .illustrations__cta {
    display: none;
  }
}

.illustrations__cta--right {
  right: 0;
}

.illustrations__cta--left {
  left: 0;
}

/**
* Footer
**/
footer {
background-color                      : #2c2c2c;
color                                 : white;
}

.footer__cat-header {
font-size                             : 14px;
font-weight                           : 800;
text-transform                        : uppercase;
letter-spacing                        : 1px;
}

.footer__sub-section {
font-weight                           : 800;
opacity                               : 0.6;
font-size                             : 14px;
}

.footer__copyright {
border-top                            : 1px solid #9B9B9B;
padding-top                           : 12px;
}
.footer__copyright span {
font-size                             : 14px;
font-weight                           : 800;
opacity                               : 0.6;
}

.footer__img--inc {
max-width                             : 150px;
}

footer a {
color                                 : white;
opacity                               : 0.6;
font-size                             : 14px;
line-height                           : 30px;
transition                            : opacity 0.29s ease-in-out 0s;
font-weight                           : 400;
}
footer a:hover, footer a:focus {
opacity                               : 1;
color                                 : white;
text-decoration                       : none;
}

footer address {
line-height                           : 22px;
padding-left                          : 32px;
}

#review_header {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  border-bottom: 0 !important;
}


///*------------------------------------*\
//    #MATERIAL ICONS
//\*------------------------------------*/

/* Rules for sizing the icon. */
.material-icons.md-14 { font-size: 14px; }
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }


