﻿.grt-logo img{
      height: 123px;
    margin-top: -26px;
    margin-left: -38px;

}

.menu-container{
   
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:60px;
    z-index:2;
    color:white;
}

.grt-mobile-button {
    display: none;
}



ul.grt-menu {
    display: block;
    float: right;
    margin: 0 -10px 0 0;
    padding: 0;
    list-style-type: none;
}


ul.grt-menu li.active {
    background-color: #1F5F5B;
}




/*ul.grt-menu li {
	display: inline-block;
	margin:0;
	padding:0;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}*/




ul.grt-menu li a {
    padding: 5px 12px;
    font-size: 19px;
    display: inline-block;
    color: #fafafa;
    line-height: 1.1em;
    box-shadow: inset 0 0 0 0 #fff;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    position: relative;
    text-decoration: none;
    text-transform: lowercase;
    font-family: raleway;
}





@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}





 ul.grt-menu li:hover {
		color:#FFF;
		box-shadow: inset 200px 0 0 0 #1F5F5B;   /*#ee2b34;*/
	}

.menuBtn{
    float:right;
    margin:10px;
    color:white;
    font-weight:bold;
    display:none;
    padding:10px;
}


.menuBtn:hover{
    background-color:#1F5F5B;
    color:white;
}



.scrolled{
    background-color:rgba(0, 0, 0, 0.90);
}


@media only screen and (max-width: 1200px) {

    ul.grt-menu {
    /*display: none;*/
   

}


  

   .menuBtn{
       display:block;
       z-index:3;
   }



 
   .ul.grt-menu li{
       display:block!important;
   }

   ul.grt-menu {
    display: block;
    float: left;
    margin: 0 -10px 0 0;
    padding: 0;
    list-style-type: none;
    width:100%;
    background-color:rgba(0, 0, 0, 0.90);
}

   header nav {
       background-color:rgba(0, 0, 0, 0.70);
       display:none;

        clear: both;
    
    line-height: 60px;
    height: 60px;
    position: fixed;
    top:70px;
    left:0px;
    width:100%;

   }


   ul.grt-menu li:hover{
       color:#FFF;
		box-shadow: inset 200px 0 0 0 #1F5F5B;   /*#ee2b34;*/
        background-color:#1F5F5B;
   }

}

@media only screen and (min-width: 1201px) {

    
ul.grt-menu li {
    display: inline-block;
    margin: 0;
    padding: 0;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}


ul.grt-menu {
    display: block;
    float: right;
    margin: 0 -10px 0 0;
    padding: 0;
    list-style-type: none;
}



header nav {
    clear: both;
    display: block;
    line-height: 60px;
    height: 60px;
    position: relative;
}

}