.push-left {
  float: left !important;
}
.push-right {
  float: right !important;
}
.push-center {
  float: none !important;
  margin-left: auto;
  margin-right: auto;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  zoom: 1;
}
.no-margin {
  margin: 0 !important;
}
.screen-size-helper {
  height: 2.5em;
  line-height: 1.6em;
  font-size: 1em;
  padding: 0.5333333333333333em 0.8em;
  background: rgba(0, 0, 0, 0.85);
  z-index: 100;
}
.screen-size-helper .title {
  color: white;
  text-shadow: 0 1px 0 #000000;
  font-size: inherit;
  line-height: inherit;
  float: left;
  text-transform: uppercase;
  font-weight: 500;
}
.screen-size-helper ul {
  color: white;
  text-shadow: 0 1px 0 #000000;
  float: right;
  margin: 0;
  padding: 0;
  line-height: inherit !important;
}
.screen-size-helper ul li {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: inherit !important;
}
.screen-size-helper ul li.small {
  color: #4a9b17;
}
.screen-size-helper ul li.medium {
  color: #ff9c00;
}
.screen-size-helper ul li.large {
  color: #c91111;
}
.drag {
  -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.3);
}
.ink-shade {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-top: 0;
  position: fixed;
  z-index: 100;
  display: none;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}
.ink-shade.fade {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  -ms-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  -ms-transition-delay: 0;
  transition-delay: 0;
}
.ink-shade.visible {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}
/*
body {
  background: #f7f7f7;
}
*/
h2 span {
  padding-right: .5em;
}
.box {
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 3px 0 #dddddd;
  -moz-box-shadow: 0 2px 3px 0 #dddddd;
  box-shadow: 0 2px 3px 0 #dddddd;
  border: 1px solid #BBB;
  background-color: #FFF;
  padding: 1em;
  margin-top: 1em;
  *overflow: hidden;
}
mark {
  font-family: Ubuntu_monospaced, Monaco, 'Andale Mono', 'Courier New', monospace;
  font-size: .938em;
  background: #deedf1;
  padding: 1px 3px;
}
.gridExample p {
  border-radius: 4px;
  padding: .8em 0;
  text-align: center;
  background: #DEEDF1;
}
.ink-dropdown .ink-button {
  margin: 5px 0;
}
.ink-dropdown.example .dropdown-menu {
  display: block;
  position: relative;
  left: 0;
}
/*..........................................  Typography  ...................................................*/
a.visited {
  color: #808080;
}
a.hover {
  color: #007ed5;
  text-decoration: underline;
}
a.active {
  color: #e60000;
}
/*............................................  Homepage  ...................................................*/
.whatIs {
  margin: 3.6em 0 2em;
  font-size: 1.25em;
}
.whatIs p {
  margin-top: .5em;
}
#getnow {
  border-top: 1px solid #888;
  padding: 0.5em 0;
  margin-bottom: 1.5em;
  -webkit-box-shadow: 0 6px 12px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 12px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 12px 1px rgba(0, 0, 0, 0.1);
}
#getnow a {
  text-align: center;
  font-weight: bold;
  padding: .8em;
  display: block;
  background: #2e2e2e;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#222222');
  background: -moz-linear-gradient(top, #2e2e2e 0%, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2e2e2e), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #2e2e2e 0%, #222222 100%);
  background: -o-linear-gradient(top, #2e2e2e 0%, #222222 100%);
  background: -ms-linear-gradient(top, #2e2e2e 0%, #222222 100%);
  background: linear-gradient(to bottom, #2e2e2e 0%, #222222 100%);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: #FFF;
}
#getnow a:hover {
  background: #3c3c3c;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#2e2e2e');
  background: -moz-linear-gradient(top, #3c3c3c 0%, #2e2e2e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c3c3c), color-stop(100%, #2e2e2e));
  background: -webkit-linear-gradient(top, #3c3c3c 0%, #2e2e2e 100%);
  background: -o-linear-gradient(top, #3c3c3c 0%, #2e2e2e 100%);
  background: -ms-linear-gradient(top, #3c3c3c 0%, #2e2e2e 100%);
  background: linear-gradient(to bottom, #3c3c3c 0%, #2e2e2e 100%);
  text-decoration: none;
}
#getnow .large-60,
#getnow .large-20,
#getnow .medium-60,
#getnow .medium-20,
#getnow .small-100,
#getnow .small-50 {
  margin: 0;
}
#getnow p {
  line-height: 2em;
}
/*..........................................  Ink-UI  ..........................................*/
.ink-button.toggleTrigger {
  margin: 1em 0 0 0;
}
/*..........................................  Homepage  ..........................................*/
.ink-hero {
  margin-top: 2.6em;
  background: url("../img/home_bkg.png") center;
  background: -moz-linear-gradient(left, #e65d5b, #f3af32 14%, #e6d168 28%, #7bd369 40%, #50c6a2 55%, #a7d37c 70%, #a7b958 85%, #e35c57);
  background: -webkit-gradient(left, #e65d5b, #f3af32 14%, #e6d168 28%, #7bd369 40%, #50c6a2 55%, #a7d37c 70%, #a7b958 85%, #e35c57);
  background: -webkit-linear-gradient(left, #e65d5b, #f3af32 14%, #e6d168 28%, #7bd369 40%, #50c6a2 55%, #a7d37c 70%, #a7b958 85%, #e35c57);
  background: -o-linear-gradient(left, #e65d5b, #f3af32 14%, #e6d168 28%, #7bd369 40%, #50c6a2 55%, #a7d37c 70%, #a7b958 85%, #e35c57);
  background: -ms-linear-gradient(left, #e65d5b, #f3af32 14%, #e6d168 28%, #7bd369 40%, #50c6a2 55%, #a7d37c 70%, #a7b958 85%, #e35c57);
  background: linear-gradient(left, #e65d5b, #f3af32 14%, #e6d168 28%, #7bd369 40%, #50c6a2 55%, #a7d37c 70%, #a7b958 85%, #e35c57);
  overflow: hidden;
}
.showcase {
  background: rgba(0, 0, 0, 0.1);
  border-top: rgba(0, 0, 0, 0.4);
  border-bottom: rgba(0, 0, 0, 0.4);
  padding: 2em 0 1em 0;
}
.showcase img {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
}
.showcase img:hover {
  position: relative;
  bottom: 4px;
  -webkit-box-shadow: 0 3px 4px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 4px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 4px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 120ms;
  -moz-transition-duration: 120ms;
  -o-transition-duration: 120ms;
  -ms-transition-duration: 120ms;
  transition-duration: 120ms;
}
div.socialplugins {
  border: 1px solid #afafaf;
  background: #eaeaea;
  padding: 0.6em 0 0.6em 0.6em;
  margin-top: 1em;
  margin-bottom: 1em;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px 0 #ffffff;
  -moz-box-shadow: 0 1px 2px 0 #ffffff;
  box-shadow: 0 1px 2px 0 #ffffff;
}
div.socialplugins div[class*="large-"],
div.socialplugins div[class*="medium-"],
div.socialplugins div[class*="small-"] {
  margin-bottom: 0 !important;
}
div.socialplugins p {
  line-height: 2;
}
div.socialplugins .socialwidget {
  margin-right: 1em;
}
/*...................................................  Footer  ...................................................*/
div + footer {
  margin-top: 0;
}
footer .vspace {
  margin: 1em 0;
}
footer .copyright .SAPOlogo {
  background: url("../img/SAPOlogo.png") no-repeat scroll 0 0 transparent;
  text-indent: -9999px;
  display: block;
  width: 101px;
  height: 30px;
  margin-bottom: 1em;
}
footer .copyright .PTClogo {
  font-size: .875em;
}
footer .copyright .PTClogo a {
  background: url("../img/icon_Sprite.png") no-repeat 0 top;
  text-indent: -9999px;
  display: block;
  float: left;
  width: 41px;
  height: 43px;
  margin-right: 1em;
}
footer .sociallinks li {
  margin-left: .6em;
  *zoom: 1;
}
footer .sociallinks li a {
  display: block;
  height: 24px;
  width: 24px;
}
footer .sociallinks li a.Fb_link {
  background: url("../img/icon_Sprite.png") no-repeat 0 -90px;
}
footer .sociallinks li a.Twt_link {
  background: url("../img/icon_Sprite.png") no-repeat 0 -118px;
}
footer .sociallinks li a.Gplus_link {
  background: url("../img/icon_Sprite.png") no-repeat 0 -146px;
}
footer .ink-navigation ul.menu.horizontal li a {
  padding: .5em 1em .5em 0;
  display: inline-block;
}
footer .ink-navigation ul.menu.horizontal li a.license {
  padding: .5em 0;
}
#topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #222222;
  -webkit-box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';
  -moz-box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';
  box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';
  z-index: 100;
  -webkit-transform: scale3d(1, 1, 1);
}
#topbar .ink-navigation ul li {
  font-size: 14px;
}
#topbar .ink-navigation ul li a {
  *height: auto;
  color: #bbbbbb;
}
#topbar .ink-navigation ul li a:hover {
  color: #ffffff;
}
#topbar .ink-navigation ul li a.logoPlaceholder {
  font-size: 2em;
  font-weight: bold;
  line-height: 1.3;
  padding: 0;
  margin-right: .5em;
}
#topbar .ink-navigation ul li a.logoPlaceholder:hover {
  background: none;
}
#topbar .ink-navigation ul li.active a {
  background: #080808;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#080808', endColorstr='#3c3c3c');
  background: -moz-linear-gradient(top, #080808 0%, #3c3c3c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #080808), color-stop(100%, #3c3c3c));
  background: -webkit-linear-gradient(top, #080808 0%, #3c3c3c 100%);
  background: -o-linear-gradient(top, #080808 0%, #3c3c3c 100%);
  background: -ms-linear-gradient(top, #080808 0%, #3c3c3c 100%);
  background: linear-gradient(to bottom, #080808 0%, #3c3c3c 100%);
  -webkit-box-shadow: 0 0px 2px 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 0px 2px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 0px 2px 0 rgba(255, 255, 255, 0.3);
  color: #ffffff;
}
#topbar .ink-navigation ul li .submenu {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  top: 2.66em;
}
#topbar .ink-navigation ul li .submenu li:last-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
#topbar .ink-navigation ul li .submenu li a {
  color: #000000;
  background: #ffffff;
  filter: none;
}
#topbar .ink-navigation ul li .submenu li a:hover {
  background: #555555;
  color: #ffffff;
}
#topbar .ink-navigation ul.vertical li a {
  border-bottom: 1px solid #262626;
}
#topbar .ink-navigation ul.vertical li a.logoPlaceholder {
  margin-right: 0;
}
#topbar .ink-navigation ul.vertical li button {
  background: none;
  border: none;
  outline: none;
  position: absolute;
  top: .6em;
  right: 0;
  padding: 0;
  color: #bbbbbb;
}
#topbar .ink-navigation ul.vertical li button:hover,
#topbar .ink-navigation ul.vertical li button:focus {
  color: #ffffff;
}
#topbar .ink-navigation ul.vertical li button span {
  font-size: 1.5em;
}
#topbar .ink-navigation ul.vertical li.title {
  border-bottom: 1px solid #262626;
}
#topbar .ink-navigation ul.vertical li.title a {
  border-bottom: none;
}
#topbar .ink-navigation ul.vertical li.active a {
  background: #131313;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#topbar .ink-navigation ul.vertical li:first-child:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  zoom: 1;
}
#topbar .ink-navigation ul.vertical li .submenu {
  width: auto;
  left: auto;
  display: block;
  position: relative;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  top: auto;
}
#topbar .ink-navigation ul.vertical li .submenu li:last-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#topbar .ink-navigation ul.vertical li .submenu li a {
  color: #bbbbbb;
  background: #222222;
  border-bottom: 1px solid #262626;
}
#topbar .ink-navigation ul.vertical li .submenu li a:hover {
  background: #1a1a1a;
  color: #ffffff;
}
#topbar .ink-navigation ul.black.flat {
  background: #222222;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#topbar .border {
  height: .3em;
  background: url("../img/home_bkg.png") center 0px;
  background: -moz-linear-gradient(left, #e65d5b, #f3af32 14%, #e6d168 28%, #7bd369 40%, #50c6a2 55%, #a7d37c 70%, #a7b958 85%, #e35c57);
  background: -webkit-gradient(left, #e65d5b, #f3af32 14%, #e6d168 28%, #7bd369 40%, #50c6a2 55%, #a7d37c 70%, #a7b958 85%, #e35c57);
  background: -webkit-linear-gradient(left, #e65d5b, #f3af32 14%, #e6d168 28%, #7bd369 40%, #50c6a2 55%, #a7d37c 70%, #a7b958 85%, #e35c57);
  background: -o-linear-gradient(left, #e65d5b, #f3af32 14%, #e6d168 28%, #7bd369 40%, #50c6a2 55%, #a7d37c 70%, #a7b958 85%, #e35c57);
  background: -ms-linear-gradient(left, #e65d5b, #f3af32 14%, #e6d168 28%, #7bd369 40%, #50c6a2 55%, #a7d37c 70%, #a7b958 85%, #e35c57);
  background: linear-gradient(left, #e65d5b, #f3af32 14%, #e6d168 28%, #7bd369 40%, #50c6a2 55%, #a7d37c 70%, #a7b958 85%, #e35c57);
  margin: 0;
}
/* Prettyfier  */
pre {
  background: #FEFBF3;
  -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-family: Ubuntu_monospaced, Monaco, 'Andale Mono', 'Courier New', monospace;
  display: block;
  font-size: 14px;
  color: #aaa;
}
pre.prettyprint {
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
  white-space: pre-wrap;
  padding: 1em;
}
pre.linenums {
  padding: 0;
}
pre ol {
  line-height: 1.5;
  list-style: decimal ;
  margin: 0 0 0 1.6em;
}
pre ol li {
  word-wrap: break-word;
  border-left: 3px solid #CCC;
  margin: 0;
  padding: .2em 0 .2em 1em;
}
pre ol li:nth-child(odd) {
  background: #f0f0f0;
}
pre .tag {
  color: #1E347B;
}
pre .hightlight {
  font-weight: bold;
  color: red;
}
.com {
  color: #93a1a1;
}
.lit {
  color: #195f91;
}
.pun,
.opn,
.clo {
  color: #93a1a1;
}
.fun {
  color: #dc322f;
}
.str,
.atv {
  color: #268bd2;
}
.kwd,
.tag {
  color: #195f91;
}
.typ,
.atn,
.dec,
.var {
  color: #CB4B16;
}
code {
  border: 1px solid #E0E0E0;
  background: #E9E9E9;
  padding: 0 4px;
}
section,
section + section {
  padding-top: 3em;
  padding-bottom: 3em;
  border-bottom: 1px solid #ccc;
  border-top: 1em solid transparent;
  margin: -1em 0 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
section:first-child,
section + section:first-child {
  padding-top: 0;
}
section:last-child,
section + section:last-child {
  border: none;
}
table.ink-table.browser-support .icon-ok {
  color: #4a9b17;
}
table.ink-table.browser-support .icon-remove,
table.ink-table.browser-support .icon-minus {
  color: #c91111;
}
table.ink-table.browser-support tr th {
  padding: 0.5em;
  background: #4d4d4d;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
}
table.ink-table.browser-support th,
table.ink-table.browser-support td {
  line-height: 1.3;
}
.ink-package {
  -webkit-box-shadow: 0 1px 5px 0 rgba(100, 100, 100, 0.5) inset;
  -moz-box-shadow: 0 1px 5px 0 rgba(100, 100, 100, 0.5) inset;
  box-shadow: 0 1px 5px 0 rgba(100, 100, 100, 0.5) inset;
  border-radius: 4px;
  background: #f2f2f2;
  padding: 1em;
  font-size: 1em;
  line-height: 1.3;
  color: #4d4d4d;
}
.ink-package strong {
  font-size: 1.0em;
}
.ink-package span {
  color: #b3b3b3;
  font-family: Ubuntu_light;
  font-size: 0.95em;
}
.ink-package span.tree {
  color: #4d4d4d;
  font-size: 1.2em;
}
.live-demo {
  background: #f2f2f2;
  padding: 1em;
  -webkit-box-shadow: 0 1px 5px 0 rgba(100, 100, 100, 0.5) inset;
  -moz-box-shadow: 0 1px 5px 0 rgba(100, 100, 100, 0.5) inset;
  box-shadow: 0 1px 5px 0 rgba(100, 100, 100, 0.5) inset;
  border-radius: 4px;
}
.live-demo p + p {
  margin: 0;
}
.clickable:hover {
  cursor: pointer;
}
.sticky {
  -webkit-transform: scale3d(1, 1, 1);
}
#ink-layout-detector {
  margin: 0;
}
@media screen and (max-width: 649px) {
  body {
    font-size: 90%;
    line-height: 1.3;
  }
  #topbar {
    position: static;
  }
  .whatIs {
    margin-top: 1.6em;
  }
  .ink-hero {
    margin-top: 0;
  }
}
@media screen and (min-width: 650px) and (max-width: 959px) {
  body {
    font-size: 95%;
    line-height: 1.4;
  }
  #topbar {
    position: static;
  }
  .whatIs {
    margin-top: 1.6em;
  }
  .ink-hero {
    margin-top: 0;
  }
}