.x-content-with-icons .h2,
.x-content-with-icons .h5 {
  color: #fff;
}
.x-content-with-icons .h2 {
  margin: 0 0 0.2em;
  padding-top: 1.0em;
  font-size: 272.73%;
  line-height: 1.0;
  letter-spacing: 0.025em;
}
.x-content-with-icons .h5 {
  font-weight: normal;
  font-size: 136.37%;
  line-height: 1.6;
  margin: 0 auto;
  padding-top: 1.0em;
  letter-spacing: 0;
}
@media (min-width: 768px) and (max-width: 979px) {
  .x-content-with-icons .h2 {
    margin: 0 0 0.2em;
    padding-top: 1.37em;
    font-size: 272.73%;
    line-height: 1.0;
    letter-spacing: -0.025em;
  }
  .x-content-with-icons .h5 {
    font-weight: normal;
    font-size: 136.37%;
    line-height: 1.5;
    margin: 0 auto;
    letter-spacing: 0;
  }
  .x-content-with-icons .h2 + .h5 {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .x-content-with-icons .h2 {
    margin: 0 0 0.2em;
    padding-top: 1.2em;
    font-size: 200%;
    line-height: 1.24;
    letter-spacing: -0.025em;
  }
  .x-content-with-icons .h5 {
    font-weight: normal;
    font-size: 109%;
    line-height: 1.5;
    margin: 0 auto;
    letter-spacing: 0;
  }
  .x-content-with-icons .h2 + .h5 {
    padding-top: 0;
  }
}
@media (max-width: 639px) {
  .x-content-with-icons > .x-container > .x-column.x-sm.x-1-1 {
    padding-bottom: 50px;
  }
}
@media (min-width: 980px) {
  .x-content-with-icons .h5 {
    max-width: 77%;
  }
}
@media (min-width: 640px) {
  .x-content-band.x-content-with-icons {
    margin-bottom: 3.5em;
  }
}
.x-content-with-icons.x-content-band > .x-container {
  padding-bottom: 0;
}
.x-content-with-icons > .x-container > .x-column.x-1-1 {
  padding-bottom: 80px;
}

.x-content-with-icons > .x-container {
  position: relative;
}
.x-content-with-icons > .x-container::before {
  position: absolute;
  top: 0;
  left: -7%;
  content: "";
  width: 100%;
  padding: 0 7%;
  height: 100%;
  display: block;
  max-width: 970px;
  margin: 0 auto;
}
.x-content-with-icons.x-content-band-welcome > .x-container::before {
  background: url("../img/bg-big-logo.png") no-repeat 8% 50%;
}
.x-content-with-icons.x-content-band-contact-us > .x-container::before {
  background: url("../img/bg-contact-us.png") no-repeat 8% 50%;
}
.x-content-with-icons.x-content-band-we-are-webzio > .x-container::before {
  background: url("../img/bg-big-logo-about.png") no-repeat 8% 50%;
}
.x-content-with-icons.x-content-band-portfolio-item > .x-container::before {
  background: url("../img/bg-big-logo-portfolio-item.png") no-repeat 8% 50%;
}
.x-content-with-icons.x-content-band-design-development > .x-container::before {
  background: url("../img/bg-webdesign-logo.png") no-repeat 8% 50%;
}
.x-content-with-icons.x-content-band-internet-marketing-page > .x-container::before {
  background: url("../img/bg-internet-marketing.png") no-repeat 8% 50%;
}
.x-content-with-icons.x-content-band-responsive-web-design > .x-container::before {
  background: url("../img/bg-responsive-design.png") no-repeat 8% 50%;
}
.x-content-with-icons.x-content-band-case-studio-over > .x-container::before {
  background: url("../img/bg-case-studio-1.png") no-repeat 8% 50%;
}
.x-content-with-icons.x-content-band-case-studio-educational > .x-container::before {
  background: url("../img/bg-case-studio-2.png") no-repeat 8% 50%;
}
.x-content-with-icons .x-ul-icons {
  display: none;
}
@media (min-width: 640px) {
  .x-content-with-icons .x-ul-icons {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    margin: 0 0 -58px !important;
    height: 116px;
    text-indent: 0;
  }
}
.x-content-with-icons .x-ul-icons .x-li-icon {
  display: inline-block;
  width: 116px;
  height: 116px;
  font-size: 86px;
  line-height: 86px;
  margin: 0 0;
  padding: 15px;
  border-radius: 100em;
}
.x-content-with-icons .x-ul-icons .x-li-icon > i {
  width: 100%;
  height: 100%;
  background: #fff;
  display: block;
  text-align: center;
  border-radius: 100em;
  position: relative;
}
.x-content-with-icons .x-ul-icons .x-li-icon > i::before {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  text-indent: -9999px;
  background: url("../img/icons-sprite.png") no-repeat 0 0;
  border-radius: 100em;
}

.x-content-with-icons .x-ul-icons .x-li-icon:nth-child(1) > i::after,
.x-content-with-icons .x-ul-icons .x-li-icon:nth-child(2) > i::after {
  width: 16px;
  height: 44px;
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  margin: -22px -23px 0 0;
  right: 0;
  text-align: center;
  content: "";
  border-radius: 100em;
  background-image: url("../img/icons-plus-equal.png");
  background-color: #f7574c;
  background-position: 0 50%;
  background-repeat: no-repeat;
}
.x-content-with-icons .x-ul-icons .x-li-icon:nth-child(2) > i::after {
  background-position: -16px 50%;
}

/*Home page*/
.x-content-band-bg-red .x-ul-icons .x-li-icon {
  background: #f7574c;
}
.x-content-band-bg-red .x-ul-icons .x-li-icon:nth-child(1) {
  background: #f7574c;
  background: -webkit-linear-gradient(left, #f14c4c, #f2524a);
  background: -moz-linear-gradient(left, #f14c4c, #f2524a);
  background: -ms-linear-gradient(left, #f14c4c, #f2524a);
  background: -o-linear-gradient(left, #f14c4c, #f2524a);
}
.x-content-band-bg-red .x-ul-icons .x-li-icon:nth-child(2) {
  background: #f7574c;
  background: -webkit-linear-gradient(left, #f2524a, #f35949);
  background: -moz-linear-gradient(left, #f2524a, #f35949);
  background: -ms-linear-gradient(left, #f2524a, #f35949);
  background: -o-linear-gradient(left, #f2524a, #f35949);
}
.x-content-band-bg-red .x-ul-icons .x-li-icon:nth-child(3) {
  background: #f7574c;
  background: -webkit-linear-gradient(left, #f35949, #f55f48);
  background: -moz-linear-gradient(left, #f35949, #f55f48);
  background: -ms-linear-gradient(left, #f35949, #f55f48);
  background: -o-linear-gradient(left, #f35949, #f55f48);
}
.x-content-band-bg-red .x-ul-icons .x-li-icon:nth-child(1) > i::after,
.x-content-band-bg-red .x-ul-icons .x-li-icon:nth-child(2) > i::after {
  background-color: #f7574c;
}
.x-content-band-welcome .x-ul-icons .x-li-icon > i.x-icon-lightbulb-o::before {
  background-position: 0 0;
}
.x-content-band-welcome .x-ul-icons .x-li-icon > i.x-icon-krw::before {
  background-position: -86px 0;
}
.x-content-band-welcome .x-ul-icons .x-li-icon > i.x-icon-check-circle-o::before {
  background-position: -172px 0;
}
.x-content-band-welcome .x-ul-icons .x-li-icon:nth-child(1) > i::after {
  background-color: #f2524a;
}
.x-content-band-welcome .x-ul-icons .x-li-icon:nth-child(2) > i::after {
  background-color: #f35949;
}

/*About page*/
.x-content-band-bg-blue .x-ul-icons .x-li-icon {
  background: #42a3b9;
}
.x-content-band-bg-blue .x-ul-icons .x-li-icon:nth-child(1) {
  background: #42a3b9;
  background: -webkit-linear-gradient(left, #3791aa, #3e9db4);
  background: -moz-linear-gradient(left, #3791aa, #3e9db4);
  background: -ms-linear-gradient(left, #3791aa, #3e9db4);
  background: -o-linear-gradient(left, #3791aa, #3e9db4);
}
.x-content-band-bg-blue .x-ul-icons .x-li-icon:nth-child(2) {
  background: #42a3b9;
  background: -webkit-linear-gradient(left, #3e9db4, #46aabe);
  background: -moz-linear-gradient(left, #3e9db4, #46aabe);
  background: -ms-linear-gradient(left, #3e9db4, #46aabe);
  background: -o-linear-gradient(left, #3e9db4, #46aabe);
}
.x-content-band-bg-blue .x-ul-icons .x-li-icon:nth-child(3) {
  background: #42a3b9;
  background: -webkit-linear-gradient(left, #46aabe, #4db5c7);
  background: -moz-linear-gradient(left, #46aabe, #4db5c7);
  background: -ms-linear-gradient(left, #46aabe, #4db5c7);
  background: -o-linear-gradient(left, #46aabe, #4db5c7);
}
.x-content-band-bg-blue .x-ul-icons .x-li-icon:nth-child(1) > i::after {
  background-color: #3e9db4;
}
.x-content-band-bg-blue .x-ul-icons .x-li-icon:nth-child(2) > i::after {
  background-color: #46aabe;
}
.x-content-band-we-are-webzio .x-ul-icons .x-li-icon > i.x-icon-smile-o::before {
  background-position: 0 -86px;
}
.x-content-band-we-are-webzio .x-ul-icons .x-li-icon > i.x-icon-krw::before {
  background-position: -86px -86px;
}
.x-content-band-we-are-webzio .x-ul-icons .x-li-icon > i.x-icon-check-circle-o::before {
  background-position: -172px -86px;
}

/*Web Design & Development*/
.x-content-band-bg-dark-blue .x-ul-icons .x-li-icon {
  background: #8d65e6;
}
.x-content-band-bg-dark-blue .x-ul-icons .x-li-icon:nth-child(1) {
  background: #8d65e6;
  background: -webkit-linear-gradient(left, #7066e8, #8466e6);
  background: -moz-linear-gradient(left, #7066e8, #8466e6);
  background: -ms-linear-gradient(left, #7066e8, #8466e6);
  background: -o-linear-gradient(left, #7066e8, #8466e6);
}
.x-content-band-bg-dark-blue .x-ul-icons .x-li-icon:nth-child(2) {
  background: #8d65e6;
  background: -webkit-linear-gradient(left, #8466e6, #9865e5);
  background: -moz-linear-gradient(left, #8466e6, #9865e5);
  background: -ms-linear-gradient(left, #8466e6, #9865e5);
  background: -o-linear-gradient(left, #8466e6, #9865e5);
}
.x-content-band-bg-dark-blue .x-ul-icons .x-li-icon:nth-child(3) {
  background: #8d65e6;
  background: -webkit-linear-gradient(left, #9865e5, #ac65e4);
  background: -moz-linear-gradient(left, #9865e5, #ac65e4);
  background: -ms-linear-gradient(left, #9865e5, #ac65e4);
  background: -o-linear-gradient(left, #9865e5, #ac65e4);
}
.x-content-band-bg-dark-blue .x-ul-icons .x-li-icon:nth-child(1) > i::after {
  background-color: #8466e6;
}
.x-content-band-bg-dark-blue .x-ul-icons .x-li-icon:nth-child(2) > i::after {
  background-color: #9865e5;
}

.x-content-with-icons.x-content-band-design-development .x-ul-icons .x-li-icon > i.x-icon-pencil::before {
  background-position: 0 -172px;
}
.x-content-with-icons.x-content-band-design-development .x-ul-icons .x-li-icon > i.x-icon-krw::before {
  background-position: -86px -172px;
}
.x-content-with-icons.x-content-band-design-development .x-ul-icons .x-li-icon > i.x-icon-check-circle-o::before {
  background-position: -172px -172px;
}

/*Contact Us*/
.x-content-with-icons.x-content-band-contact-us .x-ul-icons .x-li-icon > i.x-icon-question::before {
  background-position: 0 -344px;
}
.x-content-with-icons.x-content-band-contact-us .x-ul-icons .x-li-icon > i.x-icon-krw::before {
  background-position: -86px -344px;
}
.x-content-with-icons.x-content-band-contact-us .x-ul-icons .x-li-icon > i.x-icon-check-circle-o::before {
  background-position: -172px -344px;
}

/*Case Study (home) */
@media (max-width: 767px) {
  .x-content-band-case .x-content-band.inside .x-1-3 .x-img-none {
    margin: 1em auto;
    display: block;
  }
}

/*Internet Marketing*/
.x-content-band-bg-green .x-ul-icons .x-li-icon {
  background: #25c176;
}
.x-content-band-bg-green .x-ul-icons .x-li-icon:nth-child(1) {
  background: #25c176;
  background: -webkit-linear-gradient(left, #1CB570, #22BD75);
  background: -moz-linear-gradient(left, #1CB570, #22BD75);
  background: -ms-linear-gradient(left, #1CB570, #22BD75);
  background: -o-linear-gradient(left, #1CB570, #22BD75);
}
.x-content-band-bg-green .x-ul-icons .x-li-icon:nth-child(2) {
  background: #25c176;
  background: -webkit-linear-gradient(left, #22BD75, #29C579);
  background: -moz-linear-gradient(left, #22BD75, #29C579);
  background: -ms-linear-gradient(left, #22BD75, #29C579);
  background: -o-linear-gradient(left, #22BD75, #29C579);
}
.x-content-band-bg-green .x-ul-icons .x-li-icon:nth-child(3) {
  background: #25c176;
  background: -webkit-linear-gradient(left, #29C579, #2FCD7D);
  background: -moz-linear-gradient(left, #29C579, #2FCD7D);
  background: -ms-linear-gradient(left, #29C579, #2FCD7D);
  background: -o-linear-gradient(left, #29C579, #2FCD7D);
}
.x-content-band-bg-green .x-ul-icons .x-li-icon:nth-child(1) > i::after {
  background-color: #22BD75;
}
.x-content-band-bg-green .x-ul-icons .x-li-icon:nth-child(2) > i::after {
  background-color: #29C579;
}

/*Internet marketing*/
.x-content-with-icons.x-content-band-internet-marketing-page .x-ul-icons .x-li-icon > i.x-icon-bullhorn::before {
  background-position: 0 -258px;
}
.x-content-with-icons.x-content-band-internet-marketing-page .x-ul-icons .x-li-icon > i.x-icon-krw::before {
  background-position: -86px -258px;
}
.x-content-with-icons.x-content-band-internet-marketing-page .x-ul-icons .x-li-icon > i.x-icon-check-circle-o::before {
  background-position: -172px -258px;
}

/*Responsive Web Design*/
.x-content-with-icons.x-content-band-responsive-web-design .x-ul-icons .x-li-icon > i.x-icon-mobile::before {
  background-position: 0 -430px;
}
.x-content-with-icons.x-content-band-responsive-web-design .x-ul-icons .x-li-icon > i.x-icon-krw::before {
  background-position: -86px -430px;
}
.x-content-with-icons.x-content-band-responsive-web-design .x-ul-icons .x-li-icon > i.x-icon-check-circle-o::before {
  background-position: -172px -430px;
}
/*Case Studio - Over 200 Links */
.x-content-with-icons.x-content-band-case-studio-over .x-ul-icons .x-li-icon > i.x-icon-music::before {
  background-position: 0 -516px;
}
.x-content-with-icons.x-content-band-case-studio-over .x-ul-icons .x-li-icon > i.x-icon-krw::before {
  background-position: -86px -516px;
}
.x-content-with-icons.x-content-band-case-studio-over .x-ul-icons .x-li-icon > i.x-icon-check-circle-o::before {
  background-position: -172px -516px;
}
/*Case Studio - Educational Start */
.x-content-with-icons.x-content-band-case-studio-educational .x-ul-icons .x-li-icon > i.x-icon-info-circle::before {
  background-position: 0 -602px;
}
.x-content-with-icons.x-content-band-case-studio-educational .x-ul-icons .x-li-icon > i.x-icon-krw::before {
  background-position: -86px -602px;
}
.x-content-with-icons.x-content-band-case-studio-educational .x-ul-icons .x-li-icon > i.x-icon-check-circle-o::before {
  background-position: -172px -602px;
}

/*Buttons*/
.x-content-band .x-btn-centered {
    margin: 0 0 0 -68px;
    position: relative;
    right: -50%;
}
/*Common styles - sizes*/
.x-content-band .x-btn-pill.x-btn-regular,
.x-content-band .x-btn-pill.x-btn-jumbo {
  border-width: 2px;
}
.x-content-band .x-btn-pill.x-btn-regular {
  font-size: 0.82em;
  line-height: 2.3;
  padding: 3px 1.1em 2px !important;
  /* margin: 0 !important; */
}
.x-content-band.x-content-band-case-study-1 .x-btn-pill.x-btn-regular,
.x-content-band.x-content-band-case-study-2 .x-btn-pill.x-btn-regular,
.x-content-band.x-content-band-posts .x-btn-pill.x-btn-regular {
  padding-top: 5px !important;
}
.x-content-band .x-btn-pill.x-btn-jumbo {
  font-size: 1.36em;
  padding: 17px 1.1em !important;
}
/*Buttons with white background on hover*/
.x-content-band a.x-btn-pill[class*="x-btn-hover-"] {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-top: 15px;
}
.x-content-band a[class*="x-btn-hover-"]:hover {
  background: #fff;
  border-color: #fff;
}
/*Buttons with white background on hover - hover styles*/
/*Dark Blue, Violet*/
.x-content-band .x-btn-hover-dark-blue:hover {
  color: #8e64e3;
}
/*Blue*/
.x-content-band .x-btn-hover-blue:hover {
  color: #1e9ebc;
}
/*Green*/
.x-content-band .x-btn-hover-green:hover {
  color: #0a9f64;
}

/*Buttons with backgrounds on hover - common styles*/
.x-content-band a.x-btn-pill[class*="x-btn-color-"] {
  position: relative;
  border: none;
  z-index: 1;
  display: inline-block;
}
.x-content-band a[class*="x-btn-color-"]::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 100em;
  padding: 2px;
  -webkit-transition:all 0.15s linear;
  transition:all 0.15s linear;
}
.x-content-band a[class*="x-btn-color-"]::after {
  background: #fff;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: -1;
  border-radius: 100em;
  -webkit-transition:all 0.15s linear;
  transition:all 0.15s linear;
}
.x-content-band a[class*="x-btn-color-"]::before,
.x-content-band a[class*="x-btn-color-"]::after {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

/*Buttons with backgrounds on hover - different colors*/
/*Green*/
.x-content-band .x-btn-color-green {
    color: #0a9f64;
}
.x-content-band .x-btn-color-green::before {
  background: #0a9f64;
  background: -webkit-linear-gradient(left, #089d63, #43e58a);
  background: -moz-linear-gradient(left, #089d63, #43e58a);
  background: -ms-linear-gradient(left, #089d63, #43e58a);
  background: -o-linear-gradient(left, #089d63, #43e58a);
}
/*Red*/
.x-content-band .x-btn-color-red {
  color: #ee534e;
}
.x-content-band .x-btn-color-red::before {
  background: #ee534e;
  background: -webkit-linear-gradient(left, #ec3b4f, #f97044);
  background: -moz-linear-gradient(left, #ec3b4f, #f97044);
  background: -ms-linear-gradient(left, #ec3b4f, #f97044);
  background: -o-linear-gradient(left, #ec3b4f, #f97044);
}
/*Violet, Dark Blue*/
.x-content-band .x-btn-color-violet,
.x-content-band .x-btn-color-dark-blue {
  color: #8e64e3;
}
.x-content-band .x-btn-color-violet::before,
.x-content-band .x-btn-color-dark-blue::before {
  background: #8e64e3;
  background: -webkit-linear-gradient(left, #3c69ec, #e062e0);
  background: -moz-linear-gradient(left, #3c69ec, #e062e0);
  background: -ms-linear-gradient(left, #3c69ec, #e062e0);
  background: -o-linear-gradient(left, #3c69ec, #e062e0);
}
/*Blue*/
.x-content-band .x-btn-color-blue {
  color: #1e9ebc;
}
.x-content-band .x-btn-color-blue::before {
  background: #1e9ebc;
  background: -webkit-linear-gradient(left, #237192, #61d5e0);
  background: -moz-linear-gradient(left, #237192, #61d5e0);
  background: -ms-linear-gradient(left, #237192, #61d5e0);
  background: -o-linear-gradient(left, #237192, #61d5e0);
}


/* Medium Blue*/
.x-content-band .x-btn-color-medium-blue {
  color: #3b6bec;
}
.x-content-band .x-btn-color-medium-blue::before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b6bec+0,3ba4ec+100 */
  background: #3b6bec; /* Old browsers */
  background: -moz-linear-gradient(left, #3b6bec 0%, #3ba4ec 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #3b6bec 0%,#3ba4ec 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #3b6bec 0%,#3ba4ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6bec', endColorstr='#3ba4ec',GradientType=1 ); /* IE6-9 */
}

/*Pink*/
.x-content-band .x-btn-color-pink {
  color: #db49d8;
}
.x-content-band .x-btn-color-pink::before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b6bec+0,3ba4ec+100 */
  background: #db49d8; /* Old browsers */
  background: -moz-linear-gradient(left, #db49d8 0%, #f88cc6 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #db49d8 0%,#f88cc6 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #db49d8 0%,#f88cc6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db49d8', endColorstr='#f88cc6',GradientType=1 ); /* IE6-9 */
}

/*Buttons with backgrounds on hover - hover styles*/
.x-content-band a[class*="x-btn-color-"]:hover {
  color: #fff;
}
.x-content-band a[class*="x-btn-color-"]:hover::after {
  background: none;
}

/*Input[type=submit] styles*/
.x-content-band-contact-form form input[type="submit"] {
  font-size: 1.36em;
  line-height: 2.4;
  border-width: 2px;
  padding: 0 1.0em 0 1.0em;
  margin: 0 auto;
  display: block;
  clear: both;
}
.x-content-band-contact-form form input[type="submit"]:hover {
  background-color: #fff;
  border-color: #fff;
}
.x-content-band-contact-form form input[type="submit"]:focus{
  outline: none;
}
.x-content-band-bg-green.x-content-band-contact-form form input[type="submit"]:hover {
  color: #0a9f64;
}
.x-content-band-bg-blue.x-content-band-contact-form form input[type="submit"]:hover {
  color: #1e9ebc;
}
.x-content-band-bg-dark-blue.x-content-band-contact-form form input[type="submit"]:hover {
  color: #8e64e3;
}
.x-content-band-bg-red.x-content-band-contact-form form input[type="submit"]:hover {
  color: #ee534e;
}

/* Webzio offers */
.x-content-band-bg-light-green {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,bffae3+100 */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #bffae3 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#bffae3 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%,#bffae3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bffae3',GradientType=0 ); /* IE6-9 */
}

/* Colored button with white bg on hover. Default color: blue(#3b69ec) */
.x-content-band a.x-btn-pill[class*="x-colored-btn-"] {
    background: #3b69ec;
/*     background: linear-gradient(to top, #3acfd5 0%, #3a4ed5 100%); */
    border-radius: 100em;
    position: relative;
    text-align: center;
    padding: 8px 15px;
    box-sizing: border-box;
    border:0 !important;
    -webkit-transition:all 0.15s linear;
    transition:all 0.15s linear;
    display: inline-block;
    margin: 0 0 9px;
    text-transform: none;
}
.x-content-band a[class*="x-colored-btn-"]::before {
    border-radius: 0;
    content: '';
    background: transparent;
    /* background-image: linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%); */
    padding: 0;
    width: auto;
    height: auto;
    position: static;
    float: left;
    -webkit-transition: 0;
    transition: 0;
}
.x-content-band a[class*="x-colored-btn-"]::after {
    border-radius: 100em;
    content: '';
    background: #3b69ec;
    /* background-image: linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%); */
    padding: 3px;
    width: 100%;
    height: 100%;
    top: -3px;
    left: -3px;
    position: absolute;
    z-index: -1;
    -webkit-transition:all 0.15s linear;
    transition:all 0.15s linear;
}
.x-content-band a[class*="x-colored-btn-"]::before,
.x-content-band a[class*="x-colored-btn-"]::after {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.x-content-band a[class*="x-colored-btn-"]:hover {
  color: #3b69ec;
  border:0;
  background: #fff;
}
.x-content-band a[class*="x-colored-btn-"]:hover::after {
  background: none;
  border:0;
}
.x-content-band a[class*="x-colored-btn-"].with-icon::before {
  width: 26px;
  height: 30px;
  background: url("../img/icons-btn.png") no-repeat 0 -3px;
}

/* SlateBlue */
.x-content-band a.x-btn-pill.x-colored-btn-slate-blue{
 background: #819af1;
}
.x-content-band a.x-btn-pill.x-colored-btn-slate-blue::after {
  background: #819af1;
}
.x-content-band a.x-colored-btn-slate-blue:hover {
  color: #819af1;
  background: #fff;
}
.x-content-band a.x-colored-btn-slate-blue.with-icon:hover::before {
  background-position: 0 -33px;
}

/* Pink */
.x-content-band a.x-btn-pill.x-colored-btn-pink{
 background: #e162e0;
}
.x-content-band a.x-btn-pill.x-colored-btn-pink::after {
  background: #e162e0;
}
.x-content-band a.x-colored-btn-pink:hover {
  color: #e162e0;
  background: #fff;
}
.x-content-band a.x-colored-btn-pink.with-icon:hover::before {
  background-position: 0 -63px;
}

/* Blue Gradient */
.x-content-band a.x-btn-pill.x-colored-btn-blue-gradient,
.x-content-band a.x-btn-pill.x-colored-btn-blue-gradient::after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b6bec+0,3ba4ec+100 */
  background: #3b6bec; /* Old browsers */
  background: -moz-linear-gradient(left, #3b6bec 0%, #3ba4ec 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #3b6bec 0%,#3ba4ec 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #3b6bec 0%,#3ba4ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6bec', endColorstr='#3ba4ec',GradientType=1 ); /* IE6-9 */

}
.x-content-band a.x-btn-pill.x-colored-btn-blue-gradient:hover {
  color: #3b6bec;
  background: #fff;
}

/* Blue Gradient */
.x-content-band a.x-btn-pill.x-colored-btn-pink-gradient,
.x-content-band a.x-btn-pill.x-colored-btn-pink-gradient::after {
  background: #de4fd6; /* Old browsers */
  background: -moz-linear-gradient(left, #de4fd6 0%, #f57fc3 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #de4fd6 0%,#f57fc3 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #de4fd6 0%,#f57fc3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6bec', endColorstr='#3ba4ec',GradientType=1 ); /* IE6-9 */

}
.x-content-band a.x-btn-pill.x-colored-btn-pink-gradient:hover {
  color: #de4fd6;
  background: #fff;
}

/* White */
.x-content-band a.x-btn-pill.x-colored-btn-white,
.x-content-band a.x-btn-pill.x-colored-btn-white::after {
  background: #fff;
}
.x-content-band a.x-btn-pill.x-colored-btn-white:hover {
  color: #fff;
  background: #38a866;
}
.x-content-band a.x-btn-pill.x-btn-green{
  color: #38a866;
}
.x-content-band a.x-btn-pill.x-btn-green:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#126444+1,328c5a+100 */
  background: #126444; /* Old browsers */
  background: -moz-linear-gradient(left, #126444 1%, #328c5a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #126444 1%,#328c5a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #126444 1%,#328c5a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#126444', endColorstr='#328c5a',GradientType=1 ); /* IE6-9 */
}
.x-content-band a.x-btn-pill.x-btn-orange{
  color: #e5514a;
}
.x-content-band a.x-btn-pill.x-btn-orange:hover {
  background: #e5514a;
}

.x-content-band a.x-btn-pill.x-btn-purple{
  color: #7352c9;
}
.x-content-band a.x-btn-pill.x-btn-purple:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#304890+0,76448a+100 */
  background: #304890; /* Old browsers */
  background: -moz-linear-gradient(left, #304890 0%, #76448a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #304890 0%,#76448a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #304890 0%,#76448a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#304890', endColorstr='#76448a',GradientType=1 ); /* IE6-9 */
}
/* Green */
.x-content-band a.x-btn-pill.x-colored-btn-green,
.x-content-band a.x-btn-pill.x-colored-btn-green::after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#089d63+0,42e589+100 */
  background: #089d63; /* Old browsers */
  background: -moz-linear-gradient(left, #089d63 0%, #42e589 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #089d63 0%,#42e589 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #089d63 0%,#42e589 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#089d63', endColorstr='#42e589',GradientType=1 ); /* IE6-9 */
}
.x-content-band a.x-btn-pill.x-colored-btn-green:hover {
  color: #089d63;
  background: #fff;
}
.x-content-band.x-content-band-banner-home a.x-btn-pill.x-colored-btn-green:hover {
  background: #eeeeee;
}