/*-----------------------
	Sections
------------------------*/
section#landing {
	background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(0, 80, 142, 0.8), 
      rgba(54, 57, 64, 0.5)
    ),
url('../assets/music-bg.jpg');

	background-size: cover;
	background-position: center;
}

.img-responsive2 {
    z-index:-1;
}

.device-overlay{
  position:relative;
  display:inline-block;
}
.device-overlay:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background: linear-gradient(0deg, rgba(54,57,64,1), rgba(54,57,64,0.5) 2%, rgba(54,57,64,0.0) 10%);
}


.grey {
	background:#F7F7F7;
}
.cta {
	background: #363940;
	background-size: cover;
	background-position: center;
}

.cta2 {
	background: url(../assets/social-bg.jpg);
	background-size: cover;
	background-position: center;
}

#footer {
	background-color: #45525E;
	color: #fff;
}
/*-----------------------
	Title Attributes
------------------------*/
.sub-title-top {
	color:#333;
}
.sub-title-bottom {
	color: #747474;
}
.overview-title {
	color: #333;
}
.overview-text {
	color: #747474;
}

/*-----------------------
	Call To Action
------------------------*/
#cta span,#cta h2 {
	color:#fff;
}

/*-----------------------
	Push Menu
------------------------*/
.push-menu-button {
	background-color: rgba(0, 0, 0, 0.3);
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default span.menu-text {
	color:#fff;
}
.navmenu-default, .navbar-default .navbar-offcanvas {
	background-color: #45525E;
}
.push-menu-title span {
	color:#70E5E5;
}
li.push-menu-social-item i.fa, li.footer-social-item i.fa {
	background-color: #56626D;
}
.push-menu-items .push-menu-item a {
	color: #CDCDCD;
}
li.push-menu-social-item a:hover, li.push-menu-social-item a:focus, li.footer-social-item a:hover, li.footer-social-item a:focus {
	color:#FFF;
}
.available-on-menu  {
	color:#FFF;
	background-color: rgba(255, 255, 255, 0.1);
}

/*-----------------------
	Landing Header
------------------------*/
.landing-heading {
	color: white;
	text-shadow: 0 1px 5px rgba(0,0,0,0.2);
}
.landing-text {
	color: white;
	text-shadow: 0 1px 5px rgba(0,0,0,0.2);
}
.landing-text > button {
	margin-top: 12px;
}

.landing-availability, .app-availability i.fa  {
	color:#FFF;
}
.landing-available-on {
	background-color: transparent;
}
@media (max-width: 767px) {
	.landing-heading, .landing-text {
		text-align:center;
	}
}

.full-icon-box {
	background-color: #F3F3F3;
}

.full-icon-box i.fa {
	font-size: 30px;
	line-height: 2.85;
}

.stat-element {
	display: table-cell;
	vertical-align: middle;
}

@media (max-width: 767px) {
	.stat-element {
		margin:30px 0px;
	}
}

.stat-element > * {
	display: inline-block;
	vertical-align: middle;
	margin-top: 10px;
    margin-bottom: 10px;
}


.stat-descr {
	text-align: start;
	color: white;
  	padding-left: 15px;
}

.stat-descr > * {
	margin: 0;
}

.stat-descr p {
	font-size: 30px;
	font-weight: 300;
	line-height: 1;
}
/*-----------------------
	Features
------------------------*/
.app-feature-box .icon-box {
	color: #477A97;
	border: 2px solid #477A97;
	background-color: rgba(0, 0, 0, 0.01);
}
.app-feature-box:hover .icon-box {
	background: #477A97;
	color: #FFF;
}
.app-feature-box .icon-box:after {
	box-shadow: 0 0 0 4px #477A97;
}
@media (max-width: 767px) {
	.app-feature-box {
		margin:30px 0px;
	}
}
.overview-icon-box i.fa {
	background-color: #477A97;
	color: #fff;
}

/*-----------------------
	Icons
------------------------*/
.feature-extra-list i.fa {
	color: #477A97;
	border: 2px solid #477A97;
}

/*-----------------------
	Click feedback
------------------------*/
.cbutton--effect-ivana::before,
.cbutton--effect-ivana::after {
	box-shadow: 0 0 0 2px rgba(112, 229, 229, 0.5);
}

/*-----------------------
	Buttons
------------------------*/
.btn-primary {
	background-color: rgba(69, 82, 94, 0.85);
	border: 2px solid #45525E;
}
.btn-submit {
	background-color: rgba(68, 157, 68, 0.5);
	border: 2px solid #449d44;
	color: #FFFFFF;
	font-weight: 700;
}