/*
	Template Name : Hosty
	Author: Art Rage ( M.I.Daniel )
	Version: v1.0 Html
*/

/* Style In style.css :
	1. CSS Reset
	2. Bootstrap fix for WinPhone 8 and IE10 
	3. Typography
	4. Basic Document Style
	5. Basic Layout Style
	6. Tipper
	7. Flexslider
	8. Preloader
	9. Header
	10. What We Offer
	11. Pricing
	12. Testimonials
	13. Other Details
	14. Footer
	15. About Pages
	16. Support Pages
	17. Form
*/ 

/* ==================================================================
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%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1; 
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
section {
	position: relative;
   text-align: center;

}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear { clear: both; }; 


/* ==================================================================
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; }

/* ==================================================================
Typography
================================================================== */

h1, h2, h3, h4, h5, h6 {
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	color: #FA9002;
}

h1 {
	font-size: 30px;
	padding-bottom: 20px;
}

h2 {
	font-size: 28px;
	padding-bottom: 18px;
}

h3 {
	font-size: 24px;
	padding-bottom: 16px;
}

h4 {
	font-size: 22px;
	padding-bottom: 14px;
}

h5 {
	font-size: 18px;
	padding-bottom: 12px;
}

h6 {
	font-size: 16px;
	padding-bottom: 10px;
}

p {
	font-family: Tahoma, Helvetica;
    /* text-transform: uppercase; */
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 1.3px;
    color: #2e3138;
    font-weight: 100;
}
}

p.narrow {
	width: 80%;
	margin: 0px auto;
}

a:focus , a:link, a:active {
	outline:none;
}

a:hover {
	text-decoration: none;
}

a.link-text {
	color: #FA9002;
	transition: color 0.3s;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-ms-transition: color 0.3s;
	-o-transition: color 0.3s;
}

a.link-text:hover {
	color: #989898;
}

em {
	/*font-family: 'Lato', sans-serif;*/  font-family: Tahoma, Helvetica;
	font-style: italic;
	color: rgba(225, 225, 225, 0.9);
}

::-webkit-input-placeholder { /* WebKit browsers */
	color:    #F9F9F9;
	font-weight: normal;
	padding-top: .2rem;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #F9F9F9;
	font-weight: normal;
	opacity:  1;
	padding-top: .2rem;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #F9F9F9;
	font-weight: normal;
	opacity:  1;
	padding-top: .2rem;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    #F9F9F9;
	font-weight: normal;
	padding-top: .2rem;
}

/* ==================================================================
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;
}

/* ==================================================================
Buttons
================================================================== */
button,
.button
{
	outline: none;
	border: 0 none;
	
	background-color: #FF8F00;
	color: #FFF;
	display: block;
	/*margin-top: 2rem;*/
	border-radius: .3rem;
	font-weight: 300; 
	font-size: 1.4rem;
	padding: 1rem 3rem;
}

button.big,
.button.big
{
	font-size: 1.3rem;
	padding: 1.5rem 3rem;
}

button.small,
.button.small
{
	font-size: .9rem;
	padding: .8rem 3rem;
}

button.mini,
.button.mini
{
	font-size: .8rem;
	padding: .6rem 3rem;
}

button.btn-cancel,
.button.btn-cancel
{
	background-color: #888888;
}


/* ==================================================================
Basic Layout Style
================================================================== */
#page-banner
{
	min-height: 25rem;
	width: 100%;
	border-bottom: 0.0625rem solid #DDDDDD;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #DDD;
	padding-top: 8rem;
	padding-left: 150px;
}

#page-banner h1
{
	color: #FFF;
	font-weight: 700;
	font-size: 2rem;
	word-spacing: normal;
	line-height: normal;
	margin-bottom: .5rem;
}

#page-banner.elearning-banner { 
	background-color: #3a3a42;
	min-height: 30rem;
	background-size: cover;
	background-position: center 100%;
	background-repeat: no-repeat;
}

#page-banner.speechsolutions-banner { 
	background-image: url(../img/pages/speechsolutions/speechsolutions-banner.png);
	background-position: center 100%;
	min-height: 28rem;
}


#page-banner.ivr-banner { 
	min-height: 30rem;
	background-color: #3a3a42;
}

#page-banner.demo-banner { 
	background-color: #3a3a42;
}

#page-banner.demo-banner h1 {
	color: #FA9002;
	font-size: 2.5rem;
}

#page-banner.speechsolutions-banner .speechsolution-heading {
	position: relative;
	left: -8rem;
}

#page-banner.speechsolutions-banner .speechsolution-heading h1 { 
	font-size: 2.3rem;
}

#page-banner.demo-banner h3.subheading { 
	color: #FFF;
	max-width: 50rem;
	line-height: 1.5;
	margin: 0 auto;
}

@media (max-width: 1024px) { 
	#page-banner.speechsolutions-banner .speechsolution-heading { 
		left: inherit;
		margin: 0 auto;
	}
	
	#page-banner.speechsolutions-banner .speechsolution-heading h1 {
		font-size: 1.8rem;
		padding: 1rem; 
	}

	#page-banner.demo-banner h1 { 
		font-size: 1.4rem;
	}
	
	#page-banner.demo-banner h3.subheading {
		font-size: 1rem;
	}

	#page-banner.static-banner h1 { 
		font-size: 1.4rem;
	}
}

.banner-tags .banner-tag 
{ 
	display: inline-block;
	color: #FFF;
	padding: .5rem;
	font-size: 1.3rem;
	margin: .2rem;
}

.banner-tags .banner-tag.highlight 
{
	background-color: rgba(255,255,255,.4);
	cursor: pointer;
}

#subheader { 
	background-color: #175792;
	padding: .3rem 10%;
	width: 100%;
	color: #FFF;
}

#subheader .subheader-option { 
	display: inline-block;
	min-width: 10rem;
	position: relative;
	cursor: pointer;

}

#subheader .subheader-option span { 
	color: #FFF;
	padding: .5rem 1rem;
	display: block;
	font-weight: 700;
}

#subheader .subheader-option .subheader-dropdown-arrow {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #FFF;
	position: absolute;
	right: .5rem;
	top: .75rem;
}

#subheader .subheader-option .subheader-dropdown { 
	display: none;
	position: absolute;
	left: 0; 
	bottom: -8rem;
	z-index: 1000;
	background-color: #175792;
	border-radius: 0 0 .5rem .5rem;
}

#subheader .subheader-option .subheader-dropdown a { 
	min-width: 10rem;
	color: #FFF;
	margin: .5rem 1rem;
	padding: .5rem 0;
	display: block;
}

#subheader .subheader-option .subheader-dropdown a:not(:last-child) { 
	border-bottom: 1px solid #FFF;
}


#subheader .subheader-option .subheader-dropdown a:hover {
	opacity: .7; 
}

#subheader .subheader-option:hover .subheader-dropdown { 
	display: block;
}

#subheader .subheader-option .subheader-dropdown:hover { 
	display: block;
}

.paragraph-block-split .paragraph-block {
	display: inline-block;
	width: 50%; 
	float: left;
	vertical-align: top;
	padding: 1rem;
	padding-left: 70px;
	line-height: 1.5;
}

@media (max-width: 1024px) {
	.paragraph-block-split .paragraph-block {
		width: 90%;
		display: block;
		margin-bottom: 1rem;
		margin-left: auto;
		margin-right: auto;
		float: inherit;
	} 
}

.paragraph-block {
	text-align: left; 
	margin-bottom: 2rem;
	width: 90%;

	/*max-width: 50rem;*/
}

.paragraph-block ul li { 
	list-style-type: disc;
	margin-bottom: .5rem;
}

.paragraph-block p { 
	text-transform: inherit;
	font-size: 1rem;
	line-height: 1.5;
}

.paragraph-block strong {
	font-weight: 700;
	display: block;
	margin-bottom: .5rem; 
	line-height: 1.5;
}

.ivr-boxes {
	text-align: center;
}

.ivr-boxes .ivr-box > div { 
	background-color: #FFF;
	padding: .5rem;
	text-align: center;
	margin: 1.5rem 0;
	font-size: 1.3rem;
	color: #27487a;
	font-weight: 600;
}


.ivr-boxes .ivr-box span { 
	text-align: left;
	display: block;
	margin-bottom: 1rem;
	font-size: 1.1rem;
	margin-left: 1rem;
	color: #FFF;
}

.ivr-boxes .ivr-box { 
	width: 90%;
	max-width: 30rem;
	background-color: rgba(255,255,255,.2);
	min-height: 15rem;
	display: inline-block;
	margin: .5rem;
	vertical-align: top;
}

.demo-options { 
	padding: 10px;
	padding-top: 20px;
	text-align: left;
}
.fb-options { 
	padding-left: .5rem;
}
.speed-selection {
	width: 100%;
    height: 40px;
    background-color: #fff;
    border-radius: 30px;
    border-color: #155797;
    border-style: solid;
    border-width: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.speed-selection .active{
    background-color: #155797;
    color: #ffffff;
}

.speed-option {
	display: inline-block;
    float: left;
    width: 33.33%;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    border-radius: 18px;
    margin-top: -2px;
    cursor: pointer;
}
.speed-option > span{
	font-weight: bold;
}

.gender-selection {
	width: 100%;
    height: 40px;
    background-color: #fff;
    border-radius: 30px;
    border-color: #155797;
    border-style: solid;
    border-width: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.gender-selection .active{
    background-color: #155797;
    color: #ffffff;
}

.genderinactive {
	border-color: #808182!important
}

.genderinactive .active {
	background-color: #808182!important;
}


.gender-option {
	display: inline-block;
    float: left;
    width: 50%;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    border-radius: 18px;
    margin-top: -2px;
    cursor: pointer;
    height: 40px;
    padding-top: 3px;
}
.gender-option > span{
	font-weight: bold;
}

.demo-options .demo-option {
	color: #2e3138;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
}

.demo-options .demo-option > span { 
	color: #2e3138;
	/*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;

}
.voice-option > span {
	font-size: 16px;
	font-weight: bold;
}
.demo-options .demo-option select { 
	
	font-size: 18px;
	line-height: 35px;
	
	background-color: #fff;
    border-width: 3px;
    border-color: #1a5894;
    border-radius: 20px;
    -webkit-appearance: none;
     -moz-appearance: none;
    padding-left: 10px;
    padding-right: 12px;

}
.demo-options .demo-option select option{ 
	
	padding-left: 10px;

}
.dropdown {
	 float: left;
    position: relative;
    overflow: hidden;
    margin: 0px;

}
.dropdown:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 17px;
 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #1a5894;
}


.demo-text { 
	position: absolute;
    color: #000;
    width: 84.2%;
    height: 8rem;
    margin-left: 29px;
    border-radius: .3rem .3rem 0 0;
    top: 23px;
    left: 13px;
    text-align: left;
    border-color: #1a5894;
    background-color: #fff;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-width: 3px;
    border-bottom-width: 0px;
}
@media only screen and (max-width: 500px) {
    .demo-text { 
    	left: 5px;
    }
}
.demo-text span {
	display: inline-block;
	padding-bottom: .5rem;
	padding-right: .2rem;
	background-color: #FFE5C3;
}

.demo-text span.speaking { 
	background-color: #FA9002;
	color: #FFF;
}

.demo-textbox { 
	text-align: left;
}



.demo-textbox span { 
	color: #2e3138;
	/*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	margin-right: .5rem;
	margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 8px;
}
@media (min-width: 768px) {
	.demo-textbox textarea {
		margin-left: 8px;
	}
	.demo-controls {
	    margin-left: 8px;
	}
}
.demo-textbox textarea {
	width: 100%;
	height: 10rem;
	border-radius: .3rem .3rem 0 0;
	overflow: hidden;
	resize: none; 
	outline: none;
	padding: 1rem;
	line-height: 1.5;
	color: #666666;
	background-color: #fff;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	border-width: 3px;
	border-color: #1a5894;
	border-bottom-width: 0px;
}

.demo-controls {
	height: 2.5rem;
    background-color: #155797;
    position: relative;
    top: -.1rem;
    text-align: left;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: solid;
}

.demo-controls .demo-control { 
	height: inherit;
	width: 2.5rem;
	background-color: #1a5894;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
}


.demo-controls .demo-control .play-control {
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 20px solid #FFF;
	position: relative;
	left: .6rem;
	top: .35rem;
	cursor: pointer;
}
.play-control-text {
	text-transform: uppercase;
	text-align: center;
	line-height: 40px;
}
.play-control-text > span{
	color: #fff!important;
	font-weight: bold;
	font-size: 18px;
}
.demo-controls .demo-control .play-control.playing {
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 20px solid rgba(255,255,255,.3); 
}
.demo-controls {
	cursor: pointer;
}
.demo-controls .demo-control-track {
	vertical-align: middle;
	display: inline-block;
	font-weight: 600;
	position: relative;
	top: .5rem;

}

.demo-download { 
	color: #2e3138;
	vertical-align: middle;
	display: block;
	margin-top: 1rem;
	text-align: right;
	font-weight: 600;
	margin-left: 10px;

    margin-right: -10px;
}

.audiobook-download-wrapper {
	padding: 0;
}

.btn-audiobook {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;

    display: inline-block;
    font-weight: bold;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    padding: 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 10px;
    width: 100%;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}


.audiobook-download-wrapper .download-img:before{
    content: "";
    display: block;
    background: url('/img/download-icon.png?v=2') no-repeat;
	width: 24px;
    height: 23px;
    top: 11px;
    left: 30px;
    position: absolute;
}

.audiobook-download-wrapper img {
    position: relative;
    top: 7px;
}

.audiobook-download-wrapper .audiobook-yellow {
	color: #f5ba0f;
}

.audiobook-download-wrapper .sponsored {
    position: absolute;
    bottom: 1px;
    right: 10px;
    font-size: 8px;
    text-transform: uppercase;
    color: #6c96e7;
}

.demo-download .demo-download-btn { 
    color: #FFF;
    /* width: 3rem; */
    /* height: 3rem; */
    background-color: #ff8e34;
    vertical-align: middle;
    /* display: inline-block; */
    /* margin-left: 1rem; */
    cursor: pointer;
    font-size: 20px;
    /* padding-right: 1.5%; */
    padding: 10px;
    border-radius: 10px;
    /* background-color: white; */
    text-align: center;
}

.demo-download .demo-download-btn:hover { 
	opacity: .8;
}


.voice-selection {
    height: 270px;
    overflow: auto;
    overflow-y: scroll;
    background-color: #ffffff;
    border-style: solid;
    border-color: #155795;
    border-width: 3px;
    border-radius: 7px;
}
.voice-option {
	padding: 5px;
	padding-left: 20px;
	line-height: 10px;
}
.voice-option {
	cursor: pointer;
}
.voice-option > img {
	vertical-align: middle;
	margin-right: 5px;
} 
.voice-option > span {
	vertical-align: middle;
	font-size: 16px!important;
} 
.voice-selection .active {
	background-color: #e1e4e9;
}


.article {
	padding-top: 50px;
	padding-bottom: 50px;
}

#demobenefits {
    padding-left: 100px;
    padding-right: 100px;
}
#demobenefits i{
	color: #155796;
    padding-top: 5px;
    padding-bottom: 15px;
    line-height: 78px;
    vertical-align: center;
    padding-right: 10px;
    font-size: 74px;
}
#demobenefits h3{
	color: #155796;
    display: inline;
    text-transform: uppercase;
}
#demobenefits .section-title h6 {
    color: #155796;
}
#demobenefits .section-title h1:after {
    background-color: #155796;
}
#benefits p {
    text-transform: none;
    font-size: 14px;
}

.article {
	max-width: 870px;
}

article{
	/*font-family: "PT Sans";*/  font-family: Tahoma, Helvetica;

}
article p {
	padding-top: 10px;
	padding-bottom: 10px;
	/*font-family: "Open Sans";*/ /* font-family: Tahoma, Helvetica;*/
	text-transform: none;
	font-size: 16px;
	letter-spacing: 0px;
}

article section {
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #2e3138;
	font-family: "Open Sans"; /* font-family: Tahoma, Helvetica;*/
	text-transform: none;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0px;
	background-color: transparent;
}
article h1 {
	color: #3d3c42;
	font-size: 18px;
	font-weight: bold;

}
article h2 {
	color: #3d3c42;
	font-size: 18px;
	font-weight: bold;
	padding-top: 25px; 
	padding-bottom: 0px;

}
article strong {
	color: #3d3c42;
	font-size: 16px;
	font-weight: bold;
}
/* Section Title */
.section-title h1 {
	font-weight: 700;
	text-transform: uppercase;
	color: #2e3138;
	padding-bottom: 30px;
	text-align: center;
}

.section-title h1:after {
	content: "";
	width: 50px;
	height: 1px;
	background-color: #FA9002;
	margin: 20px auto 0px;
	display: block;
}

.section-title h6 {
	font-weight: 400;
	text-transform: uppercase;
	color: #FA9002;
	padding-bottom: 10px;
	text-align: center;
}

/* new Title */
.new-title {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #eeeff3;
	margin-bottom: 20px;
}
.new-title:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 70px;
    margin-left: -19px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #eeeff3;
}
.new-title h1 {
	font-weight: 700;
	color: #35343a;
	text-align: center;
	padding-bottom: 0px;
}

.new-title h6 {
	font-weight: 400;
	text-transform: uppercase;
	color: #FA9002;
	padding-bottom: 10px;
	text-align: center;
}

/* Dark Background */
.dark-background {
	background-color: #363839;
}

/* Section Padding */
.padding {
	padding: 70px 0px;
}

/* Section Padding */
.padding50 {
	padding: 50px 0px;
}

/* Section Padding */
.padding30 {
	padding: 30px 0px;
}
.padding10 {
	padding: 10px 0px;
}


/* Classes */
.margin-top {
	margin-top: 50px;
}

.sem-margin-top {
	margin-top: 25px;
}

.center {
	margin: 0px auto;
	display: block;
}


/* Parallax */
.parallax {
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

.parallax-web {
	text-align: center;
	background-repeat: no-repeat;
	/*background-size: 100% 100%;*/
	background-position: center center;
	background-attachment: fixed;
	background-position-x: 0% !important;
}

/* Btn Standart */
@media (min-width: 500px) {
    .btn-standart {
    	font-size: 20px;
    }
}
.btn-standart {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	padding: 20px 50px;
	background-color: #FA9002;
	border: 1px solid #FA9002;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.btn-standart:hover {
    color: #ffffff;
    background-color: #145998;
    border-color: #145998;
}

/* Start Separation Bar */
.sep {
	margin: 50px auto;
	display: none;
}

.sep div {
	display: inline-block;
}

.sep div:first-child,
.sep div:last-child {
	width: 20%;
	height: 1px;
	background-color: #C3C3C3;
}

.sep div:nth-child(2) {
	width: 10%;
	height: 1px;
	background-color: #FA9002;
}

.sep div.divider
{
	width: 100%;
	height: 1px;
	background-color: #FA9002;
}

.owl-theme .owl-controls .owl-page span {
	margin: 0px 5px;
}

/* Dark Overley */
.dark-overley {
	background-color: rgba(0, 0, 0, 0.7);
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	padding: 80px 0px;
}

/* ==================================================================
Tipper
================================================================== */

.tipper-content {
	text-transform: uppercase;
}

/* ==================================================================
Flexslider
================================================================== */

.flexslider {
	margin-bottom: 0px !important;
	border: none !important;
	border-radius: none !important;
	-webkit-border-radius: none !important;
	-moz-border-radius: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	background-color: transparent !important;
}

.flex-control-nav {
	position: relative !important;
	bottom: 0px !important;
	padding: 50px 0px 0px;
}

.flex-control-paging li a {
	position: relative;
	width: 25px; 
	height: 25px;
	background: transparent;
	border: 2px solid rgba(0, 0, 0, 0.5);
	overflow: hidden;
}

.flex-control-paging li a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 0%;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.5) !important;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.flex-control-paging li a:hover::before {
	height: 100%;
}

.flex-control-paging li a:hover {
	background-color: transparent;
}

.flex-control-paging li a.flex-active {
	background: rgba(0, 0, 0, 0.2) !important;
}

/* ==================================================================
Preloader
================================================================== */

.spinner {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	z-index: 999;
}

.cube {
	width: 60px;
	height: 60px;
	background-color: #708090;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
	animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
	0% { -webkit-transform: perspective(120px) }
	50% { -webkit-transform: perspective(120px) rotateY(180deg) }
	100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
	0% { 
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
	} 50% { 
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
	} 100% { 
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}

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

#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;*/
}

#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-publishers
{
	background-image: url(../img/pages/publishers/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-voicecloning
{
	background-image: url(../images/voicecloning.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 .home-left { 
		padding-top: 0px;
	}
}

#intro .left h1 { 
	color: #FFF;
	font-weight: 700;
	padding-bottom: 0;
	margin-bottom: 5px;
	letter-spacing: 1px;
	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: 2rem;
    font-size: 15px;
    left: 1rem;
    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: 404px;
	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: center;
	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: -40px;
	position: relative;
	display: flex;
}


/* Microphone */
#microphone {
	display: flex;
    width: 300px;
    height: 300px;
    justify-content: center;
    align-items: center;
}
#mic-loading {
	width: 120px!important;
}
.mic-circle {
    display: flex;
    width: 150px;
    height: 150px;
    background-color: #4571a9;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.mic-outer-circle {
  border-radius: 50%;
  padding: 20px;
  background-color: rgba(69, 113, 169, 0.38);
}
#ispeech-sticker .microphone {
	width:50px;
}

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

#ispeech-sticker #ispeech-bubble { 
	width: 350px;
	min-height: 150px;
	border-radius: 3px;
	background: rgba(255,255,255,.5);
	padding: 20px 20px 7px 10px;
	float: right;
	position: relative;
	z-index: 10;
	left: -2rem;
	top: 2rem;
	margin-top: 50px;
	margin-left: 30px;
}

#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;
	border-right-color: rgba(255,255,255,.5);
}

#ispeech-sticker #ispeech-bubble textarea { 
	padding: 10px;
	min-height: 150px;
	width: 100%;
	outline: none;
	border: 0 none;
	background:rgba(255,255,255,.6);
	resize: none;
	/*border-radius: 8px;*/
}
#ispeech-sticker #ispeech-bubble textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #666666;
    font-size: 25px;
}
#ispeech-sticker #ispeech-bubble textarea::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
   opacity:  1;
}
#ispeech-sticker #ispeech-bubble textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
   opacity:  1;
}
#ispeech-sticker #ispeech-bubble textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909;
}

@media screen and (max-width: 1000px) {
	#intro .left { float: none;  text-align: center; }
	#intro .left small { margin: 0 0 30px 0; text-align: center;}
	#intro .right { float: none; height: 360px; }
	#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; }
}



/* ==================================================================
What We Offer
================================================================== */
#what-we-offer .offers a,
#what-we-offer .offers a:hover { 
	color: #FF8D00;
	font-weight: 700;
	margin-top: 10px;
	display: block;
}

#what-we-offer .offers > div
{
	cursor: default;
}

#what-we-offer h3 { 
	color: #345FA6;
}

#what-we-offer i { 
	display: none;
}

#what-we-offer .offer-icon { 
	margin-bottom: 1.5rem;
}


/* Style For This Section */
/*.ss-style-foldedcorner::before,
.ss-style-foldedcorner::after {
	top: -100px;
	width: 100px;
	height: 100px;
}

.ss-style-foldedcorner::before {
	right: 0;
	background-image: -webkit-linear-gradient(top left, #ffffff 50%, #F8F8F8 50%);
	background-image: linear-gradient(315deg, #F8F8F8 50%, #ffffff 50%);
}

.ss-style-foldedcorner::after {
	right: 100px;
	background-image: -webkit-linear-gradient(top left, transparent 50%, #EDEDED 50%);
	background-image: linear-gradient(315deg, #EDEDED 50%, transparent 50%);
}*/
/*Cube Background*/
.cube-background {
	background-image: url(../images/bg-cube.jpg);
	background-repeat: repeat;
}
.offers i {
	font-size: 25px;
	color: #FA9002;
	padding-bottom: 10px;
}

.offers div {
	padding: 20px 0px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	cursor: pointer;
	margin-bottom: 20px;
}

.margintopbottom40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

/*
.offers div:hover {r
	border: 1px solid #EEEEEE;
	background-color: #ffffff;
}*/

/* More Features */
#more-features {
	position: relative;
	background-color: #345FA6;
	background-image: url(../img/backgrounds/banner-2.jpg);
	/*background-size: cover;*/
	/*background-position: 50% 50%;*/
}
#more-features2 {
	position: relative;
	background-color: #345FA6;
	background-image: url(../img/backgrounds/banner-4.jpg);
	/*background-size: cover;*/
	/*background-position: 50% 50%;*/
}

#more-features:before {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	top: -25px; 
	left: 50%;
	margin-left: -25px;
	background-color: #FFFFFF;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

/* Order Button */
.order {
	display: block;
	font-size: 16pt;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 33px;
	color: #ffffff;
	padding: 30px 20px;
	background-color: #2e3138;
	width:100%;
}

.order:hover {
	color: #ffffff;
}

/* Owl Carousel */
#clients-carousel div img {
  width: 200px;
}


/* ==================================================================
APP PREVIEW
================================================================== */
#app-preview 
{
	background-color: #345FA6;
	background-image: url(../img/backgrounds/banner-3.jpg);
}

#app-preview .padding
{
	padding: 0;
}

#app-preview .right
{
	float: right;
	width: 50%;
	height: inherit;
	box-sizing: border-box;
	padding: 150px 0 0 30px;
	text-align: left;
}

#app-preview .right h1
{
	color: #FFFFFF;
	font-weight: 600;
}

#app-preview .right p 
{
	color: #FFF;
}

#app-preview .right p:nth-child(2)
{
	margin-bottom: 2rem;
}

#app-preview .right a
{
	color: #F88C1B;
	text-decoration: underline;
}

#app-preview .left
{
	float: left;
	width: 50%;
	height: inherit;
	box-sizing: border-box;
	overflow: hidden;
}

#app-preview .left #phone-preview-1 
{
	margin-right: 2rem;
	width: 15rem;
	height: 35rem;
	display: inline-block;
	position: relative;
	bottom: -6.8rem;  
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(../img/phone-1.png);

}

#app-preview .left #phone-preview-2 
{
	width: 15rem;
	height: 35rem;
	display: inline-block;
	position: relative;
	bottom: -6.8rem;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(../img/phone-2.png);  
}

@media screen and (max-width: 1200px) {   
	#app-preview .left #phone-preview-1,
	#app-preview .left #phone-preview-2 { width: 10em; height: 22rem; margin-bottom: 10px; bottom: inherit; margin-top: 3rem; }
	#app-preview .right { padding: 35px 0 0 30px; } 
}

@media screen and (max-width: 992px) { 
	#app-preview { height: auto; }
	#app-preview .left { float: none; display: block; text-align: center; width: 100%; }
	#app-preview .right { padding-left: 0; padding-top: 6rem; padding-bottom: 6rem; float: none; display: block; text-align: center; width: 100%; } 
}

@media screen and (max-width: 768px) { 
	#app-preview .left #phone-preview-1,
	#app-preview .left #phone-preview-2 { display: none; margin-left: auto; margin-right: auto; }
}

/* ==================================================================
APP PREVIEW
================================================================== */
#brief-text
{
	background: #F5F5F5;
	padding: 0 30%;
}

@media screen and (max-width: 992px) { 
	#brief-text { 
		padding: 0 10%;
	}
}

/* ==================================================================
CHECK OUT APPS
================================================================== */
#checkout-apps h3 {
	margin-bottom: 30px;
	color: #547496;
	font-weight: 700;
}

#checkout-apps .padding
{
	padding: 50px 0 80px 0;
}

#checkout-apps #apps .app
{
	width: 80px;
	height: 80px;
	border-radius: 10px;
	background: #DDD;
	display: inline-block;
	margin: 5px;
}

/* ==================================================================
Testimonials
================================================================== */

#testimonials {
	text-align: center;
	height: auto;
	background-image: url(http://placehold.it/1800x977);
}

#testimonials img {
	width: 150px;
	height: 150px;
	border: 10px solid rgba(0, 0, 0, 0.5);
}

#testimonials p {
	color: rgba(225, 225, 225, 0.9);
}

#testimonials span {
	font-size: 13px;
	line-height: 50px;
	color: rgba(225, 225, 225, 0.9);
}

/* ==================================================================
Other Details
================================================================== */

/* Punch Text */
#punch-text {
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
	color: #ffffff;
}

/* Other Details */
#other-details .section-title h1:after {
	margin: 20px 0px 0px;
}

/* Google Map */
.page-banner {
	position: relative;
	width: 100%;
	height: 430px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.page-banner#google-map {
	background-image: url(../img/pages/contact/Banner-Contact_Us-Map.jpg);
}

.page-banner#aboutus-banner { 
	background-image: url(../img/pages/about/Banner-About_Us-ServerRoom.jpg);
}

.page-banner .banner-text
{
	height: inherit;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 8%;
}

.page-banner .banner-text h1
{ 
	font-size: 3rem;
	font-weight: 700;
	color: #FA9002;
	margin-bottom: 1.5rem;
	text-align: center;
}

.page-banner .banner-text p
{
	color: #FFF;
	font-size: 1.3rem;
	line-height: 2;
	text-transform: none;
	text-align: center;
}

.page-banner .banner-text .emphasize
{
	color: #FA9002;
}


#map-canvas {
	width: 100%;
	height: 500px;
	border: 0;
}

/* Google Map Btn */
#google-map-btn {
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #2e3138;
	background-color: #ffffff;
	padding: 50px 0px;
	cursor: pointer;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

#google-map-btn:hover {
	color: #ffffff;
	background-color: #2e3138;
}

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

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: 13px;
	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;
	}


}


/* ==================================================================
About Pages
================================================================== */

/* Most Important Members */
.members ul {
	margin: 10px 0px;
}

.members ul li {
	display: inline-block;
}

.members ul li a i {
	font-size: 20px;
	line-height: 40px;
	color: #ffffff;
	width: 40px;
	height: 40px;
	background-color: #2e3138;
	border: 1px solid #2e3138;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.members ul li a i:hover {
	color: #2e3138;
	background-color: transparent;
}

.members img {
	position: relative;
	cursor: pointer;
}

.members img:hover {
	opacity: 0.8;
}


/* ==================================================================
Support Pages
================================================================== */

/* Support Accordion */
#accordion .panel-heading {
	background-color: #2e3138;
}

#accordion .panel-heading:hover {
	background-color: #131417;
}

#accordion .panel-title {
	font-size: 14px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #ffffff;
	padding: 10px 0px;
}

#accordion .panel-body {
	border: 1px solid #2e3138;
	padding: 25px 0px;
}

/* ==================================================================
Form
================================================================== */

.form .form-group > * {
	display: block;
	margin: 0px auto;
}

.form .form-group label {
	font-size: 15px;
	font-weight: 700;
	margin: 15px 0px;
}

.form .form-group input {
	height: 50px;
}

.form .form-group input,
.form .form-group textarea {
	/*font-family: 'Lato', sans-serif;*/  font-family: Tahoma, Helvetica;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	width: 50%;
	border: 1px solid #2e3138;
	border-radius: 5px;
	background-color: #2e3138;
}

.form button {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #FA9002;
	border: 1px solid #FA9002;
	border-radius: 5px;
	padding: 15px 40px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.form button:hover {
	color: #FA9002;
	background-color: transparent;
}

/* Form Plceholder Color ( Cross Browser ) */
.form .form-group input::-webkit-input-placeholder,
.form .form-group textarea::-webkit-input-placeholder {
	color: #ffffff;
}
 
.form .form-group input:-moz-placeholder,
.form .form-group textarea:-moz-placeholder {
	color: #ffffff;
}
 
.form .form-group input::-moz-placeholder,
.form .form-group textarea::-moz-placeholder {
	color: #ffffff;
}
 
.form .form-group input:-ms-input-placeholder,
.form .form-group textarea:-ms-input-placeholder {
	color: #ffffff;
}


.apps-use-ispeech{
	margin:0 auto;
}
.apps-use-ispeech li{
	float:left;
	margin:5px;
	width:90px;
}
.apps-use-ispeech li img{
	width:100%;
}


/* ==================================================================
	PLAN
================================================================== */
section#plan-selection
{
	background-color: #FFFFFF;
}


figure.plans .plan-headings
{
	width: 100%;
	margin-bottom: 1.5rem;
	text-align: left;
	white-space: nowrap;
}

figure.plans .plan-headings .plan-heading
{
	display: inline-block;
}

figure.plans .plan-headings .plan-heading:nth-child(1)
{
	width: 30%;
}

figure.plans .plan-headings .plan-heading:nth-child(2)
{
	width: 25%;
}

figure.plans .plan-headings .plan-heading:nth-child(3)
{
	width: 13%;
}

figure.plans .plan-headings .plan-heading:nth-child(4)
{
	width: 25%;
}


figure.plans .plan-headings .plan-heading
{
	font-size: 1.4rem;
	font-weight: 500;

}

figure.plans .plan-headings .plan-or
{
	font-size: 1.4rem;
}


figure.plans .plan
{
	white-space: nowrap;
	margin-bottom: .3rem;
	min-height: 3.5rem;

}

figure.plans .plan .name
{
	width: 30%;
	vertical-align: top;
	display: inline-block;
	min-height: inherit;
	background-color: #8990A3;
	color: #FFFFFF;
	font-size: 1.2rem;    
	box-sizing: border-box;
	padding-top: 1rem;
	font-weight: 600;
}

figure.plans .plan .pricing
{
	width: 70%;
	vertical-align: top;
	display: inline-block;
	min-height: inherit;
	background-color: #B4C0CD;
	white-space: nowrap;
	color: #FFFFFF;
	box-sizing: border-box;
	padding-top: 1rem;
	font-weight: 600;
	text-align: left;
	padding-left: 4rem;
}

figure.plans .plan .pricing .both
{
	width: 100%;
	display: inline-block;
	font-size: 1.3rem;
	text-align: center;
}

figure.plans .plan .pricing .monthly,
figure.plans .plan .pricing .annual
{
	width: 50%;
	display: inline-block;
	font-size: 1.3rem;
}

figure.plans .plan.selected 
{
	position: relative;
	left: -1rem;
}

figure.plans .plan.selected .name 
{
	background-color: #2E3138; 
}

figure.plans .plan.selected .pricing 
{
	background-color: #FF8F00; 
}


/* ==================================================================
	FIELDS
================================================================== */
.field
{
	width: 49%;
	display: inline-block;
	margin-bottom: 2rem;
}

.field.fill
{
	width: 99%;
	display: block;
}

.field.fill input,
.field.fill textarea,
.field.fill select
{
	width: 100%;
	display: block;
}
.field.fill select
{
	padding: 0rem 1.5rem;
}

.field label
{
	display: block;
	font-weight: 700;
	color: #2E3138;
	margin-bottom: .5rem;
}

.field input,
.field select,
.field textarea
{
	border: 0 none;
	outline: none;
	color: #FFFFFF;
	background-color: #2E3138;
	width: 99%;
	padding: 1rem 1.5rem;
}



.field input,
.field textarea
{
	border-radius: .5rem;
}

.field select
{
	height: 3.5rem;
}


.field textarea
{
	min-height: 8rem;
}

.field.inline input,
.field.inline label
{
	display: inline-block;
	width: auto;
}

.field.medium input,
.field.medium textarea
{
	padding: .7rem 1.5rem;
	font-size: .8rem;
	border-radius: .3rem;
}

.field.medium select
{
	font-size: .8rem;
	height: 2.5rem;
}

.field .left-align
{
	float: left;
	width: 40%;
	display: inline-block;
	vertical-align: middle;
}

.field .right-align
{
	float: right;
	width: 60%;
	display: inline-block;
	vertical-align: middle;
}


/* ==================================================================
	Basic
================================================================== */
/*::selection {
	color: #000; 
}

::-moz-selection {
	color: #000; 
}*/

.uibasicselectbox {
	/* Size and position */
	position: relative; /* Enable absolute positionning for children and pseudo elements */
	min-width: 200px;
	padding: 8px;
	/*margin: 0 auto;*/
	z-index: 10; 
	font-size: 15px;

	/* Styles */
	background: #FFF;
	color: #555;
	outline: none;
	cursor: pointer;
	display: inline-block;
	/* Font settings */
	/*font-weight: bold;*/
	border: 1px solid #DDD;
}

.uibasicselectbox:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -6px;
	border-width: 6px 0 6px 6px;
	border-style: solid;
	border-color: transparent #555;    
}

.uibasicselectbox .dropdown {
	/* Size & position */
	position: absolute;
	top: 100%;
	left: -1px;
	right: 0;

	/* Styles */
	background: #fff;
	list-style: none;
	font-weight: normal; /* Cancels previous font-weight: bold; */

	/* Hiding */
	opacity: 0;
	pointer-events: none;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	width: 200px;
	outline: 0;
}

.uibasicselectbox .dropdown li a {
	display: block;
	text-decoration: none;
	color: #9e9e9e;
	padding: 10px 20px;
}

/* Hover state */
.uibasicselectbox .dropdown li:hover a {
	background: #135797;
	color: #FFF;
}

/* Active state */
.uibasicselectbox.active .dropdown {
	opacity: 1;
	pointer-events: auto;
}

.uibasicselectbox.active:after {
	border-color: #555 transparent;
	border-width: 6px 6px 0 6px ;
	margin-top: -3px;
}

/*.uibasicselectbox.active {
  background: #9bc7de;
  background: -moz-linear-gradient(left,  #9bc7de 0%, #9bc7de 78%, #ffffff 78%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9bc7de), color-stop(78%,#9bc7de), color-stop(78%,#ffffff), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(left,  #9bc7de 0%,#9bc7de 78%,#ffffff 78%,#ffffff 100%);
  background: -o-linear-gradient(left,  #9bc7de 0%,#9bc7de 78%,#ffffff 78%,#ffffff 100%);
  background: -ms-linear-gradient(left,  #9bc7de 0%,#9bc7de 78%,#ffffff 78%,#ffffff 100%);
  background: linear-gradient(to right,  #9bc7de 0%,#9bc7de 78%,#ffffff 78%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bc7de', endColorstr='#ffffff',GradientType=1 );
}*/



/* ==================================================================
	PLAN
================================================================== */
section#plan-billing
{
	background-color: #FFFFFF;
}

section#plan-billing .billing
{
	text-align: left;
}

section#plan-billing .billing .billing-form
{
	width: 45%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}


section#plan-billing .billing .billing-creditcard 
{
	width: 45%;
	display: inline-block; 
	vertical-align: top; 
	padding-left: 3rem; 
}

section#plan-billing .billing .billing-creditcard label
{
	font-weight: 700;
	display: block;
	margin-bottom: 1rem;
	font-size: 1.1rem;
}


figure.creditcard 
{
	color: #FFFFFF;
	font-weight: 600;
	font-size: 1.1rem;
	position: relative;
	width: 28rem;
	height: 16rem;
}

figure.creditcard .card-front
{
	background: #135797;
	width: 85%;
	padding: 1.5rem;
	position: absolute;
	left: 0;
	border-radius: .8rem;
	min-height: 14rem;
	z-index: 2;
}


figure.creditcard .card-front .cards-accepted
{
	float: right;
	margin-bottom: 2rem;
}

figure.creditcard .card-front > .card-heading
{
	font-size: 1rem;
}


figure.creditcard .card-front .cards-accepted .card-accepted
{
	width: 2.8rem;
	height: 1.8rem;
	display: inline-block;
	margin: 0 .1rem;
}

figure.creditcard .card-front .card-number
{
   margin: .7rem 0 1.3rem 0;
}

figure.creditcard .card-front .card-number input:not(:last-child)
{
   margin-right: 2%;
}

figure.creditcard .card-front .card-number input
{
	border: 0 none;
	outline: 0;
	border-radius: .2rem;
	display: inline-block;
	width: 22%;
	padding: .5rem .3rem;
}

figure.creditcard .card-front .card-expiration
{
	float: right;
	padding-right: .5rem;
}

figure.creditcard .card-front .card-expiration .card-heading
{
	margin-right: 1rem;
	font-size: 1rem;
}

figure.creditcard .card-front .card-expiration select
{
	background-color: #FFFFFF;
	height: 2.3rem;
	outline: none;
	border: 0 none;
}

figure.creditcard .card-back
{
	right: -20%;
	width: 50%;
	border-radius: 0 .8rem .8rem 0;
	background-color: #0e345a;
	position: absolute;
	min-height: 14.6rem;
	z-index: 1;
}

figure.creditcard .card-back .card-strip
{
	width: 100%;
	height: 2.5rem;
	background-color: #8990A3;
	margin-top: 2rem;
}

figure.creditcard .card-back .card-cvv 
{
	float: right;
	width: 60%;
	margin-top: 1.5rem;
	padding-right: 1rem;
}

figure.creditcard .card-back .card-cvv .card-heading
{
	margin-right: 1rem;
	font-size: 1rem;
}

figure.creditcard .card-back .card-cvv input
{
	border: 0 none;
	outline: 0;
	border-radius: .2rem;
	padding: .7rem .3rem;
	width: 48%;
}

#billing-agreement
{
	text-align: right;
	color: #666;
	line-height: 2;
}


#billing-finalize
{
	position: relative;
	right: -7rem;
}

#billing-finalize #billing-agreement a
{
	color: #F7630F;
}

#billing-finalize button
{
	float: right;
}

/* ==================================================================
	MODALS
================================================================== */
.modal-window
{
	position: fixed;
	top: 0; 
	left: 0;
	/*display: none;*/
	z-index: 1000;
}

.modal-window.show
{
	/*display: block;*/
}

.modal-window .modal-window-overlay
{
	position: fixed;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
}

.modal-window .modal-window-content
{
	z-index: 1001;
	width: 30rem;
	/*height: 20rem;*/
	background-color: #FFFFFF;
	border-radius: .5rem;
	position: fixed;
	top: 50%;
	left: 50%;
	/*margin-top: -10rem;*/
	margin-left: -15rem;
	text-align: center;
	padding: 1.5rem 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.modal-window .modal-window-content h3
{
	font-size: 1.2rem;
}

.modal-window .modal-window-content .heading
{
	color: #000;
	font-size: 2rem;
	font-weight: 300;
}

.modal-window .modal-window-content p
{
	text-transform: none;
	font-size: 1rem;
}

#payment-success-modal .icon,
#payment-processing-modal .icon
{
	border: 0.0625rem solid #DDD;
	width: 7rem;
	height: 7rem;
	border-radius: 7rem;
	display: block;
	margin: 2rem auto 2rem auto;
}

#payment-success-modal .heading,
#payment-processing-modal .heading
{
	display: block;
	margin-bottom: 1rem;
}

#billing-modal .modal-window-content
{
	width: 40rem;
	margin-top: 0;
	margin-left: -20rem;
	height: inherit;
}

#billing-modal .modal-window-content h3,
#apikey-modal .modal-window-content h3
{
	color: #FFF;
	padding: 1rem;
	background-color: #2E3138;
}

#apikey-modal .right-align .option 
{
	text-align: left;
	margin-bottom: .5rem;
}

#apikey-modal .option input[type="radio"]
{
	width: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0 .2rem 0 0;
}

#apikey-modal .option label
{
	font-size: .8rem;
	width: auto;
	display: inline-block;
	vertical-align: top;
}

#apikey-modal .sections .section
{
	text-align: left;
	padding: 2rem 2rem 0 2rem;
}

#apikey-modal .field
{
	margin-bottom: 1.5rem;
}

#apikey-modal .field.fill.medium label
{
	font-size: .9rem;
}

#apikey-modal .section-divider
{
	margin: 1rem 0;
}

#apikey-modal .save-btn
{
	float: right;
	margin: 0 2rem 0 0;
}



#billing-modal .sections .section .heading
{
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 1rem;
	display: block;
}

#billing-modal .sections .section
{
	text-align: left;
	padding: 1rem 2rem 0 2rem;
}

#billing-modal .field
{
	margin-bottom: 1.5rem;
}

#billing-modal .field.fill.medium label
{
	font-size: .9rem;
}

#billing-modal .section-divider
{
	margin: 1rem 0;
}

#billing-modal .actions
{
	padding: 0 2rem;
}

#billing-modal .actions button
{
	display: inline-block;
}

#billing-modal figure.creditcard
{
	height: 15rem;
}

/*Back Menu For Developer Panel*/
#main-header.black .navbar 
{
	/*background-color: #292A2C;*/
	background-color: rgba(41,42,44,.98);
	border-bottom: 1px solid transparent;
}

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

#main-header.black .navbar .container
{
	width: 100%;
	padding-left: 3rem;
}

#main-header.black .navbar .nav li a
{
	color: #FF8F07;
	padding-top: 30px;
	padding-bottom: 30px;
}

#main-header.black .navbar .nav li a:hover
{
	color: #FFFFFF!important;
}

#main-header.black .navbar .nav li a.pages-link
{
	color: #FFFFFF!important;
}

#main-header.black .nav li a
{
	font-size: 17px;
}


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

#main-header.black .navbar .navbar-header 
{
	width: 80%;
}

#main-header.black .navbar .navbar-brand { 
	width: 180px;
	height: 80px;
	margin-top: 15px;
}

/* ==================================================================
	CONTACT US
================================================================== */
#contact-us  h1{
	color: #fd8f25;
}
#contactus-map
{
	min-height: 25rem;
	width: 100%;
	border-bottom: 0.0625rem solid #DDDDDD;
}

#contactus-form .form
{
	/*
	width: 45%;
	max-width: 64rem;
	margin: 0 auto;*/
}

#contactus-form .form button
{
	display: block;
	width: 100%;
}


/* ==================================================================
	ABOUT US
================================================================== */
#aboutus-overview .padding
{
	padding-bottom: 0;
}

#aboutus-overview .overview 
{
	width: 1100px;
	height: 400px;
	margin: 0 auto;
}

#aboutus-overview .overview .headquarters
{
	width: 450px;
	height: 330px;
	float: left;
	background-color: #DDD;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	-ms-border-radius: .5rem;
	-o-border-radius: .5rem;
	border-radius: .5rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../img/pages/about/headquarters.png);
}

#aboutus-overview .overview .sections
{
	width: 610px;
	float: right;
	text-align: left;
}

#aboutus-overview .overview .sections .section
{
	margin-bottom: 2rem;
}

#aboutus-overview .overview .sections .section h5
{
	color: #2e3138;
}

#aboutus-overview .overview .sections .section p
{
	letter-spacing: normal;
	text-transform: none;
	font-size: 16px;
}

#aboutus-team .team
{
	text-align: left;

}

#aboutus-team .team .member
{
	display: inline-block;
	margin: 0 1rem;
	max-width: 250px;
	vertical-align: top;
}

#aboutus-team .team .member .headshot
{
	width: 225px;
	height: 225px;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	-ms-border-radius: .5rem;
	-o-border-radius: .5rem;
	border-radius: .5rem;
	margin-bottom: .5rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: center center;
}

#aboutus-team .team .member .headshot.heath
{
	background-image: url(../img/pages/about/team/heath.jpg);
}

#aboutus-team .team .member .headshot.florencio
{
	background-image: url(../img/pages/about/team/florencio.png);
}


#aboutus-team .team .member .name
{
	color: #FA9002;
	padding-bottom: .4rem;
	text-align: center;
}

#aboutus-team .team .member .title
{
	color: #165796;
	display: block;
	margin-bottom: .5rem;
	font-size: 18px;
	text-align: center;
}

#aboutus-team .team .member .description
{
	text-align: left;
	font-size: 13px;
	line-height: 1.8;
	text-transform: none;
	letter-spacing: normal;
}


/* ==================================================================
	LOGIN/REGISTER
================================================================== */
#login-form a,
#register-form a
{
	color: #FF8F07;
	text-decoration: underline;
}

#login-form h1,
#register-form h1
{
	padding-bottom: 2rem;
}

#login-form .container,
#register-form .container
{
	padding: 2% 10% 3% 10%;
	max-width: 50rem;
}

#login-form button,
#register-form button
{
	margin: 2rem auto;
	width: 100%;
}

#login-form,
#register-form
{
	margin-bottom: 1rem;
}

#register-form #register-terms,
#register-form #register-newsletter
{
	text-align: left;
	margin-bottom: .2rem;
}

#register-form #register-terms label,
#register-form #register-newsletter label
{
	font-size: .8rem;
	font-weight: normal;
}

#login-form #login-noaccount-text,
#register-form #register-existing-text
{
	text-align: right;
	letter-spacing: normal;
	font-size: 1rem;
	font-weight: 700;
	text-transform: none;
}

#login-form #login-password-field
{
	margin-bottom: .5rem;
}

#login-form #login-forget-password-link
{
	text-align: left;
	display: inherit;
}


/* ==================================================================
	ACCOUNT
================================================================== */
.content-wrapper.account-wrapper
{
	background-color: #F8F8F8;
}

.icon-visa, 
.icon-master,
.icon-amex,
.icon-discover
{
	width: 2.9375rem;
	height: 1.875rem;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}


.icon-visa
{
	background-image: url(../img/pages/account/credit-cards/creditcard-visa.png);
}

.icon-master
{
	background-image: url(../img/pages/account/credit-cards/creditcard-master.png);
}

.icon-amex
{
	background-image: url(../img/pages/account/credit-cards/creditcard-amex.png);
}

.icon-discover
{
	background-image: url(../img/pages/account/credit-cards/creditcard-discover.png); 
}

.icon-information
{
	width: 1.125rem;
	height: 1.125rem;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/pages/account/info-icons/info.png);
	display: inline-block;
	vertical-align: middle;
	margin: 0 .3rem;
}

.icon-information.dark
{
	background-image: url(../img/pages/account/info-icons/info-dark.png);
}




#ispeech-account-sidebar
{
	padding-top: 5rem;
	width: 7rem;
	position: fixed;
	left: 0;
	top: 0; 
	height: 100%;
	background-color: #135797;
}

#ispeech-account-sidebar #ispeech-account-sidebar-option
{
	cursor: pointer;
	min-height: 5rem;
	border-bottom: 0.0625rem solid #FFFFFF; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1rem;
	text-align: center;
}


#ispeech-account-sidebar #ispeech-account-sidebar-option > .icon
{
	width: 2rem;
	height: 2rem;
	background-size: 100%;
	background-repeat: no-repeat; 
	margin: 0 auto;
}

#ispeech-account-sidebar #ispeech-account-sidebar-option > .icon.icon-profile
{
	width: 2.5rem;
	height: 2.5rem;    
	-webkit-border-radius: 2.5rem;
	-moz-border-radius: 2.5rem;
	-ms-border-radius: 2.5rem;
	-o-border-radius: 2.5rem;
   border-radius: 2.5rem;
   background-position: center center; 

}

#ispeech-account-sidebar #ispeech-account-sidebar-option > .icon.icon-account
{
	background-image: url(../img/pages/account/nav-icons/API&Stats-unselected.png);
}

#ispeech-account-sidebar #ispeech-account-sidebar-option.selected > .icon.icon-account
{
	background-image: url(../img/pages/account/nav-icons/API&Stats-selected.png);
}

#ispeech-account-sidebar #ispeech-account-sidebar-option > .icon.icon-apikeys
{
	background-image: url(../img/pages/account/nav-icons/Key-unselected.png);
}

#ispeech-account-sidebar #ispeech-account-sidebar-option.selected > .icon.icon-apikeys
{
	background-image: url(../img/pages/account/nav-icons/Key-selected.png);
}

#ispeech-account-sidebar #ispeech-account-sidebar-option > .icon.icon-apistats
{
	background-image: url(../img/pages/account/nav-icons/API&Stats-unselected.png);
}

#ispeech-account-sidebar #ispeech-account-sidebar-option.selected > .icon.icon-apistats
{
	background-image: url(../img/pages/account/nav-icons/API&Stats-selected.png);
}

#ispeech-account-sidebar #ispeech-account-sidebar-option > .icon.icon-upgrade
{
	background-image: url(../img/pages/account/nav-icons/Upgrade-unselected.png);
}

#ispeech-account-sidebar #ispeech-account-sidebar-option.selected > .icon.icon-upgrade
{
	background-image: url(../img/pages/account/nav-icons/Upgrade-selected.png);
}

#ispeech-account-sidebar #ispeech-account-sidebar-option > .icon.icon-docs
{
	background-image: url(../img/pages/account/nav-icons/docs-unselected.png);
}

#ispeech-account-sidebar #ispeech-account-sidebar-option.selected > .icon.icon-docs
{
	background-image: url(../img/pages/account/nav-icons/docs-selected.png);
}

#ispeech-account-sidebar #ispeech-account-sidebar-option > .icon.icon-sdk
{
	background-image: url(../img/pages/account/nav-icons/SDKs_unselected.png);
}

#ispeech-account-sidebar #ispeech-account-sidebar-option.selected > .icon.icon-sdk
{
	background-image: url(../img/pages/account/nav-icons/SDKs_selected.png);
}

#ispeech-account-sidebar #ispeech-account-sidebar-option > .icon.icon-support
{
	background-image: url(../img/pages/account/nav-icons/questions&support-unselected.png);   
}

#ispeech-account-sidebar #ispeech-account-sidebar-option.selected > .icon.icon-support
{
	background-image: url(../img/pages/account/nav-icons/questions&support-selected.png);   
}


#ispeech-account-sidebar #ispeech-account-sidebar-option > span
{
	color: #FFFFFF;
	font-size: .75rem;
}

#ispeech-account-sidebar #ispeech-account-sidebar-option.selected > span
{
	color: #135797;
}

#ispeech-account-sidebar #ispeech-account-sidebar-option.selected
{
	background-color: #F8F8F8;
}

#ispeech-account-content-wrapper 
{
	padding-left: 11rem;
	padding-top: 10rem;
	padding-bottom: 5rem;
	min-height: 30rem;
}

#ispeech-account-content-wrapper .ispeech-account-content h1
{
	color: #000000;
}


#ispeech-account-content-wrapper .ispeech-account-content .content-options 
{
	width: 100%;
	border-bottom: .2rem solid #888888;
}

#ispeech-account-content-wrapper .ispeech-account-content .content-options > .content-option
{
	position: relative;
	text-align: center;
	display: inline-block;
}

.account-options-bar
{
	background-color: #888888;
	/*width: 55rem;*/
	height: .3rem;
}

.account-options 
{
	white-space: nowrap;
}

.account-options > .account-option 
{
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding-top: 20px;
}
/*
.account-options > .account-option:not(:first-child)
{
   padding: 0 .5rem;
}

.account-options.docs > .account-option:not(:first-child)
{
   padding: 0 4rem;
}

.account-options.support > .account-option:not(:first-child)
{
	padding: 0 5rem;
}

.account-options.sdks > .account-option:not(:first-child)
{
	padding: 0 1rem;
}*/

.account-options > .account-option.selected > .account-option-text,
.account-options > .account-option > .account-option-text > strong,
.account-options > .account-option.selected > a >.account-option-text,
.account-options > .account-option > a >.account-option-text > strong


{
	color: #FF9002;
}

.account-options > .account-option > .account-option-text, a > .account-option-text
{
	padding-bottom: .5rem;
	display: block;
	text-align: center;
	color: #949494;
	font-weight: 600;
}

.account-options > .account-option > .account-option-pointer
{
	width: 100%;
	min-height: .3rem;
	background-color: transparent;
	position: absolute;
	bottom: -.3rem; 
	opacity: 0;
	left: 0;
}

.account-options > .account-option> .account-option-pointer
{
	opacity: 1;
	background-color: #888888;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.account-options > .account-option.selected > .account-option-pointer
{
	opacity: 1;
	background-color: #FF9002;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.account-options > .account-option i
{
	width: 0; 
	height: 0; 
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid transparent;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	bottom: -12px;
	opacity: 0;
}

.account-options > .account-option.selected i
{
	opacity: 1;
	border-top-color: #FF9002;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.account-options-content > .account-option-content
{
	padding-top: 2rem;
	/*width: 55rem;*/
}

.account-options-content > .account-option-content button
{
	display: inline-block;
}

.account-options-content > .account-option-content > .sections > .section
{
	margin-bottom: 2rem;
}

.account-options-content > .account-option-content > .sections > .section.contained
{
	border: 0.0625rem solid #F8F8F8;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.1);
	-o-box-shadow: 0px 1px 3px rgba(0,0,0,.1);
	-ms-box-shadow: 0px 1px 3px rgba(0,0,0,.1);
	box-shadow: 0px 1px 3px rgba(0,0,0,.1);
	min-height: 8rem;
	padding: .5rem;
	background-color: #FFF;
}


.account-options-content > .account-option-content > .sections > .section.contained h5
{   
	background-color: #f8f8f8;
	padding: .5rem 0 .8rem 1.3rem;
}   


.account-options-content > .account-option-content > .sections > .section.contained .toggle
{
	width: 5rem;
	background-color: #2E3138;
	-webkit-border-radius: .3rem;
	-moz-border-radius: .3rem;
	-ms-border-radius: .3rem;
	-o-border-radius: .3rem;
	border-radius: .3rem;
	padding: .2rem;
	height: 2rem;
	white-space: nowrap;
	position: relative;
	cursor: pointer; 
}

.account-options-content > .account-option-content > .sections > .section.contained .toggle > .switch
{
	position: absolute;
	background: #FFFFFF;
	width: 2.3rem;
	height: 1.65rem;
	left: 4%;
	top: .2rem;
	z-index: 1;
	-webkit-border-radius: .3rem;
	-moz-border-radius: .3rem;
	-ms-border-radius: .3rem;
	-o-border-radius: .3rem;
	border-radius: .3rem;
	-webkit-transition: left .5s ease-in-out;
	-moz-transition: left .5s ease-in-out;
	-ms-transition: left .5s ease-in-out;
	-o-transition: left .5s ease-in-out;
	transition: left .5s ease-in-out;

}

.account-options-content > .account-option-content > .sections > .section.contained .toggle.switched > .switch
{
	left: 50%;
	-webkit-transition: left .5s ease-in-out;
	-moz-transition: left .5s ease-in-out;
	-ms-transition: left .5s ease-in-out;
	-o-transition: left .5s ease-in-out;
	transition: left .5s ease-in-out;
}

.account-options-content > .account-option-content > .sections > .section.contained .toggle > .toggle-text
{
	color: #636766;
	display: inline-block;
	width: 50%;
	height: inherit;
	padding-top: .3rem;
	padding-left: .2rem;
	-webkit-border-sizing: border-box;
	-moz-border-sizing: border-box;
	-ms-border-sizing: border-box;
	-o-border-sizing: border-box;
	border-sizing: border-box; 
	position: relative;
	z-index: 2;
	text-transform: uppercase;
	font-size: .9rem;
}

.account-options-content > .account-option-content > .sections > .section.contained .toggle:not(.switched) > .toggle-text:nth-child(2)
{
	color: #000;
}

.account-options-content > .account-option-content > .sections > .section.contained .toggle.switched > .toggle-text:nth-child(3)
{
	color: #000;
}

.account-options-content > .account-option-content > .sections > .section table
{
	width: 100%;
	margin-bottom: 3rem;
}

.account-options-content > .account-option-content > .sections > .section table th
{
	font-weight: 700;
	font-size: 1rem;
}
.account-options-content > .account-option-content > .sections > .section table td
{
	font-size: .9rem;
}

.account-options-content > .account-option-content > .sections > .section table th,
.account-options-content > .account-option-content > .sections > .section table td
{
	/*width: 30%;*/
	padding: 1rem .5rem;
}

.account-options-content > .account-option-content > .sections > .section table tr:nth-child(2n)
{
	background-color: #EEE;
}

.account-options-content > .account-option-content > .sections > .section > h5
{
	font-weight: 600;
	color: #000;
	letter-spacing: normal;
}

.account-options-content > .account-option-content > .sections > .section > p
{
	letter-spacing: normal;
	text-transform: none;
	line-height: 2;
	font-size: 1.08rem;
	margin-bottom: 2rem;
}

.account-options-content > .account-option-content > .sections > .section > ul 
{
	margin-bottom: 2rem;
}

.account-options-content > .account-option-content > .sections > .section > ul > li
{
	list-style-type: disc;
	margin-left: 3rem;
	margin-bottom: 1rem;
}

.section-divider
{
	display: block;
	width: 100%;
	border-bottom: 0.0625rem solid #000;
	margin: 3rem 0 2rem 0;
}

.account-options-content > .account-option-content#apikey-account-option table
{
	margin-bottom: 0;
}

.account-options-content > .account-option-content#apikey-account-option i
{
	color: #FF9002;
	font-size: 1.5rem;
}

.account-options-content > .account-option-content#apikey-account-option tr > th:nth-child(1),
.account-options-content > .account-option-content#apikey-account-option tr > td:nth-child(1)
{
	width: 20%;
}

.account-options-content > .account-option-content#apikey-account-option tr > th:nth-child(2),
.account-options-content > .account-option-content#apikey-account-option tr > td:nth-child(2)
{
	width: 40%;
}

.account-options-content > .account-option-content#apikey-account-option tr > th:nth-child(3),
.account-options-content > .account-option-content#apikey-account-option tr > td:nth-child(3)
{
	width: 15%;
	text-align: center;
}

.account-options-content > .account-option-content#apikey-account-option tr > th:nth-child(4),
.account-options-content > .account-option-content#apikey-account-option tr > td:nth-child(4)
{
	width: 15%;
	text-align: center;
}


.account-options-content > .account-option-content#stats-account-option > .sections > .section.contained
{
	padding: .1rem;
}

.stat-filters > .stat-filter
{
	display: inline-block;
}

.account-options-content > .account-option-content#stats-account-option .graph
{
	white-space: nowrap;
}

.account-options-content > .account-option-content#stats-account-option .graph .graph-title
{
	padding: 1rem;
	font-size: 1.2rem;
}

.account-options-content > .account-option-content#stats-account-option .graph .graph-filters
{
	width: 15%;
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0 0 1rem;
}

.account-options-content > .account-option-content#stats-account-option .graph .graph-filters .graph-filter
{
	margin-bottom: 1rem;
}


.account-options-content > .account-option-content#stats-account-option .graph .graph-filters .graph-filter .filter-toggle
{
	border: 0.0626rem solid #CCCCCC;
	width: 1.5rem;
	height: 1.5rem;
	display: inline-block;
	margin-right: .3rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: .1rem;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.account-options-content > .account-option-content#stats-account-option .graph .graph-filters .graph-filter[data-filter-type="tts"].selected .filter-toggle
{
	background-color: #00AEEF;
	border-color: #00AEEF;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.account-options-content > .account-option-content#stats-account-option .graph .graph-filters .graph-filter[data-filter-type="asr"].selected .filter-toggle
{
	background-color: #652D90;
	border-color: #652D90;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.account-options-content > .account-option-content#stats-account-option .graph .graph-filters .graph-filter[data-filter-type="visemes"].selected .filter-toggle
{
	background-color: #ED047C;
	border-color: #ED047C;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.account-options-content > .account-option-content#stats-account-option .graph .graph-filters .graph-filter[data-filter-type="markers"].selected .filter-toggle
{
	background-color: #00A78E;
	border-color: #00A78E;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.account-options-content > .account-option-content#stats-account-option .graph .graph-filters .graph-filter[data-filter-type="filter"].selected .filter-toggle
{
	background-color: #AF6E0C;
	border-color: #AF6E0C;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}



.account-options-content > .account-option-content#stats-account-option .graph .graph-filters .graph-filter .filter-toggle i
{
	color: #FFFFFF;
	font-size: 1.25rem;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.account-options-content > .account-option-content#stats-account-option .graph .graph-filters .graph-filter.selected .filter-toggle i
{
	opacity: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.account-options-content > .account-option-content#stats-account-option .graph .graph
{
	width: 78%;
	display: inline-block;
	vertical-align: top;
}

.account-options-content > .account-option-content#stats-account-option .stats .data-details .data-detail:nth-child(odd)
{
	background-color: #EEE;
	padding: .5rem 0;
}

.account-options-content > .account-option-content#stats-account-option .stats .data-details .data-detail:not(:last-child)
{
	margin-bottom: 1rem;
}

.account-options-content > .account-option-content#stats-account-option .stats .data-details .data-detail > .label
{
	color: #000;
	font-weight: 300;
	font-size: .9rem;
}

.account-options-content > .account-option-content#stats-account-option .stats .data-details .data-detail > .data:not(.expanded)
{
	font-weight: 700;
}

.account-options-content > .account-option-content#stats-account-option .stats .data-details .data-detail > .data.expanded strong
{
	font-weight: 700;
}

.account-options-content > .account-option-content#stats-account-option .stats .data-details .data-detail > .data.expanded .calls,
.account-options-content > .account-option-content#stats-account-option .stats .data-details .data-detail > .data.expanded .calls > .call,
.account-options-content > .account-option-content#stats-account-option .stats .data-details .data-detail > .data.expanded .calls > .call > div
{
	display: inline-block;
	vertical-align: middle;
}

.account-options-content > .account-option-content#stats-account-option .stats .data-details .data-detail > .data.expanded .calls
{
	margin-left: 1rem;
}

.account-options-content > .account-option-content#stats-account-option .stats .data-details .data-detail > .data.expanded .calls > .call
{
	margin-left: .5rem;
}

.account-options-content > .account-option-content#stats-account-option .stats .data-details .data-detail > .data.expanded .calls > .call .text
{
	padding: .2em 0em .3em;
	font-size: .9rem;
}

.account-options-content > .account-option-content#stats-account-option .stats .data-details .data-detail > .data.expanded .calls > .call .colorindicator
{
	display: inline-block;
	width: .8rem;
	height: .8rem;
	margin: .2em 0 .3em .6em;
}

.account-options-content > .account-option-content#stats-account-option .stats .data-details .data-detail > .data.expanded .calls > .call:nth-child(1) .colorindicator
{
	background-color: #00AEEF;
}

.account-options-content > .account-option-content#stats-account-option .stats .data-details .data-detail > .data.expanded .calls > .call:nth-child(2) .colorindicator
{
	background-color: #652D90;
}

.account-options-content > .account-option-content#stats-account-option .stats .data-details .data-detail > .data.expanded .calls > .call:nth-child(3) .colorindicator
{
	background-color: #ED047C;
}

.account-options-content > .account-option-content#stats-account-option .stats .data-details .data-detail > .data.expanded .calls > .call:nth-child(4) .colorindicator
{
	background-color: #00A78E;
}

.account-options-content > .account-option-content#stats-account-option .stats .data-details .data-detail > .data.expanded .calls > .call:nth-child(5) .colorindicator
{
	background-color: #AF6E0C;
}


.account-options-content > .account-option-content#billing-account-option figure.plans .plan-headings .plan-heading 
{
	font-size: 1rem;
	font-weight: 700;
}

.account-options-content > .account-option-content#billing-account-option figure.plans .plan .name,
.account-options-content > .account-option-content#billing-account-option figure.plans .plan .pricing .monthly,
.account-options-content > .account-option-content#billing-account-option figure.plans .plan .pricing .annual,
.account-options-content > .account-option-content#billing-account-option figure.plans .plan .pricing .both
{
	font-size: 1.2rem;
	text-align: center;
}

.account-options-content > .account-option-content#billing-account-option figure.plans .plan .pricing
{
	padding-left: 0;
}


.account-options-content > .account-option-content#billing-account-option .section .heading
{
	font-size: 1.1rem;
	font-weight: 700;
	margin-bottom: 1rem;
	display: block;
}

.account-options-content > .account-option-content#billing-account-option .payment-methods > .payment-method
{
	margin-bottom: 1rem;
	white-space: nowrap;
}

.account-options-content > .account-option-content#billing-account-option .payment-methods > .payment-method > div
{
	display: inline-block;
}

.account-options-content > .account-option-content#billing-account-option .payment-methods > .payment-method > .method-select
{
	margin-right: 1rem;
}

.account-options-content > .account-option-content#billing-account-option .payment-methods > .payment-method > .method-card
{
	margin-right: 2rem;
}

.account-options-content > .account-option-content#billing-account-option .payment-methods > .payment-method > .method-action
{
	margin-right: 1rem;
}


.account-options-content > .account-option-content#billing-account-option .payment-methods > .payment-method > .method-action a
{
	color: #FF9002;
	font-size: .9rem;
	text-decoration: underline;
}

.account-options-content > .account-option-content#contact-account-option #contact-info-form
{
	white-space: nowrap;
	padding-top: 2rem;
}


.account-options-content > .account-option-content#contact-account-option #contact-info-form #icon-form,
.account-options-content > .account-option-content#contact-account-option #contact-info-form #info-form
{
	width: 50%;
	vertical-align: top;
	display: inline-block;
}

.account-options-content > .account-option-content#contact-account-option #contact-info-form #info-form #forget-password-link
{
	display: block;
	text-align: right;
	margin-top: .5rem;
	color: #FF9002;
	font-size: .9rem;
	text-decoration: underline;
}
.account-options-content > .account-option-content#contact-account-option #contact-info-form #icon-form #user-icon
{
	width: 20rem;
	height: 18rem;
	border-radius: .5rem;
	border: 0.0625rem solid #DDD;
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
}

.account-options-content > .account-option-content#notifications-account-option .notification-heading > div
{
	display: inline-block;
	font-weight: 700;
}

.account-options-content > .account-option-content#notifications-account-option .notification-heading > .heading-from
{
	width: 20%;
}

.account-options-content > .account-option-content#notifications-account-option .notification-heading > .heading-subject
{
	width: 70%;
}

.account-options-content > .account-option-content#notifications-account-option .notification-heading > .heading-action
{
	width: 10%;
}

.account-options-content > .account-option-content#notifications-account-option .notifications > .notification
{
	padding: 1.5rem 0;
	border-bottom: 0.0625rem solid #000;
	cursor: pointer;
}

.account-options-content > .account-option-content#notifications-account-option .notifications > .notification.open,
.account-options-content > .account-option-content#notifications-account-option .notifications > .notification:hover
{
	background-color: #FAEDE3;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.account-options-content > .account-option-content#notifications-account-option .notifications > .notification:nth-child(1)
{
	border-top: 0.0625rem solid #000;
}


.account-options-content > .account-option-content#notifications-account-option .notifications > .notification > .details > div
{
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.account-options-content > .account-option-content#notifications-account-option .notifications > .notification > .details
{
	white-space: nowrap;
}

.account-options-content > .account-option-content#notifications-account-option .notifications > .notification > .details > .from
{
	width: 20%;
	padding-left: .5rem;
}

.account-options-content > .account-option-content#notifications-account-option .notifications > .notification > .details > .from .read-indicator
{
	font-size: .6rem;
	display: inline-block;
	margin: 0 .5rem;
	color: #FF900A;
	vertical-align: middle;
}

.account-options-content > .account-option-content#notifications-account-option .notifications > .notification > .details > .subject
{
	width: 70%;
}   

.account-options-content > .account-option-content#notifications-account-option .notifications > .notification > .details > .action
{
	width: 10%;
	padding-right: .5rem;
	opacity: 0;
}

.account-options-content > .account-option-content#notifications-account-option .notifications > .notification.open > .details > .action,
.account-options-content > .account-option-content#notifications-account-option .notifications > .notification:hover > .details > .action
{
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}




.account-options-content > .account-option-content#support-account-option .forms
{
	white-space: nowrap;
}

.account-options-content > .account-option-content#support-account-option .forms > .form
{
	width: 27.5rem;
	display: inline-block;
	vertical-align: top;
}

.account-options-content > .account-option-content#support-account-option button
{
	display: inline-block;
	float: right;
}


.account-options-content#sdk-options-content > .account-option-content em
{
	color: inherit;
}

.account-options-content#sdk-options-content > .account-option-content .download-link
{   
	font-size: 1.1rem;
	display: block;
	text-decoration: underline;
	color: #366CA1;
	font-weight: 600;
}

.codesnippet
{
	width: 80%;
	padding: 2rem;
	background-color: #EDEDED;
	border: .2rem dashed #9C9C9C;
	word-wrap: break-word;
	line-height: 1.5;
	font-size: .9rem;
	display: block;
	margin-bottom: 2rem;
}

.codesnippet strong
{
	font-weight: 700;
	font-size: .7rem;
}


.account-options-content#account-options-content > .account-option-content .features
{
	padding: 2rem;
}

.account-options-content#account-options-content > .account-option-content .features > .feature
{
	display: inline-block;
	width: 30%;
}

.account-options-content#account-options-content > .account-option-content .features > .feature > .feature-text
{
	color: #000;
	display: inline-block;
	margin-right: .5rem;
}

.account-options-content#account-options-content > .account-option-content .features > .feature > .feature-toggle
{
	display: inline-block;
}

.account-options-content#account-options-content > .account-option-content .cost-options
{
	margin-top: 4rem;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 15%;
}

.account-options-content#account-options-content > .account-option-content .cost-options > .cost-option
{
	font-size: 1rem;
	text-align: center;
}

.account-options-content#account-options-content > .account-option-content .cost-options > .cost-divider
{
	display: block;
	margin: 2rem auto;
	width: 80%;
	height: 0.0625rem;
	background-color: #000000;
}

.account-options-content#account-options-content > .account-option-content .plans 
{
	margin-top: 1rem;
	display: inline-block;
	vertical-align: top;
	/*margin-left: 2rem;*/
}

.account-options-content#account-options-content > .account-option-content .plans  > .plan
{
	display: inline-block;
	vertical-align: top;
	/*padding: 0 .5rem;*/
	min-height: 15rem;
	max-width: 12rem;
	min-width: 9rem;
}

.account-options-content#account-options-content > .account-option-content .plans  > .plan.plan-current
{
	background-color: #FF8F00;
}

.account-options-content#account-options-content > .account-option-content
{
	white-space: nowrap;
}

.account-options-content#account-options-content > .account-option-content > .headshot,
.account-options-content#account-options-content > .account-option-content > .info
{
	display: inline-block;
	width: 50%;
}


.account-options-content#account-options-content > .account-option-content .plans  > .plan > .plan-heading
{
	font-size: 1.1rem;
	color: #000;
	margin-bottom: 1rem;
	text-align: center;
	padding: .5rem 0;
	border-bottom: 1px solid #000000;
}

.account-options-content#account-options-content > .account-option-content .plans  > .plan.plan-current > .plan-heading
{
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.account-options-content#account-options-content > .account-option-content .plans  > .plan > .plan-options 
{
	min-height: 6rem;
}

.account-options-content#account-options-content > .account-option-content .plans  > .plan > .plan-options > .plan-option 
{
	margin-bottom: 2rem;
	padding: 0 1rem;

}

.account-options-content#account-options-content > .account-option-content .plans  > .plan > .plan-options > .plan-option span
{
	font-size: 1.5rem;
	font-weight: 700;
}

.account-options-content#account-options-content > .account-option-content .plans  > .plan.plan-current > .plan-options > .plan-option
{
	color: #FFFFFF;
}

.account-options-content#account-options-content > .account-option-content .plans  > .plan > .plan-options > .plan-option span sup
{
	font-size: 1rem;
}

.account-options-content#account-options-content > .account-option-content .plans  > .plan > .plan-options > .plan-option small
{
	margin-top: .3rem;
	display: block;
	text-align: center;
	font-size: .8rem;
}

.account-options-content#account-options-content > .account-option-content .plans  > .plan.plan-current > .plan-action
{
	color: #FFFFFF;
}

.account-options-content#account-options-content > .account-option-content .plans  > .plan > .plan-action button
{
	padding: 1.15rem 2.8rem;
	font-size: 1.3rem;
	background-color: #135797;
	margin-top: 0;
}

.account-options-content#account-options-content > .account-option-content .plans  > .plan:nth-child(2) button,
.account-options-content#account-options-content > .account-option-content .plans  > .plan:nth-child(3) button
{

	text-transform: uppercase;
}


.account-options-content#account-options-content > .account-option-content .plans  > .plan > .plan-text

{
	font-size: 1.5rem;
	font-weight: 700;
	min-height: 6rem;
	text-align: center;
}

.account-options-content#account-options-content > .account-option-content .plans  > .plan.plan-elite > .plan-text
{
	padding: 0 0 1.4rem 0;
	line-height: 1.5;
}

.account-options-content#account-options-content > .account-option-content .plans  > .plan.plan-current > .plan-action
{
	text-align: center;
	font-size: 1.3rem;
	color: #ca641d;
	margin-top: 1rem;
}

.account-options-content#account-options-content > .account-option-content .plans  > .plan.plan-free > .plan-text
{
	font-size: 2.2rem;  
	padding: 3rem 0;
}


.account-options-content#account-options-content > .account-option-content .plans > .plan.plan-current > .plan-text
{
	color: #FFFFFF;   
}

/* Demo Page */

#get-started {

	position: relative;
    background-image: url(../img/pages/demo/get-started.png);
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
}
#get-started:before {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	top: -25px; 
	left: 50%;
	margin-left: -25px;
	background-color: #FFFFFF;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
#get-now {

		position: relative;

	background-image: url(../img/backgrounds/banner-3.jpg);
	background-size:length;
	background-attachment: scroll;
}
#get-now:before {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	top: -25px; 
	left: 50%;
	margin-left: -25px;
	background-color: #F8F8F8;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

/* Personal Page */
header#main-header.intro.intro-personal
{
	background-image: url(../img/pages/personal/bg1.jpg);
	background-color: #104986;
}

header.intro-personal #intro-personal-text h1
{
	margin-bottom: 0;
	padding-bottom: 1rem;
}

header.intro-personal #intro-personal-text p
{
	text-transform: none;
	color: #FFF;
	font-size: .9rem;
	margin-bottom: 2rem;
}
header.intro-personal #intro-personal-text p a
{
	color: #FFF;
	text-decoration: underline;
}



#intro.intro-personal h1
{
	color: #FFF;
	font-size: 2.5rem;
}

#intro.intro-personal strong 
{
	font-weight: 700;
}

@media (max-width: 1024px) 
{
	#speech-enable-your-life img
	{
		display: none;
	}

	#speech-enable-your-life .diagram-headings
	{
		display: none;
	} 
}

#speech-enable-your-life p { 
	margin-bottom: 3rem;
	text-transform: inherit;
	font-size: 14px;
}

#speech-enable-your-life .diagram-headings h5:first-child {
	float: left;
	margin-left: 11rem; 
}

#speech-enable-your-life .diagram-headings h5:last-child {
}

#speech-enable-your-life .diagram-headings h5 {
	color: #000;
	font-weight: 700;
	letter-spacing: normal;
	font-size: 16px;
}

.get-started small
{
	display: block;
	margin-top: 3rem;
	color: #FFF;
}

@media (max-width: 1024px)
{
	#get-started a:not(.btn-standart)
	{
		display: block;
		color: #FFF;
		text-decoration: underline;
		margin-top: 1rem;
	}

	#convert-without-software img
	{
		display: none;
	}
}


.speechbubble
{
	-moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
	background-clip: content-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
	border: 5px solid rgba(255,255,255,.5);
	background-color: #FFF;
	border-radius: 3rem;
	display: inline-block;
	min-width: 450px;
	min-height: 114px;
	vertical-align: top;
	margin-bottom: 2rem;
	position: relative;
	right: -33rem;
	top: 4rem;
}

.speechbubble > div
{
	padding: 1rem 2rem;
	text-align: left;
}

.speechbubble > div img
{
	float: left;
	margin-right: 1rem;
}

.speechbubble .heading
{
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: .5rem;
	color: #FA9002;
}

@media (max-width: 1024px) { 
	.speechbubble { 
		position: relative;
		margin: 0 auto;
		right: inherit;
		top: 1rem;
		min-width: inherit;
		width: 80%;
		max-width: 450px;
	}

	.speechbubble .heading
	{
		font-size: 1.5rem;
	}
}


.texttospeech-demo {
	background-color: #eeeff3;
	margin: 0 auto;
	padding: 3%;
	display: inline-block;
	position: relative;
}
@media (max-width: 500px) {
	.texttospeech-demo {
		background-color: #FFFFFF;
	}
}
.texttospeech-demo .demo-loader { 
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,.3);
}

.texttospeech-demo .demo-loader img { 
	position: relative;
	top: 35%;
	left: 48%;
	width: 32px;
}

@media (max-width: 768px) { 
	#speechdemo-section { 
		display: none;
	}
}

.texttospeech-options 
{
	margin-bottom: 3rem;
}

.texttospeech-options .texttospeech-option 
{
	-moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
	background-clip: content-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
	border: 5px solid rgba(255,255,255,.5);
	background-color: #FFF;
	border-radius: 3rem;
	display: inline-block;
	min-width: 450px;
	min-height: 114px;
	vertical-align: top;
	margin-bottom: 2rem;
}

.texttospeech-options .texttospeech-option > div
{
	padding: 1rem 2rem;
	text-align: left;
}

.texttospeech-options .texttospeech-option > div img
{
	float: left;
	margin-right: 1rem;
}

.texttospeech-options .texttospeech-option .heading
{
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: .5rem;
}


@media (max-width: 1024px) 
{
	.texttospeech-options .texttospeech-option
	{
		min-width: 90%;   
	}

	.texttospeech-options .texttospeech-option .heading
	{
		font-size: 1.2rem;
	}
}

.texttospeech-options .texttospeech-option a 
{
	color: #000;
}

.texttospeech-plans
{
	white-space: nowrap;
}

.texttospeech-plans .texttospeech-plan 
{
	border-radius: 1rem 1rem 0 0;
	min-width: 20rem;
	min-height: 5rem;
	display: inline-block;
	vertical-align: bottom;
	background-color: rgba(255,255,255,.5);
	border-left: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	margin: 0 .5rem;
}


@media (max-width: 1200px) 
{ 
	.texttospeech-plans .texttospeech-plan 
	{
		min-width: 18rem;
	}
}

@media (max-width: 1024px) 
{
	.texttospeech-plans 
	{
		white-space: normal;
	}

	.texttospeech-plans .texttospeech-plan 
	{
		min-width: inherit;
		max-width: 20rem;
		max-width: 80%;
		display: block;
		margin: 0 auto 3rem auto;
		border-radius: 1rem;
	}      
}

.texttospeech-plans .texttospeech-plan .heading 
{
	font-size: 2rem;
	color: #FFFFFF;
	padding: 1rem 0;
	border-bottom: 1px solid #FFF;
}

.texttospeech-plans .texttospeech-plan a { 
	color: #000;
	text-decoration: underline;
}

.texttospeech-plans .texttospeech-plan .details h2
{
	color: #000;
	font-weight: 700;
	font-size: 3rem;
}

.texttospeech-plans .texttospeech-plan .details > span
{
	position: relative;
	top: -1rem;
}

.texttospeech-plans .texttospeech-plan .details h2 div
{
	position: relative;
	top: -.7rem;
	font-size: 35px;
	display: inline-block;
}

.texttospeech-plans .texttospeech-plan .details p strong {
	color: #000;
	font-weight: 700; 
}

.texttospeech-plans .texttospeech-plan:nth-child(1) button,
.texttospeech-plans .texttospeech-plan:nth-child(3) button
{
	background-color: #135797;
}

.texttospeech-plans .texttospeech-plan button
{
	display: block;
	width: 100%;
	font-size: 1.2rem;
	margin: .5rem 0;

}

.texttospeech-plans .texttospeech-plan small 
{
	font-size: .8rem;
}

.texttospeech-plans .texttospeech-plan .details 
{
	background-color: rgba(255,255,255,.5);
	padding: 2rem;
	width: 100%;
}

#convert-without-software p
{
	line-height: 1.5;
	text-transform: inherit;
}

#convert-without-software p.narrow
{
	font-size: 16px;
	margin-bottom: 3rem;
}

#convert-without-software .steps .step
{
	width: 50%;
	padding: 1rem 2rem;
	min-height: 500px;
}

@media (max-width: 1024px) 
{
	#convert-without-software .steps .step
	{
		width: 100%;
		display: block;
		min-height: inherit;
	}
}

#convert-without-software .steps .step h3 
{
	color: #000;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: normal;
}

#convert-without-software .steps .step p 
{
	line-height: 1.3;
	margin-bottom: 2rem; 
	font-size: 16px;
}

#convert-without-software .steps .step:first-child 
{
	float: left; 
}

#convert-without-software .steps .step:first-child img 
{
	margin-bottom: 3rem; 
}

#convert-without-software .steps .step:first-child small 
{
	line-height: 1.5;
	color: #7a9fc3;
}

#convert-without-software .steps .step:last-child 
{
	float: right; 
}

#convert-without-software .steps .step:last-child img 
{
	margin-bottom: 6rem; 
}

#convert-without-software button 
{
	margin: 0 auto;
	font-size: 27px;
	font-weight: normal;
}


.usecases 
{
	text-align: center;
}

.usecases .usecase 
{
	max-width: 20rem;
	min-height: 15rem;
	display: inline-block;
	width: 80%;
	position: relative;
	background-color: #EEE;
	margin: .5rem;  
	background-size: cover;
	background-repeat: no-repeat;
}

.usecases .usecase .usecase-banner 
{
	background-color: rgba(255,255,255,.8);
	width: 100%;
	padding: 1rem .5rem; 
	position: absolute;
	bottom: 2rem;
	font-weight: 700;
	font-size: 1.2rem;
}

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

.item ul li:before
{ 
	content:"-";
	position:relative;
	left:-5px;
}
.item ul li
{
	padding-left: 30px;
	line-height: 30px;
	text-
}

/*Tabulation*/
.tab3 {
	text-indent: 3em;
}
.tab1 {
	text-indent: 1em;
}
.question {
	color: #fd8f26;
	font-weight: bold;
	line-height: 50px!important;
}
#elearning-bubble
{
	margin-top: 100px;
}

/* Apps Benefits Section */
#benefits
{
	padding-left: 100px;
	padding-right: 100px;
}

#benefits h2
{
	color: #2E3138;
	line-height: 30px;
	padding-bottom: 0px;
}

#benefits h3
{

	display: inline;
	text-transform: uppercase;
}

#benefits p
{
	text-transform: none;
	font-size: 14px;
}

#benefits i
{
	color: #FA9002;
	padding-top: 30px;
	padding-bottom: 5px;
	line-height: 30px;
	vertical-align: center;
	padding-right: 10px;
	font-size: 25px;
}

option :before {
	background-image: url("http://placehold.it/25x25");

	height: 50px;
	width: 50px;
}

.ispeech-account-content .container 
{
	max-width: 1000px;
}
.outer-circle {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  padding: 20px;
  position: absolute;
  left: 20px;
}
.inner-circle {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align:center;
    color: #ffffff;
    font-size:25px;
    line-height: 30px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center;
    font-family: Open Sans;
}
#circle-dev {
    background:rgba(91, 220, 249, 0.40);
}
#circle-dev:hover {
    background:rgba(91, 220, 249, 0.60);
}
#circle-outer-dev {
 background:rgba(58, 198, 245, 0.32);
}
#circle-outer-dev:hover {
 background:rgba(58, 198, 245, 0.42);
}
#circle-api {
 background: rgba(132, 162, 234, 0.40);
}
#circle-api:hover {
 background: rgba(132, 162, 234, 0.60);
}
#circle-outer-api {
 background: rgba(132, 162, 234, 0.32);
 left: 220px;
}
#circle-outer-api:hover {
 background: rgba(132, 162, 234, 0.42);
}
#circle-voice-clones {
 background: rgba(136, 216, 213, 0.62);
 font-size: 20px;
}
#circle-voice-clones:hover {
 background: rgba(136, 216, 213, 0.82);
}
#circle-outer-voice-clones {
 background: rgba(136, 216, 213, 0.32);
 width: 220px;
 height: 220px;
 left: 135px;
 top:170px;
}
#circle-outer-voice-clones:hover {
 background: rgba(136, 216, 213, 0.42);
}
#developer-statistics {
  padding-left:228px;
  height: 470px;
  margin-top: 40px;
}
#circle-label-dev {
  position:absolute;
  left: 60px;
  top: 80px;
}
.circle-label {
    font-size: 23px;
    font-family: Open Sans;
    color: #38373d;
    font-weight: 400;
    letter-spacing: -1px;
}
.highlight-blue {
  color: #006eb6;
}
.circles {
  position:absolute;
}
.dot {
    background: #3f3d44;
    width: 15px;
    height: 15px;
    z-index: 999;
    position: absolute;
    border-radius: 50%;
}
.line {
   background: #3f3d44;
   content: "";
   position: absolute;
}
#dot-dev {
    left: 300px;
    top: 120px;
}
#line-dev
{ 
    width: 84px;
    height: 2px;
    left: 220px;
    top: 110px;
    z-index: 999;
    -ms-transform: rotate(19deg);
    -webkit-transform: rotate(19deg);
    transform: rotate(19deg);
 }
 #circle-label-api {
  position:absolute;
  left: 720px;
  top: 10px;
}
#dot-api {
    left: 630px;
    top: 110px;
}
#line-api
{ 
    width: 113px;
    height: 2px;
    left: 620px;
    top: 73px;
    z-index: 999;
    -ms-transform: rotate(-48deg);
    -webkit-transform: rotate(-48deg);
    transform: rotate(-48deg);
 }
 #circle-label-voice-clones {
  position:absolute;
  left: 640px;
  top: 400px;
}
#dot-voice-cloning {
    left: 500px;
    top: 370px;
}
#line-voice-cloning
{ 
    width: 130px;
    height: 2px;
    left: 504px;
    top: 395px;
    z-index: 999;
    -ms-transform: rotate(19deg);
    -webkit-transform: rotate(19deg);
    transform: rotate(16deg);
 }
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .vertical-align-center {
        display: flex;
        align-items: center;
    }
}
 .horizontal-align-center {
    display: flex;
}

@media (min-width: 992px){
	.container2 {
	    width: 1100px!important;
	}
}

@media (max-width: 1200px) {
    #app-preview {
    	display: none;
    }
}

.sign-up-button {
	background-color: #FF8F00;
    color: #fff;
    padding: 10px;
    width: 150px;
    font-size: 22px;
    border-radius: 3px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    font-weight: bold;
}

.partners {
	margin-top: 70px;
	margin-bottom: 70px;
} 

.partners img{
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #ebebeb;
}
@media (min-width: 992px){
	.meter {
	position: absolute;
	margin-left: 58px;
	margin-top: 69px;
	}
}
#webreader {
	padding-top: 50px;
}

.books {
	width: 80%;
}

.publishers-title {

}
.section-title-publishers h1:after {
    background-color: transparent!important;
}

/* Webreader Page*/

.dark-background-transparent {
    background-color: #363839c2;
    padding: 20px;
}

.new-title-dark{
	padding-top: 20px;
    padding-bottom: 20px;
    background-color: #363839;
    margin-bottom: 20px;
}

.new-title-dark h1 {
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    padding-bottom: 0px;
}

.new-title-dark:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 70px;
    margin-left: -19px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #363839;
}

.btn-standart-dark {
	background-color: #363839 !important;
	border: 1px solid #363839 !important;
}

.img.img-fluid {
    max-width: 100%;
    height: auto;
}