/*FFEB3B*/

@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic|Lora:400,400italic,700,700italic);

#main-wrapper, .intro-section,
body, html{
	height:100% !important;
	width:100%;
}


*{
	font-family: Lora, sans-serif;
}

@font-face {
	font-family: BilboINC;
	src: url(font/BilboINC.ttf);
  }


.subscribe-btn,
.p-table > .header > .price > *,
.menu > ul > li > a,
.btn-minimal,
h1, h2, h3, h4, h5, h6{
	font-family: Roboto Mono, sans-serif;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	width: 100%;
	margin: auto;
	position: relative;
}
.phone{
	width:100%;
	height: 100%;
	margin:auto;
	position:relative;
}
.intro-title{
	font-family: BilboINC;
	font-size: 700%;
}


img{
	max-width:100%;
}

.section{
	background:#FFF;
	position:relative;
	z-index:9;
}
.bg-lightgray{
	background:#F2F2F2;
}

.container{
	padding-left:30px;
	padding-right:30px;
}

.page-borders{
	position:relative;
	z-index:99;
}
.page-borders > div{
	position:fixed;
	z-index:99;
	background:#E7E7E7;
}
.page-borders > .top,
.page-borders > .bottom{
	height:25px;
	width:100%;
	left:0;
	display:none;
}
.page-borders > .top{
	top:0;
}
.page-borders > .bottom{
	bottom:0;
}
.page-borders > .left,
.page-borders > .right{
	width:25px;
	height:100%;
	top:0;
}
.page-borders > .left{
	left:0;
}
.page-borders > .right{
	right:0;
}
p{
	line-height:1.6em;
}

.v-align{
	position:relative;
	height:100%;
	width:100%;
	display:table;
}
.v-align > .inner{
	height:100%;
	width:100%;
	display:table-cell;
	vertical-align:middle;
}


.col-section-header > h2{
	margin-top:0;
	font-size:34px;
	line-height:1.4em;
	margin-bottom:20px;
	font-weight:300;
}
.col-section-header > p{
	color:rgba(0,0,0,.4);
	margin-top:0;
}


.top-section-header{
	position:relative;
	text-align:center;
}

.top-section-header > h2{
	font-size:34px;
	font-weight:700;
	margin-top:0;
	margin-bottom:10px;
	text-transform:uppercase;
	letter-spacing:2px;
}
.top-section-header > p{
	margin:0;
	color:rgba(0,0,0,.4);
	font-size:16px;
}

.intro-section > .container,
.intro-cols > div,
.intro-cols{
	height:100%;
}

.intro-cols > div{
	position:relative;
}

.intro-section:before{
	top:0;
}
.intro-section:after{
	bottom:0;
}
.intro-section{
	overflow:hidden;
	background-image: -webkit-linear-gradient(120deg, #FFDFF8 50%, #D9F3FF 50%);
	background-size: cover;
	height:100%;
}

.intro-text{
	color:#202020;
}
.intro-text > h1{
	margin:0;
	margin-bottom:25px;
	font-weight:300;
}
.intro-text > p{
	font-size:20px;
	margin:0;
	color:rgba(0,0,0,.4);
	margin-bottom:55px;
}


a.app-btn{
	color:#202020;
	text-decoration:none;
}
.app-btn{
	background:#202020;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:180px;
	padding:2px;
	position:relative;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
}
.app-btn:after{
	content: ' ';
	position:absolute;
	top:2px;
	left:2px;
	bottom:2px;
	right:2px;
	border:solid 1px #FFF;
	z-index:10;
	opacity:.8;
}
.app-btn:hover{
	background:#202020;
}



a.btn-minimal{
	text-decoration:none;
	color:#202020;
}
.btn-minimal{
	position:relative;
	padding:14px 25px;
	line-height:1em;
	border:solid 1px #C0C0C0;
	color:#202020;
	text-transform:uppercase;
	font-weight:500;
	letter-spacing:2px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
	background:transparent;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.btn-minimal:hover{
	background:#202020;
	color:#FFF;
	border-color:#202020;
}



.intro-download-btns{
	font-size:0;
}
.intro-download-btns > .app-btn{
	margin-right:25px;
}
.intro-download-btns > .app-btn:last-of-type{
	margin-right:0;
}


footer{
	padding:0 0 15px 0;
	background:#E7E7E7;
}
footer p{
	color:rgba(0,0,0,.4);
	margin:0;
}



#preloader{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#FFF;
	z-index:999;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
}
.no-js #preloader{
	display:none;
}
#preloader > .loader{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	height:92px;
	width:92px;
	margin:auto;
	margin-top:-46px;
}
body.loaded #preloader{
	visibility:hidden;
	opacity:0;
}




.owl-controls{
	margin-top:20px;
}
.owl-controls > .owl-dots{
	font-size:0;
}
.owl-controls > .owl-dots > .owl-dot{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-right:8px;
}
.owl-controls > .owl-dots > .owl-dot > span{
	height:4px;
	width:38px;
	display:block;
	background:#C0C0C0;
	margin:10px 0;
}
.owl-controls > .owl-dots > .owl-dot.active > span,
.owl-controls > .owl-dots > .owl-dot:hover > span{
	background:#202020;
}

@media screen 
  and (min-width: 993px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
	.phone{
		/* top: 200px; */
	}
}

@media screen 
  and (min-width: 993px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
	.phone{
		/* top: 200px; */
	}
}



@media(max-width:992px){
	.intro-section{
		height:auto !important;
	}
	.intro-text{
		text-align:center;
		padding:100px 0;
	}
	.container{
		padding-left:40px;
		padding-right:40px;
	}
	.phone{
		top: 100px;
	}
}
@media(max-width:768px){
	.container{
		padding-left:30px;
		padding-right:30px;
	}
	.page-borders > .left,
	.page-borders > .right{
		width:15px;
	}
	.intro-section:before,
	.intro-section:after{
		height:15px;
	}
	.phone{
		top: 100px;
	}
}
@media (max-width:600px){
	.page-borders > .left,
	.page-borders > .right{
		width:10px;
	}
	.intro-section:before,
	.intro-section:after{
		height:10px;
	}
	.phone{
		top: 100px;
	}
}
@media (max-width:500px){
	.app-btn{
		margin:5px auto !important;
		display:block;
	}
	.phone{
		top: 100px;
	}
}