/*=====  SLIDE MENU  ======*/

/*----------  HIDE SELECT CHECKBOX  ----------*/

.toggle, 
.full-screen-close
{
	display: none;
}

.full-screen-close
{
	width: 100%;
	height: 100%;
	position: absolute;
	cursor: pointer;
	top:0;
	left:0;
}

/*----------  TOGGLE OFF-CANVAS MENU  ----------*/

.toggle:checked + .container > .menu-container {
    margin-left: 0;
    overflow: hidden;
}
.toggle:checked + .container > .content .full-screen-close
{
  	display: block;
  	background: rgba(0,0,0,.5);
}
.menu {
    padding-top: 0px;
    position: fixed;
    z-index: 99;
    right: 0px;
	top:0
}
.menu.right img {
    width: 100px;
    float: right;
}

.toggle-btn,
.close-btn
{
	cursor: pointer;
}

.toggle-btn
{
	font-size: 2.25rem;
}


.close-btn
{
	float: right;
	font-size: 1.5rem;
	padding: 1.5rem;
	color: #ededed;
	display: none;
}

.menu-container, 
.content
{
	-moz-transition: margin 0.5s ease-in-out;
	-ms-transition: margin 0.5s ease-in-out;
	-o-transition: margin 0.5s ease-in-out;
	-webkit-transition: margin 0.5s ease-in-out;
	transition: margin 0.5s ease-in-out;
}


/*.menu-container {
    background: rgba(0,100,105,0.85);
    width: 100%;
    margin-left: 0;
    float: right;
    height: 100px;
    position: fixed;
    top: 0;
    z-index: 9999999;
}*/
/*.menu-container {
    background: rgba(0,100,105,0.85);
    width: 100%;
    margin-left: 0;
    float: right;
    height: 86px;
    position: fixed;
    top: 0;
    z-index: 9999999;
    overflow: hidden;
}*/
.menu-container {
    width: 100%;
    margin-left: 0;
    float: right;
    height: 50%;
    position: absolute;
    top: 0;
    z-index: 9999999;
    overflow: hidden;
    background: #192c43;
    background: -moz-linear-gradient(top, #192c43 0%, rgba(255,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#192c43), color-stop(100%,rgba(255,0,0,0)));
    background: -webkit-linear-gradient(top, #192c43 0%,rgba(255,0,0,0) 100%);
    background: -o-linear-gradient(top, #192c43 0%,rgba(255,0,0,0) 100%);
    background: -ms-linear-gradient(top, #192c43 0%,rgba(255,0,0,0) 100%);
    background: linear-gradient(to bottom, #192c43 0%,rgba(255,0,0,0) 100%);
}
nav.slide-menu {
   /* margin-top: -20px;*/
}
/*nav.slide-menu img {
    float: left;
    position: absolute;
    width: 22%;
    top: -53px;
}*/
nav.slide-menu img {
    float: left;
    position: relative;
    width: auto;
    top: 26px;
    left: 55px;
}
.slide-menu ul {
    text-align: left;
    margin: 60px 25px 0 0;
    float: right;
}
.slide-menu i
{
	margin-right: 1rem;
	font-size: 1.5rem;

	vertical-align: middle;
}
.slide-menu li {
    display: inline-block !important;
}
.slide-menu li a
{
	color: #fff;
	padding: 1.5rem;
	font-size: 0.9em;
	text-transform: uppercase;
	display: block;
	-moz-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
	-o-transition: background-color .5s ease-in-out;
	-webkit-transition: background-color .5s ease-in-out;
	transition: background-color .5s ease-in-out;
}

.slide-menu li a:hover
{
	color: #c6ab99;
	text-decoration:none
}

/*=====  MEDIA QUERIES  ======*/
@media (max-width: 460px) {
	.slide-menu li a
	{
		font-size: 0.875rem;
		padding-left: 12px;
	}

	.slide-menu li i
	{
		font-size: 16px;
	}
}

@media (max-width: 320px){
	.slide-menu li i
	{
		display: none;
	}
}