@font-face {
    font-family: ArchitectsDaughter;
	src: url('/fonts/ArchitectsDaughter.eot');
	src: url('fonts/ArchitectsDaughter.eot?#iefix') format('embedded-opentype'), 
		 url('fonts/ArchitectsDaughter.ttf') format('truetype'),
		 url('/fonts/ArchitectsDaughter.woff') format('woff');
	font-weight: normal;
    font-style: normal;
}
body {
	font-family: 'ArchitectsDaughter';
}
ul {
	list-style-type: none;
}

.bg-light {
    background: rgba(116,116,116,0.4) !important;
	position: absolute;
	z-index: 3;
	top: 0;
	width: 100%;
}
.navbar-light .navbar-nav .active > .nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show > .nav-link {
	color: #fff;
	text-decoration: underline;
}
.navbar-light .navbar-nav {
	margin-right: 50px; 
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:active
{
	color:white;
	text-decoration: underline;
}

.collapse ul ul
{
	display:none;
	position:absolute;
	top:100%;
	color:white;
	background:transparent;
	padding:0
}

.collapse ul ul li
{
	float:none;
	width:auto;
}

.collapse ul ul a
{
	line-height:120%;
	padding:10px 15px;
	color:rgba(0,0,0,.5)
}

.collapse ul ul a:hover{
	color:white;
}

.collapse ul li:hover > ul
{
	display:block
}

.collapse ul li:hover{
	color:white;
} 

.jumbotron {
	border-radius: 0;
	color:#fff;
	height: 100%;
	max-height: 750px;
	
	background: -moz-radial-gradient(50% 35%, ellipse cover, #01bcc7 0%, #015e64 100%);/* FF3.6+ */
	background: -webkit-radial-gradient(50% 35%, ellipse cover, #01bcc7 0%, #015e64 100%);/* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(50% 35%, ellipse cover, #01bcc7 0%, #015e64 100%);/* Opera 11.10+ */
	background: -ms-radial-gradient(50% 35%, ellipse cover, #01bcc7 0%, #015e64 100%);/* IE10+ */
	background: radial-gradient(50% 35%, ellipse cover, #01bcc7 0%, #015e64 100%);/* W3C */
	
	z-index: 1;
	position: relative;
}
.jumbotron::after {
	background: url(img/top_pattern_gray.png) no-repeat;
    content: "";
    opacity: 0.1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    background-size: cover;
    background-position-x: -150px;
	background-position-y: -400px;
	max-height: 600px;
	z-index: 1;
}
.hero-content {
	z-index: 2;
	position: relative;
}
p.lead.align-middle{
	max-width: 800px;
	margin: 35px auto;
}
.download-guy {
	/*background: url(img/download_guy.png) no-repeat;
	height: 400px;*/
	
}
.app-presentation {
	z-index: 2;
	background: #fff;
	width: 100%;
	border-radius: .3rem;
	padding-left: 125px;
	padding-top: 50px;
	padding-right: 39px;
	padding-bottom: 30px;
	position: absolute;
	top: -49px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=225, Color=#949494)";/*IE 8*/
	-moz-box-shadow: -5px 5px 10px #949494;/*FF 3.5+*/
	-webkit-box-shadow: -5px 5px 10px #949494;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: -5px 5px 10px #949494;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=225, Color=#949494); /*IE 5.5-7*/
}
.app-presentation image:nth-child(1){
	position: absolute;
	top: 150px;
	right: 0;
	z-index: -1;
	
}
.app-presentation h2 {
	margin-bottom: 60px;
}
.app-presentation p {
	font-size: 1rem;
	margin-bottom: 40px;
}
.app-features p {
	margin-top: 90px;
	margin-bottom: 70px;
	font-size: 23px;
}
.app-features {
	margin-top: -170px;
}
.app-features ul li {
	color: #01c3cf;
	font-size: 20px;
	margin-bottom: 30px;
}
.app-features h2 {
	margin-bottom: 40px;
	margin-top: 50px;
	font-size: 23px;
}
.img-z {
	position: absolute;
    top: -260px;
    right: 0;
    max-height: 260px;
}
.hc-btn {
	background: #fff;
	color: #01c3cf;
	border: none;
	padding: .5rem 5rem;
}
.hc-btn:hover {
	background: #01c3cf;
}

.video-tutorial {
	background-color: #e4e4e4;
	height: 100%;
	max-height: 460px;
	margin-bottom: 80px;
	width: 100%;
}
footer {
	background: -moz-radial-gradient(52% 0%, ellipse cover, #117177 0%, #114649 100%);/* FF3.6+ */
	background: -webkit-radial-gradient(52% 0%, ellipse cover, #117177 0%, #114649 100%);/* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(52% 0%, ellipse cover, #117177 0%, #114649 100%);/* Opera 11.10+ */
	background: -ms-radial-gradient(52% 0%, ellipse cover, #117177 0%, #114649 100%);/* IE10+ */
	background: radial-gradient(52% 0%, ellipse cover, #117177 0%, #114649 100%);/* W3C */
	

	color: #fff;
	padding: 10px 0;
	position: relative;
	z-index: 1; 
}
footer::after{
	background: url(img/footer_pattern_grey.png) no-repeat;
    content: "";
    opacity: 0.1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background-size: cover;
    background-position-x: -131px;
    background-position-y: -127px;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #fff;
	text-decoration: underline;
}
footer hr {
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(255,255,255,1)!important;
    margin-bottom: 10px;
	margin-top: 0;
    padding: 0; 
}
footer h3 {
	font-size: 20px;
}

.bottom-nav ul{
	display: block;
	float: right;
	margin-bottom: 0;
}
.bottom-nav ul li{
	display: inline-block;
	margin-left: 50px;
}
.left-footer {
	padding-left: 0;
}
.left-footer li {
	margin-bottom: 20px;
}
.left-footer li img{
	max-height: 30px;
}
.app-social h3 {
/*	text-align: center;*/
	padding-left: 66px;
	padding-top: 56px;
}
.app-social ul{
	list-style-type: none;
	max-width: 200px;
/*	margin: 0 auto;*/
}
.app-social ul li {
	display: inline-block;
}
.extra-footer {
	background-color: #212121;
	color: #fff;
	/*margin-top: 20px;*/
	padding: 20px 0;
	width: 100%;
}
.extra-footer p{
	margin: 0!important;
}
.img-fluid {
	max-width: 100%;
	height: auto;
}

.btn-home{
	border: 1px solid black;
    white-space: normal;
    border-radius: 10px;
    font-weight: bold;
    box-shadow: inset -10px -10px 10px 0px rgba(0, 0, 0, 0.39);
}

/* block-info */

.block-info{
	/*text-align:left;*/
	padding:30px 10px;
	text-align: justify;
}

.title{
	padding-bottom:50px;
	font-weight:300;
}

div.block-info h6 {
	font-weight: 600;
}

.contact-form{
    padding: 40px 0px;
}

.info-form{
	padding-left: 50px;
}

.btn-send {
	padding: 10px 20px;
    border-color : lightgrey;
	border-radius: 5px;
	background: #117177;
}

.btn-send:hover {
	background: #117177;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager.bx-default-pager .bx-pager-item a .bx-pager-link{
	display:none !important;
}

/* end block-info */


@media screen and (max-width: 1024px) /* < 1024px */ {
	.bottom-nav ul li {
		display: inline-block;
		margin-left: 15px;
	}
	.img-z {
		position: absolute;
		top: -200px;
		right: 0;
		max-height: 200px;
	}
	.app-presentation {
		padding-left: 50px;
	}
	.app-presentation h2 {
    	margin-bottom: 30px;
	}
	.left-footer li a img {
		margin-top: 5px;
	}
}