/* Icon font classes */

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:0;
	color:#b1b1b1;
	display:block;
}
.icon-youtube-logo:before {
	content: "\e606";
    font-size: 70px;
}

.icon-youtube-logo{
    margin: -5px 0 -19px 0;
}

.icon-download:before {
	content: "\e613";
}
.icon-forum:before {
	content: "\e614";
    font-size: 95px;
}
.icon-youtube-5122:before {
	content: "\e615";
}

.lp .thumbnail .icon-youtube-5122:before {
    font-size: 99px;
    margin: -4px 0 -46px 30px;
    display:block;
}
.icon-chat:before {
	content: "\e608";
}
.icon-download7:before {
	content: "\e61d";
}
.icon-comment-alt2-stroke:before {
	content: "\e609";
}
.icon-magnifying-glass:before {
	content: "\e60a";
}
.icon-beaker-alt:before {
	content: "\e60b";
}
.icon-volume:before {
	content: "\e616";
}
.icon-volume-mute:before {
	content: "\e617";
}
.icon-play:before {
	content: "\e618";
}
.icon-fullscreen:before {
	content: "\e619";
}
.icon-book-alt:before {
	content: "\e60c";
	font-size:48px;
}
.icon-pen:before {
	content: "\e60d";
}
.icon-user:before {
	content: "\e60e";
}
.icon-lock-stroke:before {
	content: "\e60f";
}
.icon-tag:before {
	content: "\e610";
}
.icon-calendar:before {
	content: "\e600";
}
.icon-search:before {
	content: "\e601";
}
.icon-menu:before {
	content: "\e61a";
}
.icon-thumbs-up:before {
	content: "\e602";
}
.icon-googleplus:before {
	content: "\e603";
}
.icon-instagram:before {
	content: "\e604";
}
.icon-twitter:before {
	content: "\e605";
}
.icon-dribbble:before {
	content: "\e606";
}
.icon-github:before {
	content: "\e607";
}
.icon-arrow-left:before {
	content: "\e611";
}
.icon-arrow-right:before {
	content: "\e612";
}
.icon-svg:before {
	content: "\e61b";
    font-size: 68px;
    margin: -5px 0 -16px;
    display: block;
}



/* Generic classes */

.lp .flex{
    display: flex; 
    flex-flow: row wrap;
}

.lp .flex > div{
    position: relative;
    flex: 1;
}

.lp .parallax{
	background-repeat: no-repeat;
	background-attachment: fixed;
    -webkit-background-attachment: fixed; 
    -moz-background-attachment: fixed; 
    -o-background-attachment: fixed;
    
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

.lp .primary{
	background:#fff;
	border-bottom:1px solid #d5d5d5;
}

.lp .cover{ 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
	background-repeat: no-repeat;
}

.lp .icon{
	text-indent:-9999px;
	display:inline-block;
}

.lp .center-div{
    display: inline-block;
    vertical-align: middle;
    margin-top: 125px;
    padding-left:40px;
    padding-right:40px;
}

.lp .jumbotron-body{
    background:rgba(255,255,255,0.8);
    padding:30px;
    border-bottom: 4px solid rgba(216, 216, 216, 0.8);
    position: absolute;
    bottom:200px;
    left:250px;
    width:750px;
}

/* Bootstrap overrides */

.lp .btn.btn-link{
	padding:0;
	color: #f7931d;
	position:relative;
	font-family:'Open Sans', Arial, Helvetica;
	text-transform: none;
}

.lp .thumbnail .btn.btn-link:after,
.lp .panel .btn.btn-link:after,
.lp .media .btn.btn-link:after{
	font-family: 'icomoon';
	content: "\e612";
	position: absolute;
	top:1px;
}

.lp .panel,
.lp .thumbnail,
.lp .media{
	border-radius:0;
	border:0;
    -webkit-box-shadow: none;
    box-shadow: none;
	border-bottom: 4px solid rgba(216, 216, 216, 0.8);
}

.lp hr {
	margin: 50px 0 20px;
	border-top: 4px solid #eee;    
}

.lp .btn-primary {
    color: #fff;
    background-color: #f7931d;
    border-color: #f7931d;
    position: relative;
    font-weight:700;
    padding: 10px 20px 10px 60px;
    font-size: 18px;
}

.lp .btn-primary:hover{
    background-color:#d97908;
    border-color: #d97908;
}


.lp .btn-primary:before {
    font-weight:normal;
    font-family: 'icomoon';
    content: "\e613";
    color: #fff;
    font-size: 34px;
    position: absolute;
    top: 4px;
    left: 15px;
}

.lp .jumbotron{
    margin-bottom:0;
}

.lp .media{
    background:#fff;
    padding:10px 15px;
}

.lp .media > a,
.lp .media > a:hover{text-decoration: none}


/* centered columns styles */

.lp .row-centered {
    text-align:center;
}
.lp .col-centered {
    float: none;
    margin: 0 auto;
}

/* site scaffolding */

.lp {
	background:#efefef;
	color:#3d3d3d;
    font-family:'Open Sans', Arial, Helvetica;
    overflow-x: hidden;
}

.lp h1,
.lp h2,
.lp h3,
.lp h4,
.lp h5,
.lp h6{
	font-family:'Open Sans', Arial, Helvetica;
    line-height: 34px;
}

.lp h1{
	font-size:48px;
	font-weight:800;
	margin-bottom:20px;
    line-height:52px;
}

.lp h2{
    font-size: 28px;
    font-weight: 800;
	margin: 0 0 20px;
    
}

.lp h2 span{
	font-weight:800;
}

.lp p{
	font-size:15px;
	line-height:26px;
	font-weight:400;
	margin-bottom:20px;
}

.lp a{
    color: #f7931d;
}

#main ul.bullet {
	list-style:none;
	margin:0;
	padding:10px 20px;
}

.lp #main ul.bullet li:before {
	color: #f7931d;
	content: "•"; 
	position:relative; 
	left: -7px; 
	font-size: 18px; 
	margin-left: -7px;
	top: 3px;
}

/* Submenu */

.lp #subnav,
.lp #social{
	list-style:none;
	margin:0;
	padding:0;
}
.lp #subnav li{
	float:left;
	margin-right:30px;
}
.lp #subnav li a{
	font-weight:bold;
	color:#000;
}

.lp #subnav li a:hover{
	color:#f7931d;
	text-decoration:none;
}

/* Content */


.lp section{
	min-height:300px;
	width:100%;
    position:relative;
}

.lp section > .container{
	padding:40px 20px;
}

.lp header{position:relative;}
.lp header h1{font-size:52px;}
.lp header h2,
.lp header h3{
	font-size:19px;
	font-weight:600;
	line-height:36px;
}

.lp header h2{
    font-size:24px;
    font-weight:800;
}

.lp header .jumbotron{
	/* Additional padding for menu */
	padding:200px 0px 100px;
	background-image:url('https://drhpxupodo081.cloudfront.net/acquisition/css/img/ue4introbg-1920x1080-1353923780.jpg');
	background-position:0 -10px;
    min-height:750px;
    color:#3d3d3d;
}

.lp #power .jumbotron{
	background-image:url('https://drhpxupodo081.cloudfront.net/acquisition/css/img/ue4powerbg-1200x628-795177342.jpg');
	background-position:0 -175px;
	height:550px;
    color:#efefef;
    position:relative;
    padding-top:120px;
}

.lp #multiplayer,
.lp #content{
	min-height:580px;
}

.lp #what{
    padding:40px 0 0;
}

.lp #what .container-fluid{
    padding-left:0;
    padding-right:0;
}

.lp #why-intro{min-height:200px;}

.lp #why{
	background-image:url('https://de45xmedrsdbp.cloudfront.net/acquisition/css/img/ue4fortnitebg-1920x1080-1745360321.jpg');
	background-position: 0 -250px;
	min-height: 550px;
}

.lp #tutorials{
	background-image:url('https://drhpxupodo081.cloudfront.net/acquisition/css/img/ue4developersbg-1920x1296-1162436896.jpg');
	background-position: 0 50px;
	min-height: 550px;
}

.lp #one .center-div{margin-top:80px;}

.lp #gamedevs .jumbotron{
    background-image:url('https://de45xmedrsdbp.cloudfront.net/acquisition/css/img/ue4fortnitebg-1920x1080-1745360321.jpg');
	background-position: 0 0px;
	min-height: 550px;
}

.lp #features{
	background-image:url('https://drhpxupodo081.cloudfront.net/acquisition/css/img/ue4soulbg-1920x1159-1887520676.jpg');
	background-position: 0 0px;
	height: 550px;
}

.lp #developers{
	min-height: 400px;
}

.lp #education .row > div >p{
	max-width:500px;
	margin:20px auto 40px;
	text-align:left;
}


.lp #tutorials .thumbnail{
	padding:40px 40px 0 40px;
    position:relative;
    min-height: 260px;
}


.lp #developers .thumbnail > a,
.lp #developers .thumbnail > .caption > a,
.lp #developers .thumbnail > a:hover,
.lp #developers .thumbnail > .caption > a:hover,
.lp #tutorials .thumbnail > a,
.lp #tutorials .thumbnail > .caption > a,
.lp #tutorials .thumbnail > a:hover,
.lp #tutorials .thumbnail > .caption > a:hover,
.lp #developers .thumbnail h3 a:hover, 
.lp #tutorials .thumbnail h3 a:hover{
    text-decoration:none;
}

.lp #developers .thumbnail .text-center a,
.lp #tutorials .thumbnail .text-center a{
	margin-left: -10px;
}

.lp #developers .thumbnail  h3 a,
.lp #tutorials .thumbnail  h3 a{
    color:#3d3d3d;
	margin-left: 0;
}

.lp #developers .thumbnail a h3{font-size:16px;}

.lp #developers [class^="icon-"], [class*=" icon-"] {
    margin-top:10px;
}

.lp #developers .thumbnail .icon-forum{margin: 5px -9px -39px 0px;}

.lp #developers .icon-book-alt {
    margin: 20px 0 -8px 0;
}
.lp #developers .icon-svg {
    margin: 15px 0 -2px 0;
}

.lp #tutorials .icon-forum{
    height: 62px;
    padding-left:7px;
    margin-top: -14px;
}

.lp #tutorials .thumbnail > .caption > p{
    position:absolute;
    bottom:20px;
    text-align: center;
    width:100%;
    left: 0;
}

.lp #mobile {min-height:500px;}

.lp #mobile .row {
	min-height: 368px;
}

.lp #mobile .row > div{ position:relative;}


.lp #marketplace .thumbnail{
	padding:0;
	background:none;
	border:0;
}

.lp #blog .panel-heading{
    background:#fff;
    border:0;
	padding:15px 20px;
}


.lp #education .thumbnail{
    position:relative;
    height: 480px;
}

.lp #education .thumbnail .btn.btn-link {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.lp #blog .panel-heading h3{
    font-weight: 600;
	padding-bottom:0;
}

.lp #blog .panel-body{
    line-height:26px;
}

.lp #blog .panel-heading span,
.lp #blog .panel-heading span > i{
    font-size:13px;   
    float:left;
    color:#7e7e7e;
}
.lp #blog span > i{
    display:inline-block;
    margin-right:5px;
    line-height: 16px;
}
.lp #blog span.author{
    margin-right:20px;
}

.lp #features{
    color:#e7e7e7;
    position: relative;
}

.lp #features h2{
    margin-top:50px;  
    font-size:32px;
	color:#fff;
	text-shadow: 1px 2px 10px #000;
}

.lp #features #video-wrapper{
    display:none;
}

.lp #features .play-video{
    border-radius: 100px;
    opacity: 0.7;
    background: #3d3d3d;
    width: 150px;
    height: 150px;
    display: block;
    margin:100px auto;
}
.lp #features .play-video:hover{
    opacity: 0.8;
    text-decoration: none;
}

.lp #features .play-video i{
    text-align:center;
    padding: 54px 0 0 10px;
    color:#fff;
}

.lp #showcase .thumbnail,
.lp #marketplace .thumbnail{
    border:0;
    position:relative;
    padding:0;
}

.lp .slide{
    position:relative;
    overflow:hidden;
}

.lp .slide .caption{
    color:#fff;
    padding:0 15px;
    width: 100%;
    max-width: 600px;
}

.lp .slide .caption h4{
    margin:0;
}

.lp #showcase .caption a,
.lp #marketplace .caption a,
.lp .slide .caption a{
    color: #fff;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    width:100%;
    display:block;
}

.lp #showcase .caption i,
.lp #marketplace .caption i,
.lp .slide .caption i{
    float:right;
    font-size: 24px;
    color:#bababa;
}

.lp #why h2{
    font-size:23px;
}

.lp #platforms{
    min-height:50px;
    overflow: hidden;
}

/* Content animations */

.lp .animatable{
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}

.lp #access .animatable{
    opacity: 0;
    margin-left: -70px;
}

.lp #access.animate .animatable{
    opacity: 1;
    margin-left: 0px;   
}

.lp #why .animatable{
    opacity: 0;
}   

.lp #marketplace .animatable,
.lp #showcase .animatable{
    opacity: 0;
}

.lp #marketplace.animate .animatable,
.lp #why.animate .animatable,
.lp #showcase.animate .animatable{
    opacity: 1;
}

.lp #showcase .caption,
.lp #marketplace .caption,
.lp .slide .caption{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #000;
    opacity: 0;
    margin:0;
    padding: 0 15px;
    height:0;
    overflow:hidden;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.lp #showcase .thumbnail:hover .caption,
.lp #marketplace .thumbnail:hover .caption,
.lp .slide:hover .caption,
.lp .slide.animate .caption{
	height:auto;
    padding: 15px 15px 10px;
    opacity:0.8;
}


/* Brands */


.lp #brands {
    list-style: none;
    position: relative;
    float: left;
    display: block;
    text-align: center;
    margin: 30px 0 10px;
}

.lp #brands li{
    position: relative;
    display: inline-block;
	width:80px;
	height:80px;
	margin: 0px 25px 0 0;
}

.lp #brands li a {
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0;
}

.lp .windows,
.lp .apple,
.lp .playstation,
.lp .android,
.lp .osx,
.lp .xbox,
.lp .linux,
.lp .oculus,
.lp .steamos,
.lp .mozilla{
	background:url(https://drhpxupodo081.cloudfront.net/acquisition/css/img/sprite-207x1600-1447423744.png) no-repeat  0 0;
}

.lp .windows{background-position: 11px -227px;}
.lp .apple{background-position: 11px -332px;}
.lp .playstation{background-position: 0 -435px;;}
.lp .android{background-position: 14px -640px;}
.lp .osx{background-position: 14px -940px;}
.lp .xbox{background-position: 14px -530px;}
.lp .linux{background-position: 14px -735px;}
.lp .mozilla{background-position: 16px -840px;}
.lp .oculus{background-position: 16px -1275px;}
.lp .steamos{background-position: 16px -1179px;}



/*footer */

.lp #footer-top{
    border-top:13px solid #7c7c7e;
    background:#3d3d3d;
    min-height:200px;
    color:#b1b6b9;
    font-size:13px;
}

.lp #footer-top a{
    color:#b1b6b9;
    font-weight:600;
}

.lp #footer-top h3,
.lp #footer-top h4,
.lp #footer-top ul li a{
    font-size:14px;
    font-weight:700;
    text-transform: uppercase;
}

.lp #footer-top h4{
    font-weight:normal;
    margin: 5px 0;
}

.lp #footer-top p {
    line-height: 19px;
    font-weight:normal;
    font-size: 13px;
    color:#b4b8bc;
}

.lp #footer-top .blog-post a{
    font-weight:600;
    color:#e7e7e7;
    font-size:13px;
}

.lp #footer-top .logo{
	background:url(https://drhpxupodo081.cloudfront.net/acquisition/css/img/sprite-207x1600-1447423744.png) no-repeat  0 -1073px;
    width:207px;
    height:68px;
    margin:20px 0 40px;
}

.lp #footer-top .twitter-box a{
    color:#e7e7e7;
}

.lp #footer-top .twitter-box h4:before{
	content: "\e605";
	font-family: 'icomoon';
	padding-right: 10px;
}

.lp #footer-top ul,
.lp #footer-top ul li{
    list-style:none;
    margin:0;
    padding:0;
}

.lp #footer-top ul li{
    margin-bottom:5px;
}

.lp #footer-top .form-group{
    position:relative;
}

.lp #footer-top ul li a{
    font-size:13px;
}

.lp #footer-top .form-group button{
    position:absolute;
    top:2px;
    right:2px;
    border-radius:5px;
    border:0;
    border-top:2px solid #4b4c4d;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #363636),
        color-stop(1, #555555)
    );
    background-image: -o-linear-gradient(bottom, #363636 0%, #555555 100%);
    background-image: -moz-linear-gradient(bottom, #363636 0%, #555555 100%);
    background-image: -webkit-linear-gradient(bottom, #363636 0%, #555555 100%);
    background-image: -ms-linear-gradient(bottom, #363636 0%, #555555 100%);
    background-image: linear-gradient(to bottom, #363636 0%, #555555 100%);
    color:#b1b6b9;
    font-weight:600;
}

.lp #footer-top .form-group input{
    border-radius:5px;
    background:#363636;
    border:0;
    border-bottom:1px solid #717171;
    border-top:1px solid #0e0e0e;
    height:40px;
    line-height:20px;
    width:100%;
}

.lp #footer-top .sitemap{
    padding-left:60px;
}

.lp #footer-top .sitemap a{
    text-transform: none;   
}

.lp #footer-top #footer-social{
    margin-top:40px;
}

.lp #footer-top #footer-social li{
    float:left;
}

.lp #footer-top #footer-social li i{
    font-size:18px;  
    margin-right:20px;
}

.lp #footer-top #footer-social li i.icon-youtube-5122{
    font-size: 23px;
    margin-top: -4px;
}


.lp #footer-bottom{
    background:#2b2b2b;
    min-height:50px;
    overflow:hidden;
    padding: 20px 0 5px;
}

.lp #footer-bottom p,
.lp #footer-bottom a{
    font-size: 12px;
    color:#888888;
    display:inline-block;
    font-weight:normal;
    text-transform: uppercase;
}

.lp #footer-bottom p{
    margin-right:15px;
}

.lp #footer-bottom a{
    margin-right:10px;
}

/* Caroufredsel */

.lp .caroufredsel_wrapper{
    background:#fff;
    border-bottom:1px solid #ccc;
}

.lp #tabs > div {
    max-width: 100%;
    float: left;
    overflow: hidden;
}

.lp #tabs > div img{
    margin:0 auto;
	max-width:1050px;
}

.lp #tabs h3{visibility: hidden; height:1px;}

.lp #pager {
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
    background: #E6E6E6;
    list-style: none;
    padding: 0;
}
.lp #pager li{
    display: inline-block;
    position: relative;
}

.lp #pager a {
    color:#3d3d3d;
    font-size: 20px;
    display: block;
    text-decoration: none;
    line-height: 30px;
    padding: 20px 30px;
}
.lp #pager a:hover {
    color: #666;
}

.lp #pager li.selected a{
    font-weight: 700;
    border: 0;
    background: #3d3d3d;
    color: #fff;
}



/*** Responsive tweaks ***/

@media (max-width: 760px) { 
    
     .lp h1,
     .lp header h1{font-size:22px; line-height:31px}
    
    .lp header .menu-download {
        position: relative;
        right: auto;
        bottom: auto;
    }
    
    /* Override all jumbotrons on mobile */
    .lp .jumbotron{
        height: 208px!important;
        min-height: 208px!important;
        padding: 0!important;
        background-position: 0 0!important;
    }
	
	.lp #tabs > div img {
        width: 100%; 
        max-width: 100%; 
    }
    
    .lp .jumbotron-body{
        left:0!important;
        bottom:auto;
        width:100%;
        position: relative;
    }
    
    .lp header .menu-download {
        bottom:15px;
        right:auto;
        left: 26px;
        bottom: 25px;
    }
    
    .lp header .jumbotron-body{
        padding: 30px 30px 100px;
    }
    
    .lp .tab-pane{
        padding:30px;
    }
    
    .lp #tutorials.parallax,
    .lp #why.cover{
        background-size: cover!important;
        background-repeat: no-repeat!important;
    }
    
    .lp #education img{width: 100%;}
    
    .lp #developers.cover {
           background-size: cover; 
    }
    
    .lp #one .center-div{
        margin-top:0;
    }
    
    .lp #why .row > div:first-child{
        margin-top: 190px;
        width: 100%;
    }
    
	 .lp p {
		font-size: 14px;
		line-height: 20px;
	}   
	
	.lp header h2, 
	.lp header h3 {
		font-size: 18px;
		line-height: 30px;
	}
	
    .lp .flex{
        display: block; 
        flex-flow:none;
    }

    .lp .flex > div{
        flex: none;
    }
    
    .lp #footer-top .sitemap{
        padding-left:20px;
    }
    
    .lp #showcase .thumbnail.last {
        height:auto;
    }
    
    .lp #brands{
        left:0; 
    }
    
    .lp #brands li{
        right: 0; 
        margin: 0px 20px 0 0; 
    }
    
    
    /* use animation defaults when on mobile */
    .lp #access .animatable{
        opacity: 1;
        margin-left: 0;
    }
    
    .lp #marketplace .animatable,
    .lp #why .animatable,
    .lp #showcase .animatable{
        opacity: 1;
    }
    
    .lp #pager li,
    .lp #pager a {
        width:100%;
        display:block;
    }
    
    /* Change order of divs using CSS */
    
    .lp #content .row{
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    
    .lp #content .row > div:first-child{
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        overflow:visible;
    }

    .lp #content .row > div:last-child{
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    
    .lp .center-div{
        margin-top: 0;
    }
    
    .lp #education .thumbnail{
        height: auto;
        padding-bottom:50px;
    }
    
}

@media (min-width: 760px){
    .lp #power .jumbotron-body{
        background:transparent;
        color:#fff;
        border:0;
        width:600px;
    }
    
    .lp #gamedevs .jumbotron-body{
        background:#fff;
    }
	
	
	.lp #developers  .row > div > .row > .thumbnail{max-width:150px}
}


/* tablet screens */
@media (max-width: 1024px) {
    .lp header,
    .lp #power,
    .lp #why,
    .lp #features,
    .lp #developers{
        background-position: 0 0px;
    }
	
	.lp #developers .thumbnail{
		padding: 20px 20px 0 15px;
	}
	
	.lp h3 {
		font-size: 20px;
	}
    
    .lp header .jumbotron-body{
        left:150px;   
    }
    
}


/* Medium screens */
@media (max-width: 992px) { 
    .lp .jumbotron-body{
        left:150px;   
    }
    
    .lp #showcase .thumbnail.last {
        height:auto;
        overflow:hidden;
    }
	
    .lp .flex{
        display: block; 
        flex-flow:none;
    }

    .lp .flex > div{
        flex: none;
    }
    
}

/* Medium-large screens */
@media (min-width: 993px) and (max-width: 1199px) {
    .lp #showcase .thumbnail.last {
        height: 150px;
        overflow: hidden;
    }
}

/* Large screens */
@media (min-width: 1200px) {
    .lp #showcase .thumbnail.last {
        height: 183px;
        overflow: hidden;
    }
}


/* iPad specific styling */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    /* use animation defaults when on mobile */
    .lp #access .animatable{
        opacity: 1;
        margin-left: 0;
    }
    
    .lp .jumbotron-body{
        left:150px;   
    }
    
    .lp #marketplace .animatable,
    .lp #why .animatable,
    .lp #showcase .animatable{
        opacity: 1;
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    .lp .jumbotron-body{
        left:150px;   
    }
    .lp #access .animatable{
        opacity: 1;
        margin-left: 0;
    }
    
    .lp #marketplace .animatable,
    .lp #why .animatable,
    .lp #showcase .animatable{
        opacity: 1;
    }
}


/* Reset backgrounds for phones and tables */
@media only screen 
and (max-width : 1024px)
and (min-width : 319px) {
    .lp .cover,
    .lp .parallax{  
		-webkit-background-size: 100%; 
		-moz-background-size: 100%; 
		-o-background-size: 100%; 
		background-size: 100%; 
        -webkit-background-size:contain;
        -moz-background-size: contain;
        -o-background-size: contain; 
        background-size: contain;
        background-repeat: no-repeat;
    }
}



/**** Copied/Altered UE.com styling!! ****/

.lp .menu-download {
    background-color: #f7931d;
    border: 0 !important;
    width: 155px;
    height: 48px;
    border-radius: 10px;
    padding: 3px 6px;
    position: relative;
}

.lp .menu-download > a {
    width: 140px;
    position: relative;
    padding-left: 40px !important;
    color: #fff !important;
    display: block;
    text-transform: uppercase;
    padding-top: 2px;
    font-size: 15px;
    font-weight:700;
    height: 100%;
    line-height: 23px;
    background: url(https://drhpxupodo081.cloudfront.net/acquisition/css/img/download-icon-22x23-1532272897.png) no-repeat 9px 10px;
}

.lp .menu-download:hover > a {
    text-decoration: none;
}

.lp .menu-download:hover {
    background-color: #d97908;
}

.lp .menu-download > a .download-price {
    font-size: 14px;
    line-height: 1px;
    position: absolute;
    bottom: 11px;
    right: 10px;
    font-weight:600;
}


/**** UE.com styling overrides ****/

.lp header .menu-download {
    position: absolute;
    right: 80px;
    bottom: 45px;
    width: 270px;
    height: 55px;
}
.lp section .menu-download{
    margin: 0 auto;
}

.lp #developers .menu-download{
	margin: 50px auto;
}

.lp header .menu-download > a {
	width: 230px;
	padding-left: 45px !important;
	font-size: 18px;
	text-align: center;
	line-height: 48px;
	background: url(https://drhpxupodo081.cloudfront.net/acquisition/css/img/download-icon-22x23-1532272897.png) no-repeat 16px 15px;
}