/*Bootsrap quickfix*/
*,
*:before,
*:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

.container .row *,
.container .row *:before,
.container .row *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.container *,
.container *:before,
.container *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/* ==================================================================
CSS Reset
================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  /*vertical-align: baseline;*/
}


/* ==================================================================
AngularJS 
================================================================== */
div[ng-view=""] { 
  width: inherit;
  height: inherit; 
}

.content-wrapper { 
  width: inherit;
  height: inherit;
}


/* ==================================================================
Bootstrap fix for WinPhone 8 and IE10 
================================================================== */

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


/* ==================================================================
Basic Document Style
================================================================== */

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 100%;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  /*width: 100%;*/
  /*height: 100%;*/
}

html {
  overflow-x: hidden;
  /*width: 100%;*/
  /*height: 100%;*/
}

html.page-home
{
  background-color: #FFFFFF;
}

html.page-account
{
  background: #F8F8F8;
}
html, body {
  font-family:Tahoma, Geneva, Helvetica, sans-serif;
  margin:0px auto;
  
}
body
{
  background-repeat:repeat-x;
  background-image:url('/images/pixel-background.gif');
}

h3
{
  margin-top:-10px;
  font-size:18px;
}
.bigorange{
  font-size:26px;
}
#primary-player
{
  background:url('/images/ispeech-local-player.png') no-repeat;
  position:relative;
  top:-3px;
  width:180px;
  height:35px;
  overflow:hidden;
}
#main-table {
  margin:auto;
  width:1088px;
}
#blogger-left{
  background:url('/images/blogger_background_01.jpg') no-repeat;
  width:568px;
  height:256px;
}
#blogger-right{
  background:url('/images/blogger_background_02.jpg') no-repeat;
  width:774px;
  height:256px;
}
#main-left {
  background:url('/images/home_03.jpg') no-repeat;
  width:327px;
  height:412px;
}
#main-right {
  background:url('/images/home_05.jpg') no-repeat;
  width:317px;
  ;
  height:412px;
}
#main-middle {
  background:url('/images/text-to-speech-demo.jpg') no-repeat;
  width:444px;
  height:412px;
}
#main-middle h1 {
  display:none;
}
#demo {
  background:url('/images/textarea-background.gif') #738fa6;
  border:0px none;
  height:119px;
  width:310px;
  position:relative;
  top:159px;
  left:67px;
  overflow:hidden;
  color:#ffffff;
  font-size:20px;
  font-family:Tahoma, Geneva, sans-serif;
}
#playbutton {
  position:relative;
  top:175px;
  left:158px;
}
#header {
  height:68px;
  width:920px;
  margin:auto;
}
#footer {
  width:100%;
  height:145px;
  background:url('/images/footer-background.gif');
  margin:auto;
  border-bottom: solid 1px gray;
}
#footer div {
  margin:auto;
  width:900px;
}
#footer span {
  margin-top:7px;
  margin-right:30px;
  float:left;
}
#footer a {
  font-family:Tahoma, Geneva, sans-serif;
  color:#f7f7f7;
  font-size:13px;
  line-height:17px;
  display:block;
  font-weight:bold;
  text-decoration:none;
}
#footer a:hover {
  color:#e7e7e7 !important;
}
#footer b {
  cursor:default;
  font-size:17px;
  color:white;
}
#icons {
  margin:auto;
  width:920px;
}
#icons a {
  text-decoration:none;
  color:black;
}
#icons h1 {
  cursor:default;
  font-size:20px;
  white-space:nowrap;
  text-align:center;
  font-weight:normal;

}
#icons img {
text-align:center;
}
#icons span {
  color:#666;
  font-size:small;
  padding-left:10px;
  padding-right:10px;
  text-align:left;
}
#nav-menu {
  margin-top: -33px;
  margin-right: -20px;
  float:right;
  font-family: Verdana, sans-serif;

}
.menu-item-selected {
  float:left;
  height:35px;
  background:url('/images/repeat_selected.gif');
  font-size:20px;
}
.menu-item-selected img {
  float:left;
}
.menu-item-selected div {
  display:inline;
  padding:0 10px;
  color:#fff;
  float:left;
  height:35px;
  padding-top:8px;
  cursor:pointer;
}
.menu-item {
  text-decoration:none;
  color: black !important;
  float:left;
  font-size:20px;

}
.menu-item:hover {
  color:#FF9102 !important;
}
.menu-item div {
  padding:7px 10px 0px 10px;
}
.menu-item-spacer {
  height:35px;
  float:left;
  width:10px;
}
#header-logo {
  height:78px;
}
#header a {
  outline:none;
  text-decoration:none;
}
#copy {
  margin:auto;
  font-size:xx-small;
  width:920px;
}
#copy span {
  float:right;
}
#copy a {
  color:#000000;
}
/*#logged-in-box{
  margin-top:4px;
  float:right;
  font-size:10px;
  line-height:20px;
}
#logged-in-box a{
  font-size:12px;
  color:#3bb7ea;

}
#logged-in-box span a{
  color:#ff0000;
}
#logged-in-box span{
  margin-top:4px;
  font-size:16px;
}*/
#login-box {
  margin-top:0px;
  float:right;
}
/*#login-box input {
  border:solid 1px #aaa;
  background:#f0f0f0;
  width:80px;
}*/
#login-box a {
    color:#ffffff;
    font-size:11px;
}
#login-box a:hover {
    color:#FF9102;
    font-size:11px;
}
/*#login-box span input {
  cursor:pointer;
  color:#3bb7ea;
  border:none 0px;
  background:#ffffff;
  width:40px;
  font-size:12px;
}*/
.hide-submit {
  width:1px !important;
  height:1px !important;
  border:none 0px !important;
  background:#ffffff !important;
  color:#ffffff !important;
  cursor:default !important;
}
.testimonials {
  background:url('/images/testimonial-background.gif') no-repeat center;
  cursor:default;
  color:#2389db;
  height:69px;
  font-weight:bold;
  font-style:italic;
  font-size:16px;
  line-height:69px;
  vertical-align:middle;
  text-align:center;
  width:1016px;
  margin:auto;
}
#testimonial-feed {
  background-color: #2e2e2e;
  color:#ffffff;
  cursor:default;
  font-size:22px;
  height:47px;
  padding-top:15px;
  text-align:center;
  width:100%;
}
#testimonial-feed2 {
  background-color: #2e2e2e;
  color:#ffffff;
  cursor:default;
  font-size:32px;
  height:45px;
  padding-bottom:15px;
  text-align:center;
  width:100%;
}
.text-block {
  /*border: 1px solid #ff00ff;*/
  width:920px;
  margin:0px auto 10px auto;
}
.text-block p {
  color:#666;
  text-align:justify
}
.text-block h3 {
  padding-right:30px;
  text-transform:capitalize;
  /*background:url('/images/tag.gif') right no-repeat;*/
  display:inline;
}
.green-check,.orange-check{
padding-left:25px;
color:#ffffff;
font-weight:bold;
cursor:default;
background:url('/images/greencheck.gif') left no-repeat;
font-size:13px;
display:block;
margin-top:10px;
}
.orange-check{
background:url('/images/orangecheck.gif') left no-repeat !important; 
}
#second-nav {
  height:38px;
  margin:auto;
  margin-top:12px;
  width:920px;
  text-align:center;
}
#second-nav a {
  /*display: inline-block;*/
  height:38px;
  margin-right:20px;
  line-height:38px;
  text-decoration:none;
  font-size:13px;
  color:#000000;
  height: 100%;
  width: 100%;
  padding: 0px 10px 13px 25px;
  margin: 0px 0px 0px -25px;
}
#second-nav > ul > li > a {
  display: inline-block;
  width: auto;
  height: 24px;
  padding: 14px 55px 0px 28px;
  margin: -14px -35px 0px -28px;
}
/*#second-nav .level1 a {
  display: inline-block;
  width: 108%;
  height: 35px;
  padding-left: 30px;
  margin-left: -30px;
  margin-right: 20px;
  color: #000;
}*/
#second-nav span a {
  color:#3bb7ea;
  font-weight:bold;
}
#second-nav a:hover {
  color:#3bb7ea;
}
.center-block{
  display:block;
  margin:auto;
}
a{
  /*color:#ff8f00;*/
  color:#2c7bbe;
}

a:hover {
  color:#ff8f00;
}
.big-blue
{
  color:#FF9102;
}

.input-huge{
  width:251px;
  height:45px !important;
  cursor:pointer;
  margin-top:4px;
  /*background-color:#d9d9d9 !important;*/
  font-size:20px;
  border: none;
}
#addr{
width:90%;
font-size:20px;
height:25px;
background-color:#d9d9d9 !important;
}
.input-text{
  border: solid 1px #CCC;
  border-top:solid 2px #CCC;
  border-left:solid 2px #CCC;
  height:18px;
  width:99%;
  margin-top: 5px;
  margin-bottom: 5px;
  /*background: url('/images/commercial/altnav.gif') repeat-x top;*/
}
.input-textarea{
  border: solid 1px #CCC;
  border-top:solid 2px #CCC;
  border-left:solid 2px #CCC;
  
  width:100%;
  /*background: url('/images/commercial/altnav.gif') repeat-x bottom #ffffff;*/
}
.input-button{
  color:#fff;
  display:block;
  background-repeat: no-repeat!important;
  padding-bottom:2px;
  height:25px;
  background: url('/images/button-background.png') repeat-x top;
}
.input-border{
  padding:6px;
}
.input-table span{
  font-size:11px;
  color:black;
  font-weight:bold;
  
}
#wordcount{
width:50px;
border:solid 1px #ffffff;
font-weight:bold;
text-align:center;
}
.library td{
  border-bottom:solid 1px #eeeeee;
  border-left:solid 1px #eeeeee;
}
.library span{
  font-size:10px;
  font-weight:bold;
  color::rgb(51,86,167);
}
.bigorange {
  font-size: 24px;
  font-weight: bold;
}
.tip {
  font-size:11px;
  background-color:#ffffe1;
  border:1px solid #acac82;
  padding:3px;
}
.library-header td
{
  background: url('/images/commercial/altnav.gif') repeat-x top;    
}
.smallblue{
  color:#333;
  font-size:10px;
  line-height:10px;
}
#recently-converted
{
  display:block;
  float:left;
  width:320px;
  height:400px;

  margin-right:40px;
  
}
#recently-converted span,#convert-blog span{
  line-height:26px;
  vertical-align:middle;
  font-weight:bold;
    
}

.orange
{
color:#f7941d;
}

#content{ width:905px; margin:auto;}
#contentinner{ width:935px; height:auto; float:left;  padding:0px ; }
#headeranimation{width:935px; height:239px;  float:left; background:url('/images/landing-page.jpg') no-repeat;}
#headeranimation div.imageleft{ width:378px; float:left}
#headeranimation div.imageright{ width:550px;  float:left;padding:12px 0 0 0;}

.imageright h1{ color:#eee}

.imageright ul{ width:550px; float:left; list-style-type:none; padding:10px 0 0 0; margin:0;}

.imageright li{ width:525px; float:left; list-style-type:none; padding:0 0 0 23px; margin:0; background:url(../images/bullet.gif) no-repeat 0 6px; color:#FFFFFF; font-size:18px; line-height:26px;}


.leftContainer{ width:577px; height:auto; float:left; padding-right:20px; padding-bottom:20px;}
.leftContainer h1{ width:577px; height:auto; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:23px; color:#343434; font-weight:normal; border-bottom:1px solid #e4e7e9; line-height:50px;margin:0; padding:0;}

.leftContainer p{ width:577px; height:auto; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#343434; font-weight:normal; line-height:18px; margin:0; padding:0; padding:15px 0 5px 0;}
.leftContainer li{ width:525px; float:left; list-style-type:none; padding:0 0 0 23px; margin:0; background:url('/images/bulletgreen.gif') no-repeat 0 6px; color:#505050; font-size:12px; line-height:26px;}
.leftContainer h2{ width:577px; height:auto; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#343434; font-weight:bold; line-height:18px; margin:0; padding:0; padding:15px 0 5px 0;}

.leftContainer p.orange{ color:#f7941d; font-weight:bold; }

.rightContainer{ width:327px; height:auto; float:left; padding:11px 0 0 0;}
.rightContainer span.topimage{width:327px; height:19px; float:left; background:url('/images/form_top.gif') no-repeat;}
.rightContainer div.Midimage{width:327px; height:auto; float:left; background:url('/images/form_mid.gif') repeat-y;}
.Midimage h2{width:300px; height:29px; color:#f7941d; float:left; margin:0 0px 10px 0; padding:0;}


.form{ width:300px; padding:0 0 0 27px; float:left; margin:0 0 0 14px; }
.form span{
font-size:24px;
font-weight:bold;
color:#f7941d;
}
.Midimage fieldset{width:300px; height:auto; border:none; float:left; margin:0; padding:0;}
.Midimage fieldset label{width:300px; height:31px; line-height:31px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#272727; float:left; margin:0; padding:0;}

.inputdiv{ width:235px; height:18px; float:left; background:url('/images/input_bg.gif') no-repeat; padding:6px;}
.inputty{width:235px; height:18px; float:left; background:none; border:none;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#272727;}

.inputdivb{ width:362px; height:18px; float:left; background:url('/images/input_bg_lg.gif') no-repeat; padding:6px;}
.inputtyb{width:362px; height:18px; float:left; background:none; border:none;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#272727;}



.rightContainer span.bottomimage{width:327px; height:32px; float:left; background:url('/images/bottom.gif') no-repeat;}
.inputimg{ padding:31px 0 13px 0; float:left;}

.smallarrow li
{
  list-style:none;
  padding-left:10px;  
  font-size:13px;
  line-height:17px;
  color:#666666;
  white-space:nowrap;
  background:url('/images/smallarrow.gif') left center no-repeat;
}
.commercial-main
{
  width:840px;
  display:block;
  margin:auto;
}
.commercial-main h2 
{
  margin:0px;
  padding:0px;
  display:inline;
}
.commercial-main p
{
  text-align:justify;
  font-size:13px;
  color:#55555;

}
.commercial-main h2 span
{
  font-size:15px;
  line-height:24px;
  vertical-align:text-top;
  margin:0;
}
.pricing-table td
{
  border:solid 1px #eee;
  border-top:0px none;
  border-left:0px none;
  font-size:14px;
  padding: 4px 12px;
  white-space:nowrap;
  text-align:left;
}
.pricing-header{
  border-top:solid 1px #eee !important;

}
.pricing-header-col{
  border-left:solid 1px #eee !important;
}
.large-text 
{
  display:block;

}
.large-text input
{
  font-size:30px;
  display:block;
  width:600px;
  height:38px;
  margin:3px;
  color:#333;
  border:solid 1px #ccc;
  /*background: url('/images/commercial/altnav.gif') repeat-x bottom;  */
}
#advanced-text
{
  outline:none;
}
h1{
  border-bottom:1px #eee solid !important;
  font-size:28px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#333;
  padding-bottom:10px;
  
}
.pre {
 white-space: -moz-pre-wrap;  /* Mozilla, supported since 1999 */
 white-space: -pre-wrap;      /* Opera 4 - 6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 white-space: pre-wrap;       /* CSS3 - Text module (Candidate Recommendation)
                                 http://www.w3.org/TR/css3-text/#white-space */
 word-wrap: break-word;       /* IE 5.5+ */
}
.register-table,.register-table-lite{  
  font-size:13px;
  padding:0px 20px;
  width:470px;
  background:#e5f2ff;  
}
.register-table{
  background:url('/images/register-top.gif') no-repeat #e5f2ff !important;  
}
.register-input-text{
  padding:7px 47px 7px 7px;
  border:none 0px !important;
  height:20px;
  width:200px;
  background:url('images/input_bg.gif') no-repeat #e5f2ff !important;
  
}
.register-table-footer
{
  width:450px;
  padding:10px;
  text-align:center;
  background:url('/images/register-bottom.gif') no-repeat bottom #e5f2ff;
}
.register-button
{
  background:url('/images/button-register-background.gif') no-repeat #e5f2ff !important;
   width:340px;
}
p{
    font-size:14px;
}

.tiny-jumper {
  border: 1px dotted #cfcfcf;
  color: #b6b6b6;
  /*filter: gray;*/
  height: 50px;
  width: 150px;
  cursor:pointer;
}

.tiny-jumper:hover {
  border: 1px solid #888888;
  color: #2e2e2e;
  /*filter: none;*/
  height: 50px;
  width: 150px;
  cursor:pointer;
}
.mini-jumper {
  border: 1px dotted #cfcfcf;
  color: #b6b6b6;
  /*filter: gray;*/
  height: 84px;
  width: 286px;
}

.mini-jumper:hover {
  border: 1px solid #888888;
  color: #2e2e2e;
  /*filter: none;*/
  height: 84px;
  width: 286px;
}

.medium-jumper {
  border: 1px dotted #cfcfcf;
  color: #b6b6b6;
  /*filter: gray;*/
  height: 100px;
  width: 420px;
}

.medium-jumper:hover {
  border: 1px solid #888888;
  color: #2e2e2e;
  /*filter: none;*/
  height: 100px;
  width: 420px;
}

.phone-header{
  float:right;
  width:260px;
  margin-left:20px;
  padding:0px 20px;
  border: none 0px;
  background:url('/images/phone-header.gif') no-repeat #f2f2f2 !important;
}
.phone-footer{
  float:right;
  clear:both;
  height:16px;
  width:300px;
  background:url('/images/phone-footer.gif') no-repeat #f2f2f2 !important;
}
.paraphrase {
  font-size:14px;
  margin-top:15px;
}
.personal-bullet {
  background-image:url('/images/bullet-arrow.png');
  background-repeat:no-repeat;
  padding-left:25px;
  margin-top:10px;
}

.devsection
{
  color: #2c7bbe;
  margin-top:8px;
  margin-left:5px;
}

.devsection a
{
  color: #2c7bbe;
  font-weight:bold;
  text-decoration:none;
}

.devsections li, .devsections a, .devsections a:visited
{
  list-style:none;
  padding-left:10px;
  line-height:17px;
  color: #2c7bbe;
  white-space:nowrap;
}

.devsections li, .devsections a:hover
{
  list-style:none;
  padding-left:10px;
  line-height:17px;
  color: #ff8f00;
  white-space:nowrap;
}

.devtitle
{
  color: #2c7bbe;
  font-size: 18px;
  font-weight: bold;
}

.yellowbubbletitle
{
  color:#000000;
  font-size:29px;
}

.yellowbubbletext
{
  color: #565532;
  font-size:11px;
}

.medtext
{
  font-size: 14px;
}

a.graylink
{
  color: #565656;
  font-weight:bold;
  text-decoration:none;
  /*font-size:12px;*/
}

a.graylink:hover
{
  color: #787878;
  text-decoration:underline;
  /*font-size:12px;*/
}

a.white
{
  color: #ffffff;
  font-size:18px;
  text-decoration:none;
  /*font-size:12px;*/
}

a.white:hover
{
  color: #ffffff;
  font-size:18px;
  text-decoration: underline;
  /*font-size:12px;*/
}

a.black
{
  color: #000000;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  /*font-size:12px;*/
}

a.black:hover
{
  color: #454545;
  font-size:16px;
  font-weight:bold;
  text-decoration: underline;
  /*font-size:12px;*/
}

.orangebutton
{
  background-image:url(/images/orangebutton.png);
  background-repeat:no-repeat;
  font-size:13px;
  font-weight:bold;
  padding-top:2px;
  text-align:center;
  width:115px;
  height:22px;
}

.orangebutton a
{
  color:#ffffff;
  text-decoration:none;
}

.orangebutton-long
{
  background-image:url(/images/orangebutton-long.png);
  background-repeat:no-repeat;
  font-size:14px;
  font-weight:bold;
  padding-top:2px;
  text-align:center;
  width:225px;
  height:22px;
}

.orangebutton-long a
{
  color:#ffffff;
  text-decoration:none;
}

.orangebutton-longer
{
  background-image:url(/images/orangebutton-longer.png);
  background-repeat:no-repeat;
  font-size:16px;
  font-weight:bold;
  padding-top:4px;
  text-align:center;
  width:293px;
  height:27px;
}

.orangebutton-longer a
{
  color:#381402;
  text-decoration:none;
}

.medblue {
  color:#101a40;
  font-size:16px;
  font-weight:bold;
  
}

.medorange {
  color:#ff8f00;
  font-size:16px;
  font-weight:bold;
  
}

hr {
  border:0;
  height:11px;
  background-image:url(/images/hr-bg.png);
}

.headlines-title
{
  background-color:#EAEAEA;
  border-top:1px solid #DEDEDE;
  border-left:1px solid #DEDEDE;
  border-right:1px solid #DEDEDE;
  border-bottom:1px solid #AEAEAE;
  color:#454545;
  font-size:12px;
  font-weight:bold;
  padding:5px;
  height:15px;
}

.headlines-box
{
  background-color:#FFFFFF;
  border-bottom:1px solid #DEDEDE;
  border-left:1px solid #DEDEDE;
  border-right:1px solid #DEDEDE;
  border-top:1px solid #FFFFFF;
  color:#454545;
  font-size:12px;
  overflow:hidden;
  width:220px;
}

.headline-cage-first
{
  background-color:#eceef5;
  border-bottom:1px solid #DEDEDE;
  padding:5px;
  padding-bottom:10px;
}

.headline-cage
{
  background-color:#eceef5;
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #DEDEDE;
  padding:5px;
  padding-bottom:10px;
  overflow:hidden;
}

.headline-cage-last
{
  background-color:#eceef5;
  border-top:1px solid #FFFFFF;
  padding:5px;
  padding-bottom:10px;
}

.headlines-box a
{
  color:#454545;
  text-decoration:none;
}

.headlines-box a:hover
{
  color:#2c7bbe;
  text-decoration:none;
}

.headline-container
{
  background-color:#eceef5;
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #DEDEDE;
  height:220px;
  overflow:hidden;
}

#header-container
{
  height:269px;
  overflow:hidden;
}

a.dev-navi:link, a.dev-navi:visited, a.dev-navi:hover, a.dev-navi:active {
  color: #787878;
  text-decoration: none;
}

a.dev-navi:hover{
  color: #000000;
  text-decoration: none;
}

.homesquare {
  background-repeat:no-repeat;
  width:267px;
  height:127px;
  padding:10px;
  padding-top:130px;
}

.leftjobs h2{ width:454px; height:auto; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; line-height:18px; color:#505050; margin:0; padding:0;}
.leftjobs h3{ width:454px; height:auto; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#505050;margin:0; padding:0;}
.leftjobs ul{ width:454px; height:auto; float:left; list-style-type:none; margin:0; padding:20px 0;}
.leftjobs li{ width:434px; height:auto; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#505050;margin:0; padding:0 0 0 20px; background:url('/images/blue_check_small.gif') no-repeat;}

#ticker-nypost
{
background:url('/images/ticker-nypost-c.png') top left;
width:230px;
height:32px;
display:block;
}
#ticker-nypost:hover
{
background-position:top right;
}
a img{
  border:none;
}
.hidediv{
  opacity:0;
}
.fl{
  float:left;
}
.fr{
  float:right;
}
.clearfloat{
  clear:both;
}
.full{
  width:100%;
}
.w-100{
  width:95%
}
.w-90{
  width:85%
}
.w-80{
  width:75%
}
.w-70{
  width:65%
}
.w-60{
  width:55%
}
.w-50{
  width:45%
}
.w-40{
  width:35%
}
.w-30{
  width:25%
}
.w-20{
  width:20%
}
.belowbanner{
  margin:10px 0 0 0;
}
.center{
  width:960px;
  margin:0 auto;
 
}
.ab{
  position:absolute
}
.pr-30{
  padding-right:30px;
}
.pr-20{
  padding-right:20px;
}
.pl-20{
  padding-leftt:20px!important;
}
.pl-40{
  padding-leftt:40px!important;
}
.pt-20{
  padding-top:20px;
}
.pt-10{
  padding-top:10px!important;
}
.pb-20{
  padding-bottom:20px;
}
.pb-10{
  padding-bottom:10px;
}
.mr-20{
  margin-right:20px
}
.ml-20{
  margin-left:20px
}

.ml-40{
  margin-left:40px
}
.ml-30{
  margin-left:30px
}
.ml-80{
  margin-left:80px
}


.mt-20{
  margin-top:20px
}

.mt-40{
  margin-top:40px
}

.mt-60{
  margin-top:60px
}

.mt-80{
  margin-top:80px
}

.mb-20{
  margin-bottom:20px
}


.big-button{
  padding:0px 8px 0px 8px!important;

height: 33px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display:block;
color:#fff!important;
text-decoration:none;
font-size:18px;
background-position:center -3px; 
  
}
.big-button-new {padding:0px 8px 0px 8px!important;
background:url(/images/bb-new.png) repeat-x;
height: 33px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display:block;
color:#fff!important;
text-decoration:none;
font-size:18px;
background-position:center -3px; 
  
}
sup {
  display: inline-block;
  line-height: 10px;
}


/* ==================================================================
Header New
================================================================== */

#main-header .navbar 
{
  width: 100%;
  background-color: #FFF;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  z-index: 100;
  margin-bottom: 0;
}

#main-header.stick
{
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 100;
  -webkit-transform: translateX(0) translateY(0) translateZ(0);
  -moz-transform: translateX(0) translateY(0) translateZ(0);
  -ms-transform: translateX(0) translateY(0) translateZ(0);
  -o-transform: translateX(0) translateY(0) translateZ(0);
  transform: translateX(0) translateY(0) translateZ(0);
}

#main-header.dark.header-default .navbar 
{
  background-color: #ffffff;
  /*border-color: #BEBFC1;
  border-width: 0px 0px 1px 0px;*/
}

#main-header.dark .navbar 
{
  background-color: #ffffff;
  border-width: 0px;
  border-bottom: 1px solid #428BCA;
}

#main-header.dark .navbar h1
{
  color: #FFFFFF;
  vertical-align: middle;
  top: 1.7rem;
  position: relative;
  font-size: 1.5rem;
  left: 1rem;
  letter-spacing: normal;
}


@media (min-width: 768px) {
  /*
#main-header .navbar .nav > .active .secondary-navbar li .active::after
{
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 5px 10px;
  border-color: transparent transparent #ffffff transparent;
  border-bottom-color: rgba(0,0,0,0.8);
  display:block;
  position: absolute;
  left:40%;
  top: 21px;

}*/

#main-header .navbar .nav > .active > .active::after
{
  content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 10px 15px;
    border-color: transparent transparent #005198 transparent;
    border-bottom-color: rgba(20, 95, 160, 0.1);
    display: block;
    position: absolute;
    left: 40%;
    bottom: 0;

}

#main-header .nav li {
  width: 131px;
  /*max-height: 82px;*/
  font-size: 15pt;
  color: #000;
  overflow: visible;
}

#main-header .navbar .nav li.active
{
  max-width: 151px;
  overflow: visible;
}
#main-header .navbar .nav li .secondary-navbar
{
  display: none;
}

#main-header .navbar .nav .active .secondary-navbar li
{

  width: 191px;
  max-width: none;
}
#main-header .navbar .nav .active .secondary-navbar
{
  display: block;
    background-color: rgba(20, 95, 160, 0.1);
    margin-left: -1000%;
    margin-right: -1000%;
    overflow: visible;
    white-space: nowrap;
  /*border-top: 1px solid #428BCA;*/
  margin-top: 0px;
}

#main-header .navbar .nav .active .secondary-navbar li a

{
  line-height:  30px;
  color: #000000;
  font-family: "PT Sans";
  font-size: 16px;
  padding: 0 0 0 0;
}
#main-header .navbar .nav .active .secondary-navbar li .active

{
  color: #FF8F00!important;
}
#main-header .navbar .nav .active .secondary-navbar li a:hover

{
  color: #FF8F00!important;
}
#main-header.dark .navbar .nav li a
{
  color: #000000;
  padding-top: 30px;
  padding-bottom: 30px;
}
#main-header.dark .navbar .nav > li > .active
{
  color: #000000!important;
}
#main-header.dark .navbar .nav li a:hover
{
  /*color: #000000!important;*/
}

#main-header.dark .navbar .nav li a.pages-link
{
  color: #005198!important;
    /* font-weight: bold; */
}


#main-header.dark .nav li a
{
  font-family: 'Helvetica', cursive;
  font-size: 15px;
}


#main-header.dark .navbar .navbar-header .navbar-toggle span
{
  background-color: #FFFFFF;
}
/*
#main-header.dark .navbar .navbar-header 
{
  width: 80%;
}*/

#main-header.dark .navbar .navbar-brand { 
  width: 180px;
  height: 75px;
  margin-top: 5px;
}


#main-header .navbar .navbar-header button
{
  top: 20px;
}

#main-header .pages-link {
  color: #428BCA !important;
}

#main-header .nav li a {
  position: relative;
  padding: 38px 1.4em;
  transition: color 0.5s;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -ms-transition: color 0.5s;
  -o-transition: color 0.5s;
}

#main-header .nav li a:hover {
  /*color: #428BCA !important;*/
  background-color: transparent !important;
}

#main-header .navbar-toggle span {
  background-color: #ffffff;
}

#main-header .navbar .navbar-collapse { /* For Callapse Container, The Text To Be Centered And Other Fixes */
  text-align: center;
  padding: 0px;
  overflow-x: hidden;
}

#main-header .navbar-collapse { /* For Collapse Button, Height Fix */
  float: right;
  max-height: 100%;
}
}
@media (max-width: 768px) { /* For Centered Navbar */
  #main-header .navbar-collapse {
    float: none;
  }
}

@media screen and (max-width: 992px) {
  #main-header .nav li a {
    padding: 25px 0.5em;
  }
}

/* Navbar Logo */
#main-header .navbar-brand {
  font-family: 'Audiowide', cursive;
  font-size: 30px;
  font-weight: 400;
  color: #FA9002;
  padding: 30px;
  color: transparent;
  background: url(../img/logos/ispeech.png) no-repeat;
  background-size: 100%;
  width: 180px;
  height: 65px;
  margin-top: 15px;
}

#main-header .navbar-brand h1 { 
  display: none;
}

#main-header .navbar-toggle span {
  background-color: #345FA6; 
}

.navbar-toggle {
  margin-top: 25px;
}

.navbar-collapse {
  max-height: 500px;
}
@media (min-width: 775px) {    
  .wide-menu-fix {
      width: 160px!important;
      max-width: 160px!important;
  }
}
@media (min-width: 1200px) {    
  #intro .container 
  {
    width: 1050px;
  }
}


/* Intro */


@media (min-width: 1150px) {   
#main-header.intro-apps
{
  background-size: contain;
}
}
#intro-apps .main-banner
{
  margin-top: 100px;
  margin-bottom: 100px;
}
@media (min-width: 1000px) {    
#intro-apps h1
{
  color: #FFF;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-weight: bold;
  font-size: 50pt;
  text-align: left;
  

}
#intro-apps h2
{
  color: #FFF;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-size: 25pt;
  text-align: left;

}
#intro-apps h2 a
{
  color: #FD8F26;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-size: 25pt;
  text-align: left;

}
}
@media (max-width: 1000px) {    
#intro-apps h1
{
  color: #FFFFFF;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-weight: bold;
  font-size: 30pt;
  text-align: left;
  

}
#intro-apps h2
{
  color: #FFF;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-size: 15pt;
  text-align: left;

}
}
@media (max-width: 767px) {    
  
  #intro-apps h1
{
  padding-top: 100px;
  text-align: center;
}
#intro-apps h2
{

  text-align: center;

}
  }

#main-header.intro
{
  background-image: url(../img/backgrounds/hero-bg.jpg);
}

#main-header.intro-ivr
{
  background-image: url(../img/backgrounds/interactive-voice-prompts.jpg);
}
#main-header.intro-apps
{
  background-image: url(../img/backgrounds/apps-intro.jpg);
}
#main-header.intro-solutions
{
  background-image: url(../img/backgrounds/speechsolutions.jpg);
}
#main-header.intro-developers
{
  background-image: url(../img/backgrounds/developers.png);
}
#main-header.intro-elearning
{
  background-image: url(../img/pages/elearning/elearning-banner.jpg);
}
#intro {
  padding: 50px 0 0 0;
  /*background: #345FA6;*/
  min-height:400px;
  border-top: 1px solid #1a5893;
}



#intro ::-webkit-input-placeholder { /* WebKit browsers */
  color:    #666;
}

#intro :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #666;
  padding-top: .2rem;
}

#intro ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #666;
  padding-top: .2rem;
}

#intro :-ms-input-placeholder { /* Internet Explorer 10+ */
  color:    #666;
}


#intro .left { 
  float: left;
  text-align: left;
}

 #intro h1 {
  color: #ffffff;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-size: 35pt !important;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 50px;
}

#intro .outer{
  
  padding: 0 8px 0 8px;
}

#intro .spec-box { 
  
  padding: 13px 10px 7px 10px;
  margin-bottom: 40px;
  outline: none;
  border: 0 none;
  font-size: 1.2rem;
  background: rgba(255,255,255,.5);
  min-height: 180px;
}

#intro .spec-box h2{
  color: #1a5894;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-size: 24pt;
  text-align: left;
  text-transform: uppercase;  
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  margin-left: -10px;
  margin-right: -10px;
  background-color: rgba(255,255,255,0.8);
}

#intro .spec-box ul{
  color: #ffffff;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-size: 14pt;
  text-align: left;
  line-height: 40px;
  padding-left: 10px;

}

@media (min-width: 1025px)
{
  #intro .left { 
    padding-top: 120px;
  }
}

#intro .left h1 { 
  color: #FFF;
  font-weight: 700;
  padding-bottom: 0;
  margin-bottom: 5px;
  letter-spacing: 0;
  font-size: 2.55rem!important;
  margin-bottom: 1rem;
}

#intro .left p { 
  color: #FFF;
  letter-spacing: 1;
  font-size: 17px;
  text-transform: none;
  margin-bottom: 12px;
}

#intro .left small
{
  color: #FFF;
  display: block;
  position: relative;
  text-align: right;
  top: 3rem;
  font-size: 15px;
  left: -2rem;
  font-style: italic;
}


#intro .right { 
  float: right;
}

#intro .right #join { 
  background: rgba(255,255,255,.5);
  border-radius: 10px 10px 0px 0px;
  width: 350px;
  min-height: 400px;
  padding: 50px 30px 0 30px;
  position: relative;
  bottom: -15px;
}

#intro .right #join h3 { 
  color: #000;
  font-size: 1.7rem;
}

#intro .right #join p { 
  margin-bottom: 20px;
  display: block;
  text-align: left;
  font-size: 13px;
  text-transform: none;
}

#intro .right #join input { 
  padding: 13px 10px 7px 10px;
  width: 100%;
  outline: none;
  border: 0 none;
  font-size: 1.2rem;
  background: rgba(255,255,255,.6);
}

#intro .right #join button { 
  display: block;
  margin: 30px auto 15px auto;
  outline: none;
  color: #FFF;
  text-transform: uppercase;
  padding: 20px;
  border: 0 none;
  width: 100%;
  font-size: 20px;
  background: #005198;
}


#intro span:first-child {
  /*font-family: 'Lato', sans-serif;*/  font-family: Tahoma, Helvetica;
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #FA9002;
}

#intro span:last-child {
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 1.5px;
  color: #000;
  display: block;
  text-align: right;
}

#demo {
  border-top: 1px solid #1a5893;
}

#demo .container .headline h1 {
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-size: 18pt;
  text-transform: uppercase;
  text-align: center;
  padding-top: 80px;
}
#demo .container .headline h2 {
  color: #2e3138;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-weight: bold;
  font-size: 32pt;
  text-transform: uppercase;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 0px;
}

.headline h2 {
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-size: 18pt;
  text-transform: uppercase;
  text-align: center;
  padding-top: 80px;
}

.headline h2 a { 
  color: #FD8F26;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-size: 18pt;
  text-transform: uppercase;
  text-align: center;
  padding-top: 80px;
}

.headline h3, .headline h3 a {
  color: #2e3138;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-weight: bold;
  font-size: 32pt;
  text-transform: uppercase;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 0px;
}

.headline h4, .headline h4 a {
  color: #2e3138;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-weight: bold;
  font-size: 14pt;
  text-transform: uppercase;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 0px;
}

.headline hr {
  width: 47px;
  height: 2px;
  background: #fd9634;
}

.headline p {
  color: #2e3138;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-size: 8 pt;
  font-weight: bold;
  text-align: center;
}
/*    App Items   */

.item {
  padding-top: 30px;
  padding-bottom: 30px;
}
.item-showcase p
{
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: left;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-weight: normal;
  font-size: 11pt;
  text-transform: none;
}

.item-icon img {
  height: 70px;
  float: left;
}
.item .item-title h2,.item .item-title h2 a{
  color: #2E3138;
  float: left;
  padding-left: 10px;
  text-align: left;
  text-transform: none!important;
  font-size: 24pt;
  line-height: 70px;
  vertical-align: middle!important;
}

.item .item-title h3, .item .item-title h3 a{
  color: #2E3138;
  float: left;
  padding-left: 10px;
  text-align: left;
  text-transform: none;
  font-size: 24pt;
  line-height: 50px;
  vertical-align: middle!important;
}

.item h3 {

  text-align: center;
  font-size: 24pt;
  line-height: 70px;
  vertical-align: middle!important;
  text-transform: none;
}

.item-download {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 35px;

}
.item-download strong {

  font-weight: bold;
  vertical-align: middle;
  padding-right: 15px;
  float: left;
}

.item-download img {
  vertical-align: middle;
}

/*    Priceing Box     */
#packages .pricing-boxes {
  padding-top: 50px;
  padding-bottom: 50px;
}

#packages .pricing-box {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#packages .pricing-box-header {
  color: #ffffff;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-size: 12pt;
  text-align: center;
  background-color: #2e3138;
  padding-top: 20px;
  padding-bottom: 20px;
}

#packages .pricing-box-price {
  color: #ffffff;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-size: 30pt;
  text-align: center;
  background-color: #fd8f26;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0px;
  padding-right: 0px;

}
#packages .pricing-box-contact {
  color: #ffffff;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-size: 20pt;
  text-align: center;
  background-color: #fd8f26;
  padding-top: 33px;
  padding-bottom: 33px;
  padding-left: 0px;
  padding-right: 0px;

}
#packages .pricing-box-price span{
  color: #ffffff;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-size: 13pt;
  font-weight: bold;
  text-align: right;
  vertical-align: top;

}

#packages .call-to-action {

  text-align: center;
  background-color: #2e3138;
  padding-top: 30px;
  padding-bottom: 30px;
}

#packages .call-to-action a{
  color: #ffffff;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-size: 14pt;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  background-color: #2e3138;
}

#packages .disclaimer {
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
  font-size: 10pt;
  padding-top: 50px;
  text-align: right;
  padding-right: 5px;
}

#ispeech-sticker { 
  width: 100%;
  display: block;
}

@media screen and (max-width: 74.9375em)
{
  #ispeech-sticker
  {
    display: none;
  }
}

#ispeech-sticker .clear.above { 
  display: none;
}

#ispeech-sticker #main-sticker
{
  float: left;
  left: -80px;
  position: relative;
}

#ispeech-sticker #main-sticker img { 
  width: 290px;
}

#ispeech-sticker #main-sticker .sticker { 
  width: 210px;
  height: 305px;
}

#ispeech-sticker #ispeech-bubble { 
  width: 350px;
  min-height: 150px;
  border-radius: 8px;
  background: #E6E6E6;
  padding: 20px 20px 7px 55px;
  float: right;
  position: relative;
  z-index: 10;
  left: -2rem;
  top: 2rem;
}

#ispeech-sticker #ispeech-bubble #bubble-input { 
  position: relative;
  right: -8px;
  top: -8px;
}


#ispeech-sticker #ispeech-bubble #bubble-input textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
  color: #FFFFFF;
}

#ispeech-sticker #ispeech-bubble #bubble-input textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #FFFFFF;
}

#ispeech-sticker #ispeech-bubble #bubble-input textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #FFFFFF;
}

#ispeech-sticker #ispeech-bubble #bubble-input textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #FFFFFF;
}




#ispeech-sticker #ispeech-bubble #bubble-control { 
  position: absolute;
  font-size: 3rem;
  left: .6rem;
  color: #005198;
  cursor: pointer;
}

#ispeech-sticker #ispeech-bubble #bubble-control .play-button
{
  width: 3rem;
  height: 3rem;
}

#ispeech-sticker #ispeech-bubble #bubble-control .play-button
{
  background-image: url(../img/landing/stop.png);
  background-size: 95%;
  background-repeat: no-repeat; 
}

#ispeech-sticker #ispeech-bubble #bubble-control .play-button.play
{
  background-image: url(../img/landing/play.png);
  background-size: 90%;
  background-repeat: no-repeat; 
}

#ispeech-sticker #ispeech-bubble #bubble-control .play-button.pause 
{
  background-image: url(../img/landing/pause.png);
  background-size: 90%; 
  background-repeat: no-repeat;
}


#ispeech-sticker #ispeech-bubble #bubble-pointer { 
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 20px solid #E6E6E6;
  position: absolute;
  top: 20px;
  left: -20px;
}

#ispeech-sticker #ispeech-bubble textarea { 
  padding: 10px;
  min-height: 125px;
  width: 100%;
  outline: none;
  border: 0 none;
  /*border-radius: 8px;*/
}


@media screen and (max-width: 1200px) {
  #intro .left { float: none;  text-align: center; }
  #intro .left small { margin: 0 0 30px 0; text-align: center;}
  #intro .right { float: none; }
  #intro .right #join { margin: 0 auto; }
  /*#intro #main-sticker { float: none; }*/
  #intro #ispeech-sticker { margin: 0 auto; width: 80%; }
  #intro #ispeech-bubble { float: left; }
  #intro .clear.above { display: block; }
  #intro .clear.below { display: none;}
}

@media screen and (max-width: 992px) {
  #intro #ispeech-sticker { width: 90%; }
}

@media screen and (max-width: 768px) {
  #intro #ispeech-sticker { width: 100% }
  #intro #main-sticker { float: none; margin: 0 auto; left: auto; } 
  #intro #ispeech-bubble { width: 90%; float: none; margin: 20px auto;  left: auto; top: auto;}
  #intro #ispeech-bubble #bubble-pointer { display: none; }
  #intro .left small { top: auto; left: auto; }
  #intro .right #join { width: 95%; bottom: 0; }
}


/* ==================================================================
Footer new
================================================================== */

footer
{
  background: #37383A;
  padding-top: 20px;
}


footer a
{
  color: #FFF;
  opacity: .8;
  /*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;

}

footer a.active,
footer a:hover
{
  color: #FFF;
  opacity: 1;
}

footer a.active
{
  font-weight: 700;
}

footer .divider
{
  width: 100%;
  height: 1px;
  background: #FFF;
  opacity: .3;
  margin: 5px 0;
}

footer #top-footer 
{
  padding: 20px 0; 
}

footer #top-footer a
{
  font-size: 13pt;
}

footer #top-footer a:not(:last-child) 
{
  display: inline-block;
  margin-right: 80px;
}

footer #middle-footer 
{
  padding: 50px 0;
}

footer #middle-footer .link-group
{
  display: inline-block;
  /*width: 33%;*/
  box-sizing: border-box;
}

footer #middle-footer .link-group:last-child
{
  padding-left: 50px;
}

footer #middle-footer .link-group .links
{
  display: inline-block;
  padding-right: 30px;
  vertical-align: middle;
}

footer #middle-footer .link-group .links li.heading a
{
  font-weight: 700;
  opacity: 1;
}

footer #middle-footer .link-group .links a
{
  display: block;
  margin-bottom: 10px;
  font-size: 12pt;
}

footer #bottom-footer 
{
  border-top: 2px solid #797979;
  background: #292A2C;
  min-height: 60px;
}

footer #bottom-footer .container
{
  min-height: inherit;
  padding-top: 15px;
}

footer #bottom-footer small
{
  color: #F2F2F2;
  font-size: 12pt;
  opacity: .5;
  line-height: 1.5;
  float: left;
  padding-top: 5px;
}

footer #bottom-footer #social-icons { 
  display: inline-block;
  float: right;
}

footer #bottom-footer #social-icons > a > div
{
   /*color: transparent;*/
  /*background: rgba(255,255,255,.3);*/
  border-radius: 8px;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 2px;
}

footer #bottom-footer #social-icons > a > div > i
{
  font-size: 1.4rem;
  opacity: .5;
}

@media screen and (max-width: 1200px) { 
  footer #bottom-footer { 
    padding-bottom: 20px;
  }

  footer #bottom-footer small { 
    display: block;
    text-align: center;
    margin-bottom: 10px;
    float: none;
    padding-top: 0;
  }

  footer #bottom-footer #social-icons { 
    float: none;
    text-align: center;
    display: block;
  }
}

@media screen and (max-width: 992px) {
  footer #top-footer { 
    text-align: center;  
  }

  footer #top-footer a:not(:last-child) { 
    margin-right: 10px;
    margin-bottom: 10px; 
  }

  footer #middle-footer .link-group .links
  {
    display: block;
    text-align: center;
    padding-right: 0;
  }

  footer #middle-footer .link-group { 
    display: block; 
    width: 100%;
    text-align: center;
    margin: 50px 0;
  }

  footer #middle-footer .link-group:last-child { 
    padding-left: 0;
  }


}
  .stepbody {
    padding-left: 30px!important;
  }
  #gettingstarteddemo td {
    padding: 3px!important;
    vertical-align: middle;
}

  .mailconfirm {
      width: 200px;
      padding-top: 100px;
      padding-bottom: 50px;
  }

  .mail-conf-title {
    font-size: 35px;
    font-family: Tahoma, Helvetica;
    border-width: 0px!important;
  }

  .mail-conf-text {
    padding-top: 20px;
    font-size: 19px;
    font-family: Tahoma, Helvetica;
  }