@font-face {
  font-family:'Roboto';
  src:local('Roboto'), local('Roboto'), url(../fonts/roboto-regular.woff) format('woff');
}

@media only screen and (min-width: 1800px) {
	html {
		font-size: 19px;
	}
}

body {
	background-image: none;
	background-color:#1b1b1b;
	font-size:1em;
	line-height:100%;
	margin:0em;
	padding:0em;
	padding-bottom:0em;
	font-family:Roboto, Verdana;
	color:#fff;
}

a {
	text-decoration: none;
}


#start-overlay {
	background-color:rgba(0, 0, 0, 0.8);
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	/*opacity: 0.8;*/
}


#start-popup {
	position: relative; 
	border: 0.0625em solid #5E5E5E;
	border-radius: 0.625em;
	padding: 1.875em 2.5em;
	max-width: 40.625em;
	background-color:#1b1b1b;
	color: #D8D8D8;
	line-height: 1.4375em;
	margin: auto;
	top: 20%;
	opacity: 1.0;
}

#start-popup h1 {
	margin: 0 0 1.25em -0.1875em;
	font-weight: 300;
	color: #848484;
}

.start-popup-close-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}

a.start-popup-close-content {
	line-height: 1.125em;
	margin-top: 2.125em;
	margin-bottom: 0.1875em;
	border-radius: 0.375em;
	display: inline-block;
	padding: 0.25em 0.5em 0.1875em 0.5em;
	cursor: pointer;
	border: 0.0625em solid #5E5E5E;
}

a.start-popup-close-content:hover {
	background-color: #323232;
}

a.start-popup-close-content:active {
	background-color: #535353;
}

.display-none {
	display: none;
}


#go-to-main {
	color:#555555;
	position: fixed;
	text-transform: uppercase;
	font-size: 1.25em;
	top: 0.9375em;
	right: 1.25em;
	z-index: 999;
}

@media (max-width: 93.75em) {
	#go-to-main {
		font-size: 1em;
	}
}

@media (max-width: 82.8125em) {
	#go-to-main {
		float: right;
		position: relative; 
		right: 1.25em;
	}
}


#go-to-main a {color:#555555;}

#go-to-main a:hover {color:#fff;}


/* Edit JB - Button */
#navbarSupportedContent .nav-item .nav-link.manda-audio.active {
	color: #000000;
	background-color: #46bcfa;
}

#navbarSupportedContent .nav-item .nav-link.intelligent-sounds.active {
	color: #000000;
	background-color: #ff9400;
}



.navbar-toggler:focus {
	outline: none;
}

.navbar {
	display: block;
	text-align: right;
}


/*more-from-us.php*/


.more-products-question {
	/*width: 537px;*/
	margin-top: 10%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	line-height: 2.1875em;
	
}

.more-products-question-color {
	color: #46bcfa;
}

.box-button-what-music {
	/*width: 715px;*/
	margin-top: 4.0625em;
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
  justify-content: center;
}

.button-what-music {
	width: 17.9375em;
	height: 12em;
	/*float: left;*/
	margin-left: 2.1875em;
	margin-right: 2.1875em;
	margin-bottom: 1.875em;
}

.electronic {
	background:url('../images/more-category-button-electronic.png');
	background-size: 17.9375em 12em;
}

.electronic:hover {
	background:url('../images/more-category-button-electronic-hover.png');
	background-size: 17.9375em 12em;
}

.rock {
	background:url('../images/more-category-button-rock.png');
	background-size: 17.9375em 12em;
}

.rock:hover {
	background:url('../images/more-category-button-rock-hover.png');
	background-size: 17.9375em 12em;
}




h2 {
	margin: 0;
}








/*MORE PRODUCTS NAV*/


.dev-icons .list-inline-item i:hover {
  color: #fff;
}

.nav-link-start-page {
	font-size: 80%;
	color: #636363;
	vertical-align: top;
}


#sideNav .navbar-nav .nav-item .nav-link {
  /*font-weight: 300;*/
  /*letter-spacing: 0.05rem;*/
  /*text-transform: uppercase;*/
	font-size: 105%;
	/*line-height: 20px;*/
    /*margin-top: 50px;*/
	padding: 0.8125em 0.875em;
	background-color: #2c2c2c;
	border-radius: 0.375em;
	margin-bottom: 0.75em;
	display: block;
}

#sideNav .navbar-toggler:focus {
  outline-color: #d48a6e;
}

@media (min-width: 71.25em) {
  #sideNav {
    text-align: left;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    /*flex-direction: column;*/
    width: 21.625em;
    height: 100vh;
	
  }
  #sideNav .navbar-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto auto 0;
    padding: 0.5rem;
  }
  #sideNav .navbar-brand .img-profile {
    max-width: 10rem;
    max-height: 10rem;
    border: 0.5rem solid rgba(255, 255, 255, 0.2);
  }
  #sideNav .navbar-collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 100%;
    margin-bottom: auto;
  }
  #sideNav .navbar-collapse .navbar-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
	  margin-top: 3.125em;
	  margin-left: 1.875em;
  }
  #sideNav .navbar-collapse .navbar-nav .nav-item {
    display: block;
  }
  #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {
    display: block;
  }
}


.bg-primary {
  background-color: #1b1b1b !important;
}

@media (max-width: 71.25em) {
#sideNav .navbar-nav .nav-item .nav-link {
  margin-top: 0.5em;
}
}

.text-primary {
  color: #fff !important;
}







/*MORE PRODUCTS ONTENT*/



.more-products-nav-left {
	float: left;
	width: 14em;
	height: 100%;
	margin-left: 5%;
	margin-top: 4%;
}

.nav-left-button {
	width: 14em;
	height: 2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}



#more-products-content {
	width: 100%;
	max-width: 56.25em;
	margin-left: 22.5em;
	margin-bottom: 35.625em;
	/*margin-top: 18px;*/
	/*zoom: 130%;*/
	padding-top: 0em;
	/*background-color:#673D3E;*/
}

#nojs-note {
	margin-top: 3.5rem;
	margin-bottom: -2rem;
	text-align: center;
	border: 6px solid #ff9400;
}

.more-products-item {
	background-color:#2c2c2c;
	border-radius: 0.9375em;
	width: 90%;
	max-width: 44.625em;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 1.875em 2.3125em;
}


.product-category {
	float: right;
	margin-top: -0.875em;
	margin-right: -1.25em;
	text-transform: uppercase;
	font-size: 100%;
	color:#565656;
}


.slide-stopper {
	height: 3.625em;
	margin-bottom: 0em;
	position: relative;
	/*background-color: #909090;*/
}

.product-title {
	display: inline-block;
}

h3 {
	margin: 0;
	color: #46bcfa;
	font-weight: 500;
	font-size: 155%;
	margin-bottom: 0.875em;
}

.blue-text {
	color: #46bcfa;
}

.blue-bg:hover {
	background-color: #46bcfa;
	border-color: #46bcfa;
}

.orange-text {
	color: #ff9400;
}

.orange-bg:hover {
	background-color: #ff9400;
	border-color: #ff9400;
}



.product-platforms {
	margin-left: 0.375em;
	vertical-align: text-top;
	display: inline-block;
	font-size: 115%;
	color: #767676;
	margin-bottom: 0.625em;
}

.more-products-video-and-download {
	margin-top: 1.25em;
	display: flex;
	flex-wrap: wrap;
	flex-basis: 100%;
	justify-content: space-between;
		margin-top: 0.5em;
}

.video-thumb {
	width: 26.875em;
	height: 100%;
	border: 0.0625em solid #707070;
		position:relative; 
		display:inline-block;
		overflow:hidden; 
		width:100%;
		margin-top: 0em;
		height:auto;
}

.plugin-video {
	position:relative; 
	display:inline-block;
	padding-bottom:56.625%; /* ratio 16x9 */
	overflow:hidden; 
	width:100%;
	margin-top: 0em;
	height:auto;
}

.iframe {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
	border:none;
}


.developed-by-text-version {
	display: block;
	color:#A8A8A8;
	margin-top: 0.9375em;
	margin-bottom: 0.25em;
	width: 100%;
}

.download-buttons-container {
	
		display: flex;
		flex-wrap: wrap;
		
}


.dev-download-buttons-container {
	
			margin-top: 0.375em;
		/*display: flex;*/
		margin-bottom: 0em;
		
}

.dev-download-buttons-container-page02 {
	display: flex;
	justify-content: flex-start;
	margin-top: 0.375em;
	margin-bottom: 0em;
}

.developed-by {
	margin-bottom: 2.375em;
	display: none;
}

.developed-by-text {
	margin-left: -0.1875em;
	color: #767676;
}

.developed-by-logo {
	margin-top: 0.4375em;
}



a.download-link {
	
}


.download-button {
	margin-top: 0.6875em;
	border: 0.0625em solid #404040;
	border-radius: 0.25em;
	background-color: #3d3d3d;
	color: #d8d8d8;
	padding: 0em 0em;
	height: 2.125em;
	margin-right: 0.9375em;
}

.download-button-page02 {
	margin-right: 1.25em;
}

.download-button:hover {
	/*background-color: #38a5f2;*/
	/*border-color: #38a5f2;*/
	color: #000;
}

.download-button:hover .download-button-logo { 
	filter: brightness(1%);  
}

.download-button-logo {
	display: inline-block;
}

.download-button-logo-windows {
	width: 1.0625em;
	margin-left: 0.8125em;
	margin-right: 0.375em;
	margin-top: 0.4375em;
}

.download-button-logo-mac {
	width: 1.0625em;
	margin-left: 0.875em;
	margin-right: 0.3125em;
	margin-top: 0.3125em;
}

/*.download-button-logo-windows:hover {
	filter: brightness(0%);
}*/


.download-button-text {
	display: inline-block;
	margin-right: 0.8125em;
	margin-top: 0.5625em;
	vertical-align:top;
}

a.item-purchase-link {
	font-size: 96%;
	color: #ababab;
	text-decoration: underline;
	display: block;
	margin-top: 1.25em;
}

a.item-purchase-link:hover {
	color: #fff;
	text-decoration: none;
}

a.item-purchase-link-page02 {
	margin-left: auto;
}

.on-video-page {
	
}

.on-video-page-01 {
	margin-top: 0.75em;
	margin-left: 3em;
}

.on-video-page-02 {
	margin-top: 0.75em;
	margin-left: 1em;
}

.on-video-page-03 {
	margin-top: 1.1875em;
	margin-left: 1em;
	float: right;
	margin-right: 0.25em;
	display: flex;
}


.description {
	width: 100%;
	line-height: 1.5625em;
	margin-top: 1.25em;
	color:#c0c0c0;
}

.screenshots {
	width: 100%;
	margin-top: 1.5625em;
	margin-bottom: 0.625em;
	display: flex;
	/*flex-wrap: wrap;*/
}

img.video-thumb:hover,
img.screenshot-small:hover {
	filter: brightness(1.2);
}

.justify-content_space-between {
	justify-content: space-between;
}

.justify-content_flex-start {
	justify-content:flex-start;
}

.justify-content_flex-start a {
	margin-right: 0.6875em;
}


/*.screenshots-title {
	margin-bottom: 14px;
}*/

.screenshots a {
	
}

.screenshot-small {
	border: 0.0625em solid #707070;
	width: 100%;
	height: 100%;
}



/* MOBILE */

@media (max-width: 71.1875em) {
	
	.product-category {
		font-size: 100%;
	}


	#more-products-content {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 9.375em;
		margin-top: 1.25em;
		padding-top: 0em;
		/*background-color:#673D3E;*/
	}

	.more-products-item {

	}


	.developed-by-text-version {
		display: block;
	}


	.dev-download-buttons-container {
		margin-top: 0.375em;
		/*display: flex;*/
		margin-bottom: 0em;
	}

	.developed-by {
		display: none;
		/*order: 2;
		margin-left: 30px;
		align-items: center;
		margin-top: 30px;
		margin-bottom: 0px;*/
	}

	.download-buttons-container {
		display: flex;
		flex-wrap: wrap;
		/*justify-content: flex-end;*/

		
	}

	.download-button {
		margin-right: 0.9375em;
	}

	.dev-download-buttons-container-page02 {
		margin-bottom: 0em;
	}

	h3 {
		margin-bottom: 0.875em;
	}

	.product-platforms {
		margin-bottom: 0.625em;
	}

	.more-products-video-and-download {
		margin-top: 0.5em;
	}

	.video-thumb {
		position:relative; 
		display:inline-block;
		overflow:hidden; 
		width:100%;
		margin-top: 0em;
		height:auto;
	}

	
}



@media (max-width: 30em) {
	
	body {
		font-size: 90%;
	}
	
	h3 {
		margin-top: 0.5em;
		line-height: normal;
		
	}

	.product-category {
		display: none;
	}

	.more-products-item {
		padding: 0.875em 1.3125em;
		width :100%;
		margin: 0em;
		border-radius: 0em;
	}

	.dev-download-buttons-container {
		flex-direction: column;}

	.download-buttons-container {
		flex-direction: column;
	}
	
	
}