/*Home Page*/
.home-block .slider {
	text-align: center;
	padding-top: 30px;
	margin-bottom: 80px;
}

.home-block .slider button {
	float: left;
}

.home-block .image-slider {
	float: left;
	margin-bottom: 20px;
}

.home-block .product-block {
	background-color: #f9f9f9; 
	color: #fff;
}

.home-block .product-block h2 {
	margin-top: 10px;
	font-size: 36px;
	font-weight: normal;
	color: #E52080;
	font-family: 'Raleway';
	margin-left: -70px;
}

.home-block .product-block p {
	color: #848484;
	margin-top: 10px;
	font-family: 'Lato';
	font-size: 16px;
}

.home-block .product-block .soltura-apps {
	padding-top: 50px;
	background-color: #efefef;
	padding-bottom: 50px;
}

.home-block .product-block .api-apps {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #fff;

}

.home-block .product-block .app-store {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #efefef;

}

.home-block .main-seperator {
	text-align: center;
	background-image: url('../images/stream-seperator-image-2.jpg');
	height: 250px;
	padding-top: 50px;
	margin-top: 70px;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

.home-block .main-seperator h2,
.home-block .main-seperator h5 {
	text-shadow: 0px 1px 8px #232323;
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
}

.home-block .main-seperator h5 {
	font-size: 18px;
}

.home-block .second-seperator {
	text-align: center;
	background-image: url('../images/stream-second-seperator.jpg');
	background-size: cover;
	height: 150px;
	padding-top: 25px;
	background-repeat: no-repeat;
	color: #fff;
}

.home-block .second-seperator h4 {
	font-size: 24px;
	font-family: 'Raleway', sans-serif;
	text-shadow: 0px 1px 3px #2B2A2D;
}

.home-block .second-seperator-filter {
	height: 150px;
	background-color: rgba(19, 18, 18, 0.66);
	margin-top: -25px;
	padding-top: 25px;
}

.home-block .home-block footer {
	position: static;
}

.dropdown-menu>li>a {
	padding: 10px 15px;
}

/*Common css*/
html, body {
height: 100%;
}

.brand-logo {
	padding: 15px 0;
	float: left;
}

.main-menu {
	float: right;
	padding: 11px 0;
}

.main-menu a {
	color: #fff;
}

header .navbar-default {
	background-color: #222222;
	border: 0;
}

header .navbar-default .navbar-nav>li>a {
	color: #fff;
}

.page-button {
	border-radius: 50px;
	padding: 5px 20px;
	border: 0;
	text-align: center;
}

.page-button:focus {
	outline: none;
}

.app-create-primary {
	color: #fff;
	background-color: #E52080;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.app-create-primary:hover {
	background-color: #D42077;
}

.read-more {
	color: #fff;
	background-color: #09A2B2;
	opacity: 0.9;
	margin-top: 30px;
	margin-bottom: 10px;
}

.read-more:hover {
	opacity: 1;
}

.page-secondary-button {
	padding: 12px 32px;
    border: 0px;
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
}

.page-secondary-button:hover {
	background-color: #eee;
}

.app-create-button {
	text-align: center;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -170px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
	height: 170px; /* .push must be the same height as .footer */

}

.push {
	padding-top: 60px;
}

.footer {
	background-color: #ddd;
	padding: 20px;
	border-top: 1px solid #D4D4D4;
	color: #777;
}

.footer h5 {
	font-weight: 700;
	color: #777;
	font-family: 'Raleway';
}

.footer ul {
	list-style: none;
	text-decoration: none;
	padding-left: 0;
}

.footer .social-links li {
	display: inline-block;
}

.footer .facebook .fa-stack,
.footer .twitter .fa-stack,
.footer .linkedin .fa-stack,
.footer .google-plus .fa-stack,
.footer .github .fa-stack,
.footer .youtube .fa-stack {
	color: #E52080;
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.footer .facebook .fa-stack:hover {
	color: #3b5998; 
}

.footer .twitter .fa-stack:hover {
	color: #55acee;

}

.footer .linkedin .fa-stack:hover {
	color: #0077b5;

}

.footer .google-plus .fa-stack:hover {
	color: #dd4b39;

}

.footer .github .fa-stack:hover {
	color: #ff9933;

}

.footer .youtube .fa-stack:hover {
	color: #cd201f;

}

.footer .copyrights {
	text-align: center;
	font-size: 11px;
}

.services-block,
.soltura-block,
.tap-apis-block,
.app-store-block,
.contact-block,
.about-block,
.terms-and-conditions-block {
	font-size: 14px;
	color: #777;
	margin-bottom: 0px;
	padding-top: 190px;
}

.product-block .fa,
.services-block .fa,
.soltura-block .fa,
.tap-apis-block .fa,
.app-store-block .fa,
.contact-block .fa,
.about-block .fa,
.terms-and-conditions-block.fa {
	color: #22ABB9;
}

.sub-heading {
	background-color: #E52080;
	color: #fff; 
	padding-top: 0px;
	margin-top: 73px;
	font-weight: normal;
	margin-bottom: 10px;
	position: fixed;
    right: 0;
    left: 0;
    z-index: 50;
}

.sub-heading h1 {
	font-family: 'Raleway';
	font-weight: lighter;
	font-size: 34px;
	margin: 10px 0 10px 0;
}

.sub-heading button {
	float: right;
}

.app-create-secondary {
	color: #E52080;
	background-color: #fff;
	font-size: 18px;
	margin-top: 11px;
	margin-bottom: 10px;
	opacity: 0.95;
}

.app-create-secondary:hover {
	opacity: 1;
}

.page-path {
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
	position: fixed;
	margin-top: 130px;
	left: 0;
	right: 0;
	z-index: 40;
	background-color: #fff;
	padding-top: 8px;
}

.services-block h5,
.soltura-block h5,
.tap-apis-block h5,
.app-store-block h5,
.contact-block h5,
.about-block h5,
.terms-and-conditions-block h5 {
	font-family: 'Raleway';
	font-size: 22px;
	font-weight: 700;
	color: #22ABB9;
	margin-top: 0;
}

.services-block h4,
.soltura-block h4,
.tap-apis-block h4,
.app-store-block h4,
.contact-block h4,
.about-block h4,
.terms-and-conditions-block h4 {
	font-family: 'Raleway';
	font-size: 24px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.services-block h6,
.soltura-block h6,
.tap-apis-block h6,
.app-store-block h6,
.contact-block h6,
.about-block h6,
.terms-and-conditions-block h6 {
	font-family: 'Raleway';
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #777;
	font-weight: 700;
}

.left-menu a:hover,
.left-menu a:focus {
	text-decoration: none;
}

.left-menu {
	border: 0px solid #E2E2E2;
	padding: 0;
	margin-bottom: 20px;
	margin-top: 194px;
	position: fixed;
	z-index: 30;
	left: 90px;
	right: 0;
	width: 20%;
}

.left-menu ul {
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}

.left-menu li {
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 40px;
	background-color: #f5f5f5;
	color: #09A2B2;
	font-weight: 100;
	font-family: 'Raleway';
}

.left-menu li:hover {
	background-color: #fff;
	/*border-right: 5px solid #E2E2E2;*/
	padding-left: 40px;
}

.left-menu h5 {
	margin: 0;
	padding: 14px 0 14px 10px;
    font-weight: 700;
	color: #777;
	font-size: 14px;
	border: 1px solid #e0e0e0;
}

.left-menu h6 {
	margin: 0;
	padding: 12px 0 12px 60px;
    font-weight: 100;
	color: #09A2B2;
	font-size: 14px;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}

.left-menu .fa {
	color: #777;
}

.left-menu .sub-menu li {
	padding-left: 40px;
	font-weight: 100;
	background-color: rgba(241, 241, 241, 0.4);
	color: #09A2B2;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}

.left-menu .sub-menu li:hover {
	background-color: #fff;
	/*border-right: 5px solid #E2E2E2;*/
	padding-left: 40px;
}

.left-menu .sub-menu .active,
.left-menu .second-sub-menu .active,
.left-menu .third-sub-menu .active {
	border-right: 5px solid #E2E2E2;
}

.left-menu .second-sub-menu li {
	padding-left: 60px;
}

.left-menu .second-sub-menu li:hover {
	padding-left: 60px;
}

.left-menu .third-sub-menu li {
	padding-left: 80px;
}

.left-menu .third-sub-menu li:hover {
	padding-left: 80px;
}

.left-menu .panel-default>.panel-heading .fa {
	float: right;
	margin-right: 10px;
}

.text-area {
	left: 0;
	right: 0;
}

/*Hover Effect of Main Products*/

.view {
    width: 100%;
    height: 150px;
    margin: 10px;
    float: left;
    border: 0px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 0px 0px 0px #e6e6e6;
    cursor: default;
    /*background: #fff url(../images/store.png) no-repeat center center;*/
}
.view .mask, .view .content {
    width: 100%;
    height: 200px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
    display: block;
    position: relative;
}
.view h2 {
    color: #fff;
    text-align: left;
    position: relative;
    font-size: 20px;
    font-style: normal;
    padding: 0 10px 0 10px;
    margin: 0px 0 0 0;
}
.view p {
    font-family: 'Open Sans';
    font-size: 13px;
    position: relative;
    color: #fff;
    padding: 0px 0 10px 10px;
    text-align: left;
    margin-bottom: 0;
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 35px 7px 15px 7px;
    background: rgba(256, 256, 256, 0.5);
    color: #fff;
    box-shadow: 0 0 0px #000;
    height: 130px;
}
.view a.info:hover {
    box-shadow: 0 0 0px #000;
    background: rgba(256, 256, 256, 0.4);
}

/*Hover Image*/

.view-fifth img {
	transition: all 0.4s ease-in-out; 
}
.view-fifth .mask { 
	/*background-color: rgba(146,96,91,0.3);*/
	transform: translateX(80px);
	opacity: 1;
	transition: all 0.4s ease-in-out; 
}
.view-fifth h2{
    color: #fff;
    box-shadow: 0px 0px 0px rgba(159, 141, 140, 0.5);
}
.view-fifth p{
    opacity: 1;
    color: #fff;
    transition: all 0.2s linear;
}

.view-fifth:hover .mask { 
	transform: translateX(0px);
}						
.view-fifth:hover img { 
	transform: translateX(-80px);
	transition-delay: 0s;
}
.view-fifth:hover p{
    opacity: 1;
    transition-delay: 0s;
}

/*Back to Top Button*/
.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #BFBFBF;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 1px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #22ABB9;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}

/*Services Page*/
.services-block h3 {
	margin-top: 0;
	font-size: 20px;
	color: #E52080;
	font-family: 'Raleway';
}

.services-block .services-1,
.services-block .services-2,
.services-block .services-3 {
	margin-top: 50px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

/*Soltura page*/
.soltura-block h6 {
	margin-left: -75px;
	margin-top: 15px;
}

.soltura-block .application-type {
	margin-bottom: 20px;
}

/*TAP APIs page*/

.tap-apis-block .download-list {
	text-align: center;
	margin-bottom: 20px;
}

.tap-apis-block .download-list .fa {
	color: #fff;
}

.tap-apis-block .download-area {
	border: 1px solid rgba(1, 84, 93, 0.06);
	padding: 10px;
	background-color: rgba(9, 162, 178, 0.11);
	text-align: center;
}

.tap-apis-block .download-area:hover {
	background-color: rgba(9, 162, 178, 0.15);
}

.tap-apis-block table {
    border: 1px solid rgba(1, 84, 93, 0.06);
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
    background-color: rgba(9, 162, 178, 0.11);
}

.tap-apis-block td.table-container {
	padding: 10px;
	font-size: 12px;
}

.tap-apis-block .parameter {
	padding-left: 20px;
}

.tap-apis-block .secondary-parameter {
	padding-left: 40px;	
}

.tap-apis-block .third-parameter {
	padding-left: 60px;	
}

.tap-apis-block .forth-parameter {
	padding-left: 80px;	
}

.tap-apis-block .hljs-string {
	color: #E52080;
}

.tap-apis-block .table-bordered tr:nth-child(even) td, 
.tap-apis-block .table-bordered tr:nth-child(even) th {
	background-color: #fff;
}

@media screen and (max-width: 1024px) {
	.left-menu {
		left: 34px;
	}
}

@media screen and (max-width: 768px) {

	.brand-logo {
		padding: 15px;
	}

	.services-block,
	.soltura-block,
	.tap-apis-block,
	.app-store-block,
	.contact-block,
	.about-block,
	.terms-and-conditions-block {
		padding-top: 0px;
	}

	.main-menu {
		float: left;
	}

	.app-create-primary {
		margin-bottom: 20px;
		font-size: 14px;
    }

    .app-create-button {
    	text-align: center;
    }

	.read-more-button {
		text-align: center;
	}

    .slider {
		padding-top: 40px;
		margin-bottom: 30px;
	}

	.slider button {
		float: none;
    }

	.image-slider {
		display: none;
	}

	.main-seperator {
		height: 350px;
	}

	.sub-heading {
		text-align: center;
		position: relative;
	}

	.sub-heading button {
		float: none;
	}

	.page-path {
		margin-top: 0;
		position: relative;
		padding-top: 0;
	}

	.left-menu {
		left: 0;
		width: 100%;
		position: relative;
		margin-top: 0;
	}

	.wrapper {
		margin: 0 auto -330px; /* the bottom margin is the negative value of the footer's height */
	}

	.footer, .push {
		height: 330px; /* .push must be the same height as .footer */
	}

	.second-seperator h4 {
		font-size: 20px;
	}

	.home-block .slider {
		margin-bottom: 10px;
	}

	.home-block .slider button {
		float: none;
	}

	.home-block .main-seperator h2 {
		font-size: 25px;
	}

	.soltura-block h6 {
		margin-left: -45px;
	}

	.soltura-block .soltura-vote,
	.soltura-block .soltura-alert {
		background-color: #eee;
		padding-top: 20px;
		padding-bottom: 10px;
	}

}

@media screen and (max-width: 480px) {
	.home-block .main-seperator {
		padding-top: 0px;
	}

	.home-block .product-block h2 {
		margin-left: 15px;
	}

	.soltura-block h6 {
		margin-left: 0px;
	}
}

@media screen and (max-width: 320px) {
		.app-create-primary {
		font-size: 11px;
	}

	.home-block .product-block h2 {
		margin-left: 25px;
		font-size: 24px;
		margin-top: 18px;
	}
}