/* Padrões */
html, body{font-family: 'Calibri'; font-size: 100%;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
a{transition: 0.2s;}
li{transition: 0.2s;}
img{transition: 0.5s;}
input{transition: 0.2s;}
textarea{transition: 0.2s;}
button{transition: 0.2s;}
.transition{transition:1s;}

::-webkit-input-placeholder {color: #ffffff; font-family: 'Calibri'; font-size: ; line-height: 20px; opacity: 0.8;}
:-moz-placeholder {color: #ffffff; font-family: 'Calibri'; font-size: ; line-height: 20px; opacity: 0.8;}
::-moz-placeholder {color: #ffffff; font-family: 'Calibri'; font-size: ; line-height: 20px; opacity: 0.8;}
:-ms-input-placeholder {color: #ffffff; font-family: 'Calibri'; font-size: ; line-height: 20px; opacity: 0.8;}

object{display: none;}

@font-face {
  font-family: 'Calibri-Light';
  src: url('fonts/Calibri-Light.woff') format('woff'),
       url('fonts/Calibri-Light.ttf') format('truetype'),
       url('fonts/Calibri-Light.svg#Calibri-Light') format('svg');
  src: url('fonts/calibril.eot');
  src: url('fonts/calibril.eot?#iefix') format('embedded-opentype'),
       url('fonts/calibril.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@media screen and (min-width: 1024px){

.mobile{display: none;}

/* Header */

header{height: 60px; position: fixed; width: 100%; z-index: 9999;}
header div.topo{position: relative; top: 50%; transform: translateY(-50%);}
header div.topo img{float: left; left: 5%; position: relative; margin-top: -10px;}
header div.topo img.logo:hover{opacity: 0.8;}
header nav{float: right; position: relative; right: 5%;}
header nav ul{}
header nav ul li{display: inline-block; margin: 0 0 0 20px;}
header nav ul li a{color: #ffffff; font-size: 1.4em;}
header nav ul li a:hover{color: #00aeef;}

.headerfixo{background-color: rgba(13, 1, 60, 0.9); padding: 0 0 30px 0;}
    
/* Index */

#geral{width: 100%;}
#index{height: 100vh; width: 100%;}
#index div.bg-mountain{background-image: url(../images/fundo.png); background-size: cover; background-attachment: fixed; height: 100vh; position: absolute; width: 100%;}
#index div.bg-index{background-image: url(../images/.png); background-attachment: fixed; height: 100%; position: absolute; width: 100%;}
#index div.content{display: block; position: relative; text-align: center; top: 50%; transform: translateY(-50%);}
#index div.content h1{color: #ffffff; font-size: 2.5em; margin: 2% 0 0 0; position: relative;}
#index div img{margin: 0 auto; width: 30%;}
    
/* Sobre */

#sobre{box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.8); min-height: 90vh; padding: 10% 0 2% 0; position: relative; text-align: center;}
#sobre h1{color: #00aeef; font-family: 'Calibri-Light'; font-size: 2.5em; margin: 0 auto 2% auto; position: relative; width: 60%;}
#sobre p.subtitle{font-family: 'Calibri-Light'; font-size: 2em; margin: 0 auto 20px auto; width: 60%;}
#sobre ul{margin: 4% 0 0 0;}
#sobre ul li{display: inline-table; margin: 0 2% 0 2%; width: 18%;}
#sobre ul li img{border-radius: 100%;}
#sobre ul li h2{font-size: 1.5em; margin: 10px 0 10px 0;}
#sobre ul li p{font-size: 1.2em; line-height: 26px;}

/* O Que Fazemos */
#oquefazemos{background-color: #00adef; box-sizing: border-box; min-height: 100vh; padding: 6% 0 2% 0; position: relative; text-align: center;}
#oquefazemos h1{color: #ffffff; font-family: 'Calibri-Light'; font-size: 2.5em; margin: 0 auto 2% auto; padding: 80px 0 0 0; position: relative; width: 60%;}
#oquefazemos p.subtitle{color: #ffffff; font-family: 'Calibri-Light'; font-size: 2em; margin: 0 auto 20px auto; width: 60%;}
#oquefazemos ul.first{margin: 6% 0 0 0;}
#oquefazemos ul li{color: #ffffff; display: inline-table;}
#oquefazemos ul li img{border-radius: 100%;}
#oquefazemos ul li h2{font-size: 1.7em; margin: 20px 0 20px 0;}
#oquefazemos ul li ul{}
#oquefazemos ul li ul li{color: #eeeeee; display: block; font-size: 1.2em; margin: 0 auto 2% auto; text-align: center; width: 70%;}
#oquefazemos .owl-pagination span{background-color: #ffffff !important;}

/* Vídeos */
#videos{background-color: #00adef; box-sizing: border-box; min-height:; padding: 6% 0 2% 0; position: relative; text-align: center;}
#videos h1{color: #ffffff; font-family: 'Calibri-Light'; font-size: 2.5em; margin: 0 auto 2% auto; padding: 80px 0 0 0; position: relative; width: 60%;}
    
/* Parceiros */
#parceiros{min-height: 100vh; padding: 6% 0 2% 0; position: relative; text-align: center;}
#parceiros h1{color: #00aeef; font-family: 'Calibri-Light'; font-size: 2.5em; margin: 10% auto 2% auto; position: relative; width: 60%;}
#parceiros p.subtitle{color: #202020; font-family: 'Calibri-Light'; font-size: 2em; margin: 0 auto 20px auto; width: 60%;}
#parceiros ul{margin: 0 auto; position: relative; width: 60%;}
#parceiros ul li{display: inline-block; margin: 0 2% 2% 0;}
#parceiros div{position: relative;}

/* Contato */
#contato{background-image: url(../images/fundo.png); background-attachment: fixed; background-size: cover; bottom: 0%; min-height: 100vh; padding: 4% 0 2% 0; position: relative; width: 100%;}
#contato h1{color: #ffffff; font-family: 'Calibri-Light'; font-size: 2.5em; margin: 5% auto 1% auto; position: relative; text-align: center; width: 60%;}
#contato h2{color: #ffffff; font-family: 'Calibri-Light'; font-size: 2.5em; margin: 5% auto 2% auto; position: relative; text-align: center; width: 60%;}
#contato div.full-width{margin: 0 auto; width: 45%;}
#contato div.left, div.right{width: 45%;}

#contato form{text-align: center;}
#contato form label{display: block; margin: 2% 0 2% 0;}
#contato form span{clear: both; color: #ffffff; font-size: 1.5em;}
#contato form input{background-color: transparent; border: none; border-bottom: 1px solid #ffffff; box-sizing: border-box; color: #ffffff; font-family: 'Calibri'; font-size: 1.2em; margin: 10px 0 0 0; outline: 0; padding: 10px; text-align: center; width: 100%;}
#contato form input:focus{background-color: rgba(0, 173, 239, 0.8);}
#contato form textarea{background-color: transparent; border: none; border-bottom: 1px solid #ffffff; box-sizing: border-box; color: #ffffff; font-family: 'Calibri'; font-size: 1.2em; margin: 10px 0 0 0; max-height: 100px; max-width: 100%; min-height: 100px; outline: 0; padding: 10px; text-align: center; width: 100%;}
#contato form textarea:focus{background-color: rgba(0, 173, 239, 0.8);}
#contato form button{background-color: rgba(0, 173, 239, 1); box-sizing: border-box; color: #ffffff; font-size: 1.2em; margin: 0 auto; padding: 10px; width: 100px;}
#contato form button:hover{opacity: 0.8;}
#contato ul{margin: 0 auto 2% auto; width: 45%;}
#contato ul li{color: #eeeeee; font-size: 1.4em; text-align: center;}
#contato h3{color: #ffffff; font-size: 1.5em; margin: 10% 0 0 0; text-align: center;}
#contato h3 a{color: #00adef;}
#contato h3 a:hover{opacity: 0.8;}

}

@media screen and (max-width: 1023px){

.desktop{display: none;}

/* Header */

header{height: 40px; position: fixed; width: 100%; z-index: 9999;}
header div.topo{position: relative; top: 50%; transform: translateY(-50%);}
header div.topo img.logo{float: left; left: 5%; position: relative; margin-top: -10px;}
header div.topo img.logo:hover{opacity: 0.8;}
header div.topo img.right{position: relative; right: 5%;}
header div.mobile{display: none; background-color: rgba(0, 174, 239, 0.9); height: 100vh; position: absolute; width: 100%;}
header div.mobile ul{position: relative; text-align: center; top: 50%; transform: translateY(-50%);}
header div.mobile ul li{box-sizing: border-box; font-size: 2.2em; margin: 0 0 5% 0;}
header div.mobile ul li a{border-bottom: 1px solid #ffffff; color: #ffffff;}
header div.mobile ul li a:hover{}
header div.mobile .menu-close{position: absolute; right: 5%; top: 20px;}

.headerfixo{background-color: rgba(13, 1, 60, 0.9); padding: 0 0 30px 0;}
    
/* Index */

#geral{width: 100%;}
#index{height: 100vh; width: 100%;}
#index div.bg-mountain{background-image: url(../images/fundo.png); background-size: cover; background-attachment: fixed; height: 100vh; position: absolute; width: 100%;}
#index div.bg-index{background-image: url(../images/.png); background-attachment: fixed; height: 100%; position: absolute; width: 100%;}
#index div.content{display: block; position: relative; text-align: center; top: 50%; transform: translateY(-50%);}
#index div.content h1{color: #ffffff; font-size: 2em; margin: 2% 0 0 0; position: relative;}
#index div img{margin: 0 auto; width: 50%;}
    
/* Sobre */

#sobre{box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.8); min-height: 90vh; padding: 10% 0 1% 0; position: relative; text-align: center;}
#sobre h1{color: #00aeef; font-family: 'Calibri-Light'; font-size: 2em; margin: 10px auto 2% auto; position: relative; width: 80%;}
#sobre p.subtitle{font-family: 'Calibri-Light'; font-size: 1.5em; margin: 0 auto 20px auto; width: 80%;}
#sobre ul{margin: 4% 0 0 0;}
#sobre ul li{display: block; margin: 0 auto 4% auto; width: 80%;}
#sobre ul li img{border-radius: 100%;}
#sobre ul li h2{font-size: 1.5em; margin: 10px 0 10px 0;}
#sobre ul li p{font-size: 1.2em; line-height: 26px;}

/* O Que Fazemos */
#oquefazemos{background-color: #00adef; box-sizing: border-box; min-height: 100vh; padding: 6% 0 2% 0; position: relative; text-align: center;}
#oquefazemos h1{color: #ffffff; font-family: 'Calibri-Light'; font-size: 2em; margin: 0 auto 2% auto; padding: 80px 0 0 0; position: relative; width: 60%;}
#oquefazemos p.subtitle{color: #ffffff; font-family: 'Calibri-Light'; font-size: 1.5em; margin: 0 auto 20px auto; width: 60%;}
#oquefazemos ul.first{margin: 6% 0 0 0;}
#oquefazemos ul li{color: #ffffff; display: inline-table;}
#oquefazemos ul li img{border-radius: 100%;}
#oquefazemos ul li h2{font-size: 1.5em; margin: 20px 0 20px 0;}
#oquefazemos ul li ul{}
#oquefazemos ul li ul li{color: #eeeeee; display: block; font-size: 1.1em; margin: 0 auto 2% auto; text-align: center; width: 70%;}
#oquefazemos .owl-pagination span{background-color: #ffffff !important;}

/* Vídeos */
#videos{background-color: #00adef; box-sizing: border-box; min-height: 100vh; padding: 6% 0 2% 0; position: relative; text-align: center;}
#videos h1{color: #ffffff; font-family: 'Calibri-Light'; font-size: 2em; margin: 0 auto 2% auto; padding: 80px 0 0 0; position: relative; width: 60%;}
    
/* Parceiros */
#parceiros{min-height: 100vh; padding: 6% 0 2% 0; position: relative; text-align: center;}
#parceiros h1{color: #00aeef; font-family: 'Calibri-Light'; font-size: 2em; margin: 10% auto 2% auto; position: relative; width: 60%;}
#parceiros p.subtitle{color: #202020; font-family: 'Calibri-Light'; font-size: 1.5em; margin: 0 auto 20px auto; width: 60%;}
#parceiros ul{margin: 0 auto; position: relative; width: 60%;}
#parceiros ul li{display: inline-block; margin: 0 2% 2% 0;}
#parceiros ul li img{width: 50%;}
#parceiros div{position: relative;}

/* Contato */
#contato{background-image: url(../images/fundo.png); background-attachment: fixed; background-size: cover; bottom: 0%; min-height: 100vh; padding: 4% 0 2% 0; position: relative; width: 100%;}
#contato h1{color: #ffffff; font-family: 'Calibri-Light'; font-size: 2em; margin: 5% auto 1% auto; position: relative; text-align: center; width: 60%;}
#contato h2{color: #ffffff; font-family: 'Calibri-Light'; font-size: 2em; margin: 5% auto 2% auto; position: relative; text-align: center; width: 60%;}
#contato div.full-width{margin: 0 auto; width: 45%;}
#contato div.left, div.right{width: 45%;}

#contato form{text-align: center;}
#contato form label{display: block; margin: 4% 0 4% 0;}
#contato form span{clear: both; color: #ffffff; font-size: 1.2em;}
#contato form input{background-color: transparent; border: none; border-bottom: 1px solid #ffffff; box-sizing: border-box; color: #ffffff; font-family: 'Calibri'; font-size: 1.2em; margin: 10px 0 10px 0; outline: 0; padding: 10px; text-align: center; width: 100%;}
#contato form input:focus{background-color: rgba(0, 173, 239, 0.8);}
#contato form textarea{background-color: transparent; border: none; border-bottom: 1px solid #ffffff; box-sizing: border-box; color: #ffffff; font-family: 'Calibri'; font-size: 1.2em; margin: 10px 0 0 0; max-height: 100px; max-width: 100%; min-height: 100px; outline: 0; padding: 10px; text-align: center; width: 100%;}
#contato form textarea:focus{background-color: rgba(0, 173, 239, 0.8);}
#contato form button{background-color: rgba(0, 173, 239, 1); box-sizing: border-box; color: #ffffff; font-size: 1.2em; margin: 0 auto; padding: 10px; width: 100px;}
#contato form button:hover{opacity: 0.8;}
#contato ul{margin: 0 auto 2% auto; width: 45%;}
#contato ul li{color: #eeeeee; font-size: 1.4em; text-align: center;}
#contato h3{color: #ffffff; font-size: 1.2em; margin: 10% 0 0 0; text-align: center;}
#contato h3 a{color: #00adef;}
#contato h3 a:hover{opacity: 0.8;}

}