/* ===== Navigation
======================= */
.navbar {
	padding-top: 35px;
	padding-bottom: 10px;
	padding-bottom: 0px;
	/*min-height: 146px;*/
	width: 100%;
	background: transparent;
	top: 0px;
	z-index: 10
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 0px 15px;
    font-size: 18px;
}
.navbar-nav>li>a {
	font-family: 'Montserrat light', sans-serif;
	font-family: 'DIN Medium', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 40px;
	color: #fff;
}
.header .navbar-nav li .btn {
	margin-top: 0px;
	max-width: 260px;
	margin-left: auto;
	margin-right: auto;
}

.navbar-nav>li>a:hover:not(.btn) {
	padding-top: 10px;
	padding-bottom: 10px;
	color: rgba(255,255,255,0.75);
	background: transparent;
	border: 0px;
}
.navbar-nav>li>a:active, .navbar-nav>li>a:visited, .navbar-nav>li>a:link {
	/*background: transparent;*/
}
.navbar-nav>li>a:hover.btn {
	background: #52d95b;

}
.navbar-nav>li>a:active.btn {
	background-color: #449d44;
}

@media (min-width:768px){
	.navbar-nav {
        float: right;
        margin: 0;
        padding-top: 0px;
    }
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 0px 10px;
    margin-top: 4px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.nav.navbar-nav.navbar-collapse.collapsing, .nav.navbar-nav.navbar-collapse.collapse.in {
	text-align: center;
}
/* ===== Header
======================= */
.landing-page .header {
	position: relative;
	min-height: 400px;
	min-height: 300px;
	background-attachment: url(../images_v2/Ellipse.png);
	background-repeat: no-repeat;
	background-position: center bottom;	
	max-height: 1020px;
	padding-top: 0px;
	background: rgb(68,166,246); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(37,42,106,1) 0%, rgba(68,166,246,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(37,42,106,1) 0%,rgba(68,166,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(180deg, rgba(37,42,106,1) 0%,rgba(68,166,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252a6a', endColorstr='#4426f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
@media (max-width:768px){
	.landing-page .header {
        padding-top: 0px;
        max-height: 760px;
    }
}
.landing-page .header h1 {
	font-family: 'DIN light', sans-serif;
	/*font-size: 50px;*/
	color: #fff;
	padding-top: 0px;
	padding-bottom: 20px
}
.landing-page .header h3 {
	font-family: 'DIN light', sans-serif;
	/*font-size: 20px;*/
	color: rgba(255,255,255,0.75);
}
.landing-page .header p {
	font-size: 20px;
	color: rgba(255,255,255,0.75);
}
.landing-page .header .btn {
	margin-top: 35px;
	margin-bottom: 40px;
	margin-bottom: 20px;
}
.landing-page .header .button-group {

}
.landing-page .get-it {
	position: relative;
	z-index: 3
}
.row.banner {
	max-width:1380px;
}
.landing-page .header-buttons {
	display: block;
}
.header-play-button {
	position: relative;
	height: 0px;
	width: 100%;
	text-align: center;
	bottom: 10px;
	z-index: 10;
}
.header-play-button .play-video-circle {
	margin-top:20%;
	background: rgba(50,77,120,0.80);
}
.header-play-button .play-video-circle:hover {
	box-shadow: 0 0px 150px 0 rgba(255, 255, 255, 0.9);
}

.header-inner-hover {
	position: static;
	margin-top: 0px;	
	
}

.macbook-image {
	position: relative;
	text-align: center;
	bottom: 10px;	
	z-index: 2;
}
.macbook-image img {
	padding-top: 0px;
	padding-top: 36px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width:1480px){ 
	.landing-page .header {
        max-height: 1060px;
    }
	.landing-page .header-buttons {	
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	.macbook-image img {
    	max-width: 80%;
    }

}
@media (max-width:1180px){
	.landing-page .header {
        max-height: 960px;
    } 
	.landing-page .header-buttons {	
		/*display: none;*/
	}
}

#serp-top-header  .nav > li > a:hover, .nav > li > a:focus {
	text-decoration: none;
	background-color: transparent;
	outline: 0
}