/*!
 * Pikster new version
 *
 * Copyright 2014
 * Created by: Gabriel Paredes
 * Designed and built based on Twitter Bootstrap.
 * Saludo a los Stalkers!  */

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Non-semantic
04 Navbar
05 Single-Page Sections
06 Footer
07 Responsive
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

div, article, section, header, footer, nav, li {
	position:relative;
}
.group:after {
	display:block;
	height:0;
	clear:both;
	content:".";
	visibility:hidden; /* For clearing */
}
body {
	color: #312A1E;
	font-family: 'Source Sans Pro', sans-serif;
}

ul, ol {
	font-size: 1.3125em; /* 21px */
	line-height: 1.5; /* 24px */
	margin: 0 0 1.5em 0;
}
::-moz-selection {
background:#1FC2FF;
color:#333;
}
::selection {
background:#1FC2FF;
color:#333;
}
.gap-40 {
    clear: both;
    height: 40px;
}

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.Museo-300 { 
	font-family: Museo-300;
	font-weight: normal;
	font-style: normal;
}


h1, h3 { 
	font-family: Museo-300; 

}


h2, h4, h5, h6 {
	font-weight: normal; /* reset default browser weight for our webfonts */
	font-family: 'Source Sans Pro', sans-serif;
}

p {
	font-size: 21px;
}

.button {
	color: #FFF;
	border-style: solid;
	border-color: rgba(255,255,255, 0.8);
	border-radius: 50% 50% 0% 0%;
	padding: 20px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
	

/* ---------------------------------------------------------------------------------------------------------- 
03 Non-semantic ---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.alignright {
	text-align: right;
}
.alignleft {
	text-align: left;
}
.aligncenter {
	text-align: center;
}
.alignbottom {
	position:absolute;
	bottom: 0px;
	width: 100%;"
}
.aligntop {
	position:absolute;
	top: 0px;
	width: 100%;"
}
/* ---------------------------------------------------------------------------------------------------------- 
04 Navbar ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%
}
.navbar-header{
	position: relative;
	z-index: 9999;
}
.navbar-collapse{
	margin-top: 1em;
}

.main-nav {
	background-color:rgba(31,194,255,0.9);
}


.navbar{
	border-radius: 0;
	border: 0;
	margin-bottom: 0;
}


.navbar-nav>li>a{
	font-weight: 600;
	font-size: 21px;
}

.navbar-toggle{
	background: rgb(31,177,255);
	border-radius: 0;
	margin-top: 20px;
}

.navbar-toggle .icon-bar{
	background: #fff;
}

ul.nav.navbar-nav li{
	/* background-color:rgba(255,255,255,.8); */
}

ul.navbar-nav li a{
	color: #FFF;
}
.navbar-nav>li>a {
	padding-top:10px;
	padding-bottom:10px;
	font-weight: 100;
}


ul.navbar-nav li a:hover, 
ul.navbar-nav li a:focus{
	background: #1Fb1E8;
	color: #fff;
}

ul.navbar-nav > li.active{
	background: none;
}

ul.navbar-nav li.active > a,
ul.navbar-nav > li.active.dropdown.open{
	background: #1Fb1E8;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

ul.navbar-nav li.search{
	margin-left: 10px;
}

header {
    display: none;
}

header.clone {
	display:block;
    position: fixed;
    top: -85px;
    left: 0;
    right: 0;
    z-index: 999;
    transition: 0.2s top cubic-bezier(.3,.73,.3,.74);
}

body.down header.clone {
    top: 0;
}


/* ---------------------------------------------------------------------------------------------------------- 
05 Single-Page Sections -------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
#headerwrap {
	background: url(../img/header.jpg) #1Fb1E8 no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#headerwrap #handwrap .row .col-md-2 img {
	margin-top: 100px;
}
#handwrap {
	background: url(../img/hand.png) center bottom no-repeat;
}
#headerwrap h1 {
	color: #FFFFFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	margin: 2em 0 2em 0;
	text-align: left;
	text-shadow:2px 2px 5px #000;
	font-size: 45px;
}

#features img {
    display:block;
    margin:auto;
    margin-top: 1.3333em;
}
#features h1, h3 {
	color:#1FC2FF;
}

#features  {
	padding-top:100px;
	box-shadow: 0 150px 200px -200px black;
	-moz-box-shadow: 0 150px 200px -200px black;
	-webkit-box-shadow: 0 150px 200px -200px black;
}

#discover {
	padding-top:100px;

}
#carousel-example-generic{	background: url(../img/bg_phone.png) no-repeat center bottom;
	background-size:contain;}
#discover h1 {
	color:#1FC2FF;
}
#discover img {
	margin-right: auto;
	margin-left: auto;
}

#contactwrap {
	width: 100%;
	background:  #1FC2FF;
	color: #FFF;
	padding:120px 0px 50px 0px;
	text-align:center;
}
#contactwrap body {
	color: #FFFFFF;

}

#contactwrap input[type=text] {
	font-size: 1.3125em;
	border: 0;
	text-align: center;
	margin-bottom:0 !important;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	height: 3em;
	width:40%;
}
#contactwrap input[type=text]:focus {
	outline:0;
}
#contactwrap input[type=submit] {
	color: #fff;
	width: 20%;
	height: 3em;
	font-size: 1.3125em; /* 21px */
	padding:0.5em;
	letter-spacing: 0.05em;
	margin: 0;
	border: 0;
	text-transform: none;
	background: #565656 !important;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
}
#contactwrap input[type=submit]:hover, #contactwrap input[type=submit]:active {
	background: #43413e !important;
}
/*========== Social Icons ==========*/
ul.icon {
	margin:1em;
	padding: 0;
}
ul.icon li {
	display:inline-block;
	padding:.3em;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
ul.icon li:hover {
	opacity:0.7;
}
.fa-lg {
	font-size: 1.3333333333333333em;
	color:#FFF;
}

/* ---------------------------------------------------------------------------------------------------------- 
06 Carousel ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.carousel-inner{
z-index:-1 !important;}


/* ---------------------------------------------------------------------------------------------------------- 
07 Footer ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

footer {
	text-align: center;
	color: #FFF;
	font-weight: bold;
}
footer p {
	margin-top: -130px;
}


/* ---------------------------------------------------------------------------------------------------------- 
08 Responsive -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media (min-width: 980px) and (max-width: 1186px) {


}
 @media (min-width: 768px) and (max-width: 979px) {

 
}

@media (max-width: 767px) {

	#contactwrap input[type=text] {
		font-size:inherit;
		width:50%;
	}
	#contactwrap input[type=submit] {
		font-size: inherit;
		width:30%;
	}
	#headerwrap #handwrap .row .col-md-2 img {
		margin-top: 10px;
	}
#carousel-example-generic{	background: url(../img/bg_phone_xs.png) no-repeat center bottom;
	background-size:contain;}
}