/*
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 : Apr 16, 2017, 1:26:37 PM
    Author     : promenon
*/
.nav a { color: #5a5961;font-size: 36px; text-decoration: none; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.nav a:hover{color: #d10010;}
.nav{height: 75px;background-color: rgba(255,255,255,0.7); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.nav .nav-menu a:hover { color: #a60000; }
.nav { position: fixed;top:0; z-index: 3; width: 100%; padding: 15px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.nav #nav-icon { width: 30px; height: 20px; position: relative; z-index: 2; margin-top: 2px; margin-right: 5px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: left; }
.nav #nav-icon span { display: block; position: absolute; height: 4px; width: 100%; background: #5a5961; border-radius: 3px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.nav #nav-icon span:nth-child(1) { top: 0px; }
.nav #nav-icon span:nth-child(2), .nav #nav-icon span:nth-child(3) { top: 8px; }
.nav #nav-icon span:nth-child(4) { top: 16px; }
.nav .nav-text { float: left; color: #5a5961; position: relative; z-index: 2; font-size: 28px;line-height: 1; cursor: pointer; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
.nav #nav-icon.open span:nth-child(1) { top: 12px; width: 0%; left: 50%; }
.nav #nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.nav #nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.nav #nav-icon.open span:nth-child(4) { top: 12px; width: 0%; left: 50%; }
.nav #logo { width: 100%; position: absolute; margin: 0; padding: 0; left: 0; top: 0; }
.nav .logo-container { overflow: hidden; width: 200px; margin-left: auto; margin-right: auto; position: relative; }
.nav .logo { margin-top: 5px; width: 100%; float: left; }
.nav .logo img { width: 100%; }
.nav .nav-link{margin-top: 5%; display: none; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.nav .nav-link.openLink{display: block; }
.nav.openNav{height: 435px;}
ul,li{list-style: none;}
.fNav{margin-top: 20px;margin-left: 50px;}
.footer-logo{margin-top: 20px;}
.button{float: left;margin: 5px;}
@media (max-width: 768px) {
    .nav .logo-container{margin-right: 20px;width: 100px;}
    .nav .nav-link{margin-top: 60px;} 
    .nav .nav-link ul{padding: 0;}
}