/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Jan 20, 2016, 4:34:00 PM
    Author     : Gabriel Lucas <Gabriel Lucas at agenciaw3.com.br>
*/

* {
    box-sizing: border-box;
}

[class*="col-"] {
    width: 100%;
    float: left;
    padding: 15px;
}

html {
    background-color: #FFFFFF;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 7.5px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(34,34,34,0.8);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(34,34,34,0.4);
}

.pc {
    display: none;
}

.slicknav_btn {
    background-color: #FA8418;
}

.mobile {
    display: block;
}


.js #menu {
    display:none;
}

.js .slicknav_menu {
    display:block;
}

.slicknav_menu {
    background: transparent;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999;
}

.slicknav_nav li a {
    color: #000;
    text-transform: uppercase;
}

.slicknav_nav {
    position: relative;
    z-index: -1;
    top: -10px;
    right: 39px;
}

.slicknav_nav, .mobilemenu {
    background-color: #DDD;
}

.mobilemenu {
    width: 10px;
    height: 10px;
    position: fixed;
    right: 44px;
    top: 34px;
    z-index: 4;
    pointer-events: none;
}

.slicknav_nav li.active a {
    color: #FFF;
}

.slicknav_nav li.active {
    background-color: #FA8418;
}

.slicknav_nav li a {
    border-top: 1px solid #ccc;
}

.slicknav_nav li:first-child a {
    border-top: 0;
}

.slicknav_nav li:hover a{
    color: #FFF;
}

.slicknav_nav li:hover {
    background-color: #FA8418;
}

.slicknav_nav a:hover {
    background-color: transparent;
    border-radius: 0;
    border: none;
    outline: 0;
}
.acenter {
    text-align: center;
}

.ovhid {
    overflow: hidden;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.np {
    padding: 0;
}

.fw {
    width: 100%;
}

.npc {
    padding: 0;
}

.mfw {
    max-width: 100%;
}

.pagewrapper {
    height: 100%;
    min-height: 100vh;
    position: relative;
}

.padding {
    width: 100%;
    padding-top: 50px;
    clear: both
}

.mpadding {
    width: 100%;
    padding-top: 1px;
    clear: both
}

.btn {
    cursor: pointer;
}

.bg {background: url(../img/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}