﻿/* Headings */
.all {
  /* Links */
  /* Paragraphs */
  /* Lists */
  /* Clearfix */
  /* Layout */
  /* Intro */
  /* Section */
  /* Gray Section */
  /* Solutions */
  /* Button */
  /* Tabs */
}
.all h1,
.all h2,
.all h3,
.all h4,
.all h5,
.all h6 {
  margin: 20px 0px 10px 0;
  font-weight: normal;
}
.all h1 {
  font: 700 28px Raleway;
  text-transform: uppercase;
  color: #ff7900;
  text-align: center;
  margin: 0 0 15px 0;
}
.all h1.has-image {
  text-align: left;
  margin: 0 0 38px 0;
}
.all h1 img {
  float: left;
  display: inline;
  margin: 0 17px 0 30px;
}
.all h1 span {
  float: left;
  display: inline;
  text-align: left;
  line-height: 1em;
  margin: 1px 0 0 0;
}
.all h2 {
  font: 700 28px Raleway;
  text-transform: uppercase;
  text-align: center;
  color: #FFF;
  background: #ff7900;
  line-height: 1.1em;
  padding: 15px 0 12px 0;
  margin: 0;
}
.all h3 {
  font: 700 20px Raleway;
  color: #909090;
  margin: 15px 0 14px 0;
  text-align: center;
  word-spacing: 2px;
}
.all h3 span {
  position: relative;
}
.all h3 span:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -33px;
  background: url('../i/circle-arrow.png') no-repeat;
  width: 25px;
  height: 25px;
}
.all h4 {
  font: 700 18px Raleway;
  color: #616161;
  margin: 0 0 15px 0;
  text-align: center;
}
.all a:link,
.all a:visited,
.all a:active {
  color: #ff7900;
  text-decoration: none;
  -webkit-transition: color 250ms ease, opacity 250ms ease, background-color 250ms ease, border-color 250ms ease;
  transition: color 250ms ease, opacity 250ms ease, background-color 250ms ease, border-color 250ms ease;
}
.all a:hover,
.all .home a:hover {
  color: #616161;
}
.all p {
  margin: 0 0 21px 0;
  line-height: 1.25em;
}
.all strong {
  font-weight: 600;
}
.all .centered {
  text-align: center;
}
.all ul {
  margin: 0 0 20px 0;
}
.all ul li {
  list-style: none;
  font-style: italic;
  color: #ff7900;
  font-size: 16px;
  font-weight: 600;
  background: url('../i/li.png') no-repeat 3px 7px;
  padding: 0 0 0 10px;
  margin: 0 0 2px 0;
}
.all ul.v2 li {
  margin: 0 0 7px 0;
  color: #58595b;
  font-weight: 400;
}
.all ul.v2 strong {
  color: #ff7900;
}
.all ul li ul {
  margin: 9px 55px 0 25px;
}
.all ol {
  margin: 0 0 20px 30px;
}
.all ol li {
  font-style: italic;
  color: #ff7900;
  font-size: 16px;
  font-weight: 600;
  list-style: decimal;
  margin: 0 0 2px 0;
}
.all .cf:before,
.all .cf:after {
  content: " ";
  display: table;
}
.all .cf:after {
  clear: both;
}
.all .cf {
  *zoom: 1;
}
.all .clear {
  clear: both;
  height: 0px;
  font-size: 1px;
  line-height: 0;
  overflow: hidden;
}
.all body {
  font: 16px Raleway, Arial, Helvetica, sans-serif;
  color: #616161;
  background: #FFF;
}
.all .all {
  width: 100%;
  overflow: hidden;
}
.all .frame {
  width: 556px;
  margin: 0 auto;
  position: relative;
}
.all .logo {
  text-align: center;
  padding: 33px 0 32px 0;
}
.all .intro {
  margin: 0 0 35px 0;
  font-size: 18px;
}
.all .intro .frame {
  width: 532px;
}
.all .section {
  padding: 18px 0;
}
.all .section.bigger-padding {
  padding: 45px 0 21px 0;
}
.all .section.gray.bigger-padding {
  padding: 28px 0 13px 0;
}
.all .gray {
  background: #f1f1f1;
  padding: 12px 0;
}
.all ul.actions {
  margin: 35px 0 20px 0;
}
.all ul.actions li {
  float: left;
  display: inline;
  background: transparent;
  padding: 0;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  margin: 0;
  width: 180px;
}
.all .action-ico {
  display: block;
  height: 75px;
}
.all .actions li a:link,
.all .actions li a:visited {
  color: #909090;
  text-decoration: none;
}
.all .actions li a:hover {
  color: #616161;
}
.all .solutions {
  margin: 0 -28px 10px -39px;
}
.all a.solution:link,
.all a.solution:visited {
  float: left;
  display: inline;
  width: 100px;
  height: 120px;
  background: #FFF;
  border: 3px solid #e3e3e3;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  text-align: center;
  overflow: hidden;
  font-size: 12px;
  font-weight: 600;
  color: #ff7900;
  margin: 0 0 0 12px;
}
.all a.solution:hover {
  border-color: #9f9f9f;
  color: #9f9f9f;
}
.all .solution-ico {
  display: block;
  margin: 10px 0 0 0;
  height: 64px;
  display: table;
  position: relative;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.all .solution-ico .inner {
  /*position: absolute;
            top: 50%;
            display: table-cell;
            vertical-align: middle;
            text-align: center;*/
}
.all .solution-ico .inner img {
  /*position: relative;
                top: -50%;*/
}
.all .solution-title {
  display: block;
  margin: 8px 0 0 0;
}
.all .solution-title.two-lines {
  margin-top: 2px;
}
.all .popup {
  display: none;
}
.all .button {
  margin: 38px 0 17px 0;
}
.all .button-wide {
  margin-top: 58px;
}
.all .button-centered {
  position: relative;
  width: 100%;
}
.all .button-centered span {
  float: left;
  left: 50%;
  position: relative;
  text-align: center;
}
.all .button-centered span a {
  position: relative;
  left: -50%;
  float: left;
}
.all .button a:link,
.all .button a:visited {
  float: left;
  display: inline;
  font-weight: 700;
  font-size: 20px;
  color: #909090;
  text-decoration: none;
  background: #FFF;
  border: 1px solid #ff7900;
  padding: 7px 20px;
  word-spacing: 2px;
}
.all .button-wide a:link,
.all .button-wide a:visited {
  padding-left: 64px;
  padding-right: 64px;
}
.all .button a:hover {
  background: #fbfbfb;
  color: #616161;
}
.all .description {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin: 10px 0 0 0;
}
.all .tabs {
  border-bottom: 5px solid #ff7900;
  position: relative;
  width: 100%;
}
.all .tabs .inner {
  float: left;
  left: 50%;
  position: relative;
  text-align: center;
}
.all .tabs .inner ul {
  position: relative;
  left: -50%;
  float: left;
}
.all .tabs ul {
  margin: 0;
}
.all .tabs ul li {
  list-style: none;
  float: left;
  display: inline;
  margin: 0 5px 0 0;
  font-size: 18px;
  font-weight: 700;
  height: 43px;
  line-height: 43px;
  padding: 0 20px;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  cursor: pointer;
  background: #ffa14c;
  font-style: normal;
  font-weight: 600;
  color: #FFF;
  -webkit-transition: color 250ms ease, opacity 250ms ease, background-color 250ms ease, border-color 250ms ease;
  transition: color 250ms ease, opacity 250ms ease, background-color 250ms ease, border-color 250ms ease;
}
.all .tabs ul li:hover {
  /*color: #333;*/
}
.all .tabs ul li.current {
  background: #ff7900;
}
.all .tab-content {
  display: none;
}
.all .tab-content:first-child {
  display: block;
}
/*# sourceMappingURL=shoretel.css.map */