/* Button Styles */

.button {
  display: inline-block;
  padding: 0px 40px;
  color: #FFFFFF;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 50px;
  text-decoration: none;
  background: #454545;
  border: 0px;
  cursor: pointer;
  transition: all ease-in-out 0.12s;
}

.button:hover {
  color: #454545;
  background: #FFFFFF;
  box-shadow: inset 0px 0px 0px 1px #454545;
}

.button-blue {
  color: #FFFFFF;
  background: #2B47B2;
}

.button-blue:hover {
  color: #2B47B2;
  background: #FFFFFF;
  box-shadow: inset 0px 0px 0px 1px #2B47B2;
}

.button-block {
  display: block;
  padding: 0px;
  text-align: center;
}

.button-large {
  padding: 0px 100px;
}

.button-round {
  border-radius: 4px;
}

.button-pill {
  border-radius: 100vmax;
}

/* Image Styles */

img.img-left {
  float: left;
  margin: 20px 35px 30px 10px;
}

img.img-right {
  float: right;
  margin: 0px 10px 30px 40px;
}

img.img-left-sm {
  float: left;
  margin: 20px 35px 20px 0px;
}

img.img-right-sm {
  float: right;
  margin: 0px 10px 30px 40px;
}

img.img-box {
  padding: 2px;
  border: 1px solid #333333;
}

/* Box Styles */

div.content-box {
  margin: 0px 0px 20px 0px;
  padding: 33px 0 0 0;
}

div.content-two-column {
  /*padding: 25px 48px 5px 48px;*/
  padding: 25px 30px 5px 30px;
  background: #FFFFFF url('/images/content-box-middle.jpg') center center no-repeat;
}

div.services-button {
  float: left;
  width: 288px;
  height: 170px;
  margin: 0px 15px 15px 0px;
  padding: 0px;
  font-size: 13px;
  border: 1px solid #CFCFCF;
  background: #f6f6f6;
}

div.services-button-last {
  margin-right: 0px;
}

div.services-button h2, div.services-button-last h2 {
  margin: 15px 0px 5px 15px;
}


div.services-button p, div.services-button-last p {
  margin: 10px 10px 5px 15px;
}

div.content-column-left {
  float: left;
  width: 425px;
}

div.content-column-right {
  float: right;
  width: 425px;
}

div.content-column {
  float: left;
  width: 250px;
  margin: 0px 45px 0px 0px;
}

div.content-column-wide {
  width: 290px;
}

div.content-column-last {
  margin: 0px;
}

ul.fancy-list {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

ul.fancy-list li {
  margin: 3px 0px;
  padding: 0px 0px 0px 30px;
  line-height: 24px;
  background: url('/images/bullet-fancy-list.jpg') left top no-repeat;
}

div.frame-tablet {
  width: 282px;
  height: 211px;
  background: url('/images/frame-tablet.jpg') left top no-repeat;
}

div.product-thumb {
  width: 246px;
  height: 170px;
  padding: 13px 0px 0px 17px;
  overflow: hidden;
}

div.about-box {
  position: relative;
  width: 425px;
  height: 290px;
}

div.about-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 425px;
  height: 215px;
  z-index: 9;
}

div.about-text {
  position: absolute;
  top: 225px;
  left: 0px;
  width: 160px;
  color: #1C1C1C;
  font-size: 18px;
  text-align: center;
}

div.about-text span {
  font-size: 12px;
}

div.about-bubble {
  position: absolute;
  top: 50px;
  right: 45px;
  width: 135px;
  height: 115px;
  text-align: center;
  z-index: 10;
}

div.about-bubble-slider {
  width: 135px;
  height: 115px;
  overflow: hidden;
}

div.quote-slide {
  width: 135px;
  height: 115px;
  font-size: 18px;
  line-height: 22px;
  overflow: hidden;
}

div.clearfloats {
  display: block;
  clear: both;
}

/* Misc Styles */

.no-margin {
  margin: 0px !important;
}

.no-padding {
  padding: 0px !important;
}

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

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

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

/* ---Marketing Page Styles --- */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
h1.marketplus {
  color: #333333;
  font-size:22px;
  padding-bottom:0px;
  margin-bottom: 0px;
  text-align: center;
}
h2.marketplus {
  color: #0c8698;
  font-family: 'Open Sans', sans-serif;
  font-size:26px;
  font-weight: normal;
  padding-top:0px;
  margin-top: 10px;
  padding-bottom:0px;
  margin-bottom: 5px;
}
h4.marketplus {
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-size:18px;
  padding-bottom:0px;
  margin-bottom: 0px;
  font-style: italic;
}
p.marketplus {
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  font-weight: normal;
  padding-top:0px;margin-top: 0px;
}
#marketplusrow {
  padding: 0px 0px 0px 15px;
  clear: both;
  margin: 20px auto;
}
#marketplusiconblock {
  width: 20%;
  float: left;
  padding: 35px 0px 15px 15px;
}
#marketpluscontent {
  width: 75%;
  float: right;
  padding: 5px 15px 45px 0px;
}
div.marketplus-link {
    display: block;
    text-align: left;
    margin: 15px 0px 0px 0px;
    padding: 0px;
}
div.marketplus-link a {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    padding: 0px 0px 0px 25px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 45px;
    text-decoration: none;
    background: url(/images/marketplus-tab-left.png) left center no-repeat;
}
div.marketplus-link a span {
    padding: 0px 25px 0px 0px;
    display: block;
    background: url(/images/marketplus-tab-right.png) right center no-repeat;
}
@media screen and (max-width: 480px) {
#marketplusiconblock {
  width: 100%;
  float: none;
  padding: 5px 0px 0px 0px;
  text-align:center;
}
#marketpluscontent {
  width: 100%;
  float: none;
  padding: 15px 15px 15px 0px;
}
}