/* ==========================

   MENU FULLPAGE CSS

========================== */



.panel {

    position: fixed;

    right: -100%; /*left or right and the width of your navigation panel*/

    width: 100%; /*should match the above value*/

	border-radius:0px;

	

}



.content1 {

    box-sizing: border-box;

    max-height: 100vh;

    overflow: auto;

    padding: 0;

    position: relative;

}





.menu-link i {

    text-decoration: none;

    font-size: 40px;

    color: #fff;

}
font-family: 'Adani';font-weight:500;


#menu{

    background:rgba(0,0,0,0.87);

    z-index: 9999;

	padding:40px;

	text-align:right;

	/*border:50px solid #5e5f5f;*/

}



#menu .main-manu ul{

    margin: 5% 10% 0px 0%; padding:0px; 

	display:inline-block

	  

}



#menu .main-manu li{

	position:relative;

    transition: all 0.4s ease;

	list-style:none;

}



#menu .main-manu li a{

    color: #fff;

    font-size: 30px;

    text-decoration: none;

    font-family: 'Gotham-Medium';

    padding:8px 0;

	text-align:left;

	display:inline-block;

	 transition: all 0.6s ease;

	 transform:scale(1,1) 

}



#menu .main-manu li a:hover{

   /* background: rgba(33, 33, 33, 0.8);*/

   margin-left:20px;

    transform:scale(1.1,1.1);

	color:#d23d2e;

	background-color: transparent;

}





 





.menu-link {

  z-index: 99999;

  display: block;

  position: fixed;

  top:10px;

  right:12%;

  overflow: hidden;

  margin: 0;

  padding: 0;

  width: 70px;

  height:52px;

  font-size: 0;

  text-indent: -9999px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  box-shadow: none;

  border-radius: none;

  border: none;

  cursor: pointer;

  -webkit-transition: background 0.3s;

          transition: background 0.3s;

 /*background:rgba(255,255,255,0.30);*/

  transition:all 500ms ease-in-out;

}



.menu-link:focus {

  outline: none;

}



.menu-link span {

    background: #2b343d none repeat scroll 0 0;

    border-radius: 0;

    color: red;

    display: block;

    font-size: 80px;

    height: 1px;

    left: 18px;

    position: absolute;

    right: 18px;

    top: 25px;

    transition: all 400ms ease-in-out 0s;

}



.menu-link span::before,

.menu-link span::after {

  position: absolute;

  display: block;

  left: 0;

  width: 100%;

  height:1px;

  border-radius:0px;

  background-color: #fff;

  content: "";

  /*-webkit-transition-duration: 0.3s, 0.3s;

          transition-duration: 0.3s, 0.3s;

  -webkit-transition-delay: 0.3s, 0;

          transition-delay: 0.3s, 0;*/

		  transition:all 400ms ease-in;

}



.menu-link span::before {

 left: 33px;

    top: 3px;

    width: 50%;

}



.menu-link span::after {

  bottom: 3px;

    left: 33px;

    width: 50%;

}



a.menu-link:hover span::before {top: 0;}

a.menu-link:hover span::after {bottom: 0;}





 





/*a:hover.menu-link span {-webkit-transform: translateX(10px);

      -ms-transform: translateX(10px);

          transform: translateX(10px);}



a:hover.menu-link span::before {



  left: 20px;

   -webkit-transform: translateX(-40px);

      -ms-transform: translateX(-40px);

          transform: translateX(-40px);

}



a:hover.menu-link span::after {



  left: 20px;

  -webkit-transform: translateX(-40px);

      -ms-transform: translateX(-40px);

          transform: translateX(-40px);

}*/





/* active state, i.e. menu open */

.menu-open {

  background-color: transparent;

}



.menu-open span {

  -webkit-transform: translateX(10px);

      -ms-transform: translateX(10px);

          transform: translateX(10px);

}



.menu-open span::before {

  /*top: 0;*/

  left: 20px;

   -webkit-transform: translateX(-40px);

      -ms-transform: translateX(-40px);

          transform: translateX(-40px);

}



.menu-open span::after {

  /*bottom: 0;*/

  left: 20px;

  -webkit-transform: translateX(-40px);

      -ms-transform: translateX(-40px);

          transform: translateX(-40px);

}



.menu-open span::before,

.menu-open span::after {

	background-color: #fff;

  -webkit-transition-delay: 0, 0.3s;

          transition-delay: 0, 0.3s;

}





.main-manu {

	height:100vh;



}



.main-manu {

	/*-webkit-transform: translate3d(0,100%,0);

	transform: translate3d(0,100%,0);*/

}







/* Shown menu */

.show-menu .menu-wrap {

	/*-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	-webkit-transition: -webkit-transform 0.8s;

	transition: transform 0.8s;

	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	transition-timing-function: cubic-bezier(0.7,0,0.3,1);*/

}



.show-menu .main-manu,

.show-menu .main-manu li a {

	/*-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	-webkit-transition: -webkit-transform 0.8s;

	transition: transform 0.8s;

	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	transition-timing-function: cubic-bezier(0.7,0,0.3,1);*/

}



.show-menu .main-manu li a {

	/*-webkit-transition-duration: 0.9s;

	transition-duration: 0.9s;*/

}





 



.show-menu .site-navbar.site-navbar-bg .menu-link span { color:#fff }

.show-menu .site-navbar.site-navbar-bg .menu-link span::before, .show-menu .site-navbar.site-navbar-bg .menu-link span::after {background:#fff}



@media (min-width:1290px) and (max-width:1470px) { 



.menu-link{right:5%;}





}





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

	

	.menu-link { right:0; }

	#menu .main-manu ul { display: inline-block;    margin: 5% 5% 0 0;    padding: 0;}

	#menu .main-manu li a { font-size:30px; }

	

	 }

	 

	 



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

.menu-contact-block { width:60%; }

#menu .main-manu ul {  margin: 8% 0% 0 0;}

#menu .main-manu li a { font-size:25px; }





}





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

	

	

#menu .main-manu ul.dropdown-menu { left:46%; }

.menu-link {right: 0;}



.main-manu {-webkit-transform: none; transform: none;}

.main-manu a {display: block;	-webkit-transform: none;	transform: none;}

#menu .main-manu ul { margin: 13% 24px 0 5%; }



 }



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

 





 

.nav-social ul.social { margin: 3% 0 0 5%;}

#menu .main-manu li a { font-size: 23px; }

#menu .main-manu li a.spanline::after { top:26px; }





 

}



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

.main-manu {text-align: center;}

.nav-social {text-align: center;}

#menu { padding:10px; }

#menu .main-manu li a {  text-align:center; font-size:30px; }

#menu .main-manu ul { margin: 10% 0 0 0%; }

.nav-social ul.social { margin:6% 0 50px 0%;}

.nav-social .social li a i {color: #fff;   font-size: 21px;}



.nav-social .social li { margin-right: 15px;

    padding: 0 15px 0 0;}



#menu .main-manu ul.dropdown-menu { position:static; float:none; text-align: center; }

#menu .main-manu ul.dropdown-menu li a { font-size:16px;  color:#9f632e }

#menu .main-manu ul.dropdown-menu li a:hover { color:#fff;  }





}



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

	

#menu .main-manu li a {  text-align:center; font-size:25px; }	

	

	

	 }