.mobile-side{}



.menu-container {

width: 100%;

height:100%;

/* padding:50px 50px 0px 50px; */

overflow:hidden;

overflow-y: auto;

position:relative;

/*   border-radius:40px;*/

/* 	background-image: url(../images/page-texture-bg.jpg);*/

-webkit-overflow-scrolling: touch;

/* background: url(../images/menu-bg.jpg) no-repeat center center; */

/* background-size: cover; */

/* backdrop-filter:blur(8px); */
}
.menu-row{
	padding: 0 50px 30px 30px;
}
.menu-container::-webkit-scrollbar{
    display: none;
  }

 



.menu-container:before,

.menu-container:after {

  content: "";

  display: table;

}



.menu-container:after {

  clear: both;

}

.outer-border{

	width:100%;

	height:100%;

	position:absolute;

	left:0;

	top:0;

	 -webkit-border-radius: 7px;

	-moz-border-radius:7px;

	border-radius:7px;

	background-image: url(../images/parallax/page-texture-bg.jpg);

	}



.row {}



/*.row:before,

.row:after {

  content: "";

  display: table;

}



.row:after {

  clear: both;

}
*/


.anim {

  

}



.menu-col{

	width:50%;

	float:left;

	padding:40px;



}

 



 

.overlay-menu  h2{

float: ;

font-size:24px;

font-weight:normal;

width: 100%;

float:left;

margin: 0 0 30px 0;
}

 



/* Nav Bar */



nav {/*background: #fff000;*/width: auto;color: #000;font-size: 15px;z-index: 200;/* box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5); *//* width: 100px; */display: inline-block;}



.menu-icon {
	width: 40px;
	height: 40px;
	padding: 0;
	border-radius: 100%;
	margin: 0;
	position: relative;
	/*background-color:#1E1232;*/
	/* left:50px; */
	/* top: 41px; */
	cursor: pointer;
	z-index:2;
	transition: background 0.5s;
	margin-left: 0px;
	display: flex;
	align-items: center;
}
.menu-icon img{
	max-width: 100%;
	filter: invert(1);
}


.menu-icon:hover{

	/*background-color:#e0d3d0;*/

	}

	


.menu-icon span, 
.menu-icon span:before,

.menu-icon span:after {

cursor: pointer;

/*border-radius: 1px;*/

height: 2px;

width: 20px;

background: transparent;

position: absolute;

left: 11px;

top: 11px;

display: block;

content: '';

transition: all 0.5s ease-in-out;

border-top: 5px dotted #fff;
}

.menu-icon span{
	display: block;
	/* width: 100%; */
}

.menu-icon span:before {
    left: 0;
    top: 2px;
}



.menu-icon span:after {
    left: 0;
    top: 10px;
}



.menu-icon.active {position: fixed;background: transparent;top: 50px;right: 50px;}

.overlay-menu-logo{}
.overlay-menu-logo img{
	max-width: 250px;
	filter: brightness(0) invert(1);
}
/******/

.menu-icon:hover span:before, .menu-icon:hover span:after, .menu-icon:hover span {

	/*background-color:#c4947b !important;*/

}
.f-contact-div{
	flex:0 0 40%;
}
.f-contact{
    position: relative;
    padding: 3px 0 10px 0px;
    margin-bottom: 11px;
}
.f-contact a{
	color: var(--white);
	font-weight: normal;
	padding-top: 7px;
	display: block;
}
.f-contact a:hover{
	color: rgba(var(--lightblue-color-rgb));
}
p.f-contact {
	font-weight: 600;
	display: block;
	color: #949494;
	}
.overlay-menu p.f-contact {padding: 5px 0 5px 70px;color: #fff;}
.f-contact i{
    margin: 0px 20px 0px 0px;
    padding: 8px;
    border-radius: 100%;
    width: 43px;
    height: 43px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: transparent;
    color: var(--white);
    position: absolute;
    left: 0;
    top: 6px;
    /* bottom: 0; */
    margin: auto;
    border: 1px solid #fff;
    }

/*****/





.menu-icon.active span {

background-color: transparent !important;

border: 0;
}



.menu-icon.active span:before,

.menu-icon.active span:after {

top: 1px;

background-color:#fff;

border: 0;

width: 50px;
}

.menu-icon.active:hover span:before , .menu-icon.active:hover span:after{
	 background-color:#fddcc3!important;
}

.menu-icon.active span:before {

  transform: rotate(135deg);

}



.menu-icon.active span:after {

  transform: rotate(-135deg);

}

/* Menu */



.overlay-menu {
	background: rgba(0, 0, 0, 0.97);
	overflow: visible;
	backdrop-filter: blur(2px);
	color: #ffffff;
	position: fixed;
	left: 0;
	top: -200%;
	height: 100%;
	width: 100%;
	padding: 0px;
	opacity: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transform: translateX(0);
	transition: all 0.5s;
	/*background-image:url(../images/parallax/menu-bg.jpg);

	background-repeat: no-repeat;

	background-position: center  center;

	-moz-background-size: cover;

	-webkit-background-size: cover;

	-o-background-size: cover;

	background-size: cover;*/
	z-index:-1;
	}
/*.overlay-menu:after{
	content: '';
	width: 100%;
	height: 100%;
	background: red;
	position: absolute;
	bottom:-100%;
	left:0;
}*/


.overlay-menu.open {opacity: 1;transform: translateY(0);left: 0;z-index:99;top: 0;padding: 0;}

.overlay-menu-footer{
	border-top:1px solid rgba(255, 255, 255, 0.2);
	padding: 25px 0 0 0;
}
.overlay-menu-footer img{
	filter: grayscale(1);
	opacity: 0.5
}
.overlay-menu-footer img:hover{
	filter: grayscale(0);
	opacity: 1
}
.overlay-menu .anim {

  transform: translateY(25px);

  opacity: 0;

  transition: all 0.5s;

  transition-delay: 0s;

}



.overlay-menu.open .anim {

  transition: all 1s;

  transition-delay: 1s;

  opacity: 1;

  transform: translateY(0px);

  

}



.overlay-menu .anims:nth-child(0) {

  transition-delay: 0.1s;

   

}
.overlay-menu.open .anim:nth-child(1) {

  transition-delay:0.1s;



}


.overlay-menu.open .anim:nth-child(2) {

  transition-delay:0.2s;



}

.overlay-menu.open .anim:nth-child(3) {

  transition-delay:0.3s;



}

.overlay-menu.open .anim:nth-child(4) {

  transition-delay:0.4s;



}

.overlay-menu.open .anim:nth-child(5) {

  transition-delay:0.5s;



}

.overlay-menu.open .anim:nth-child(6) {

   transition-delay:0.6s;

}

.overlay-menu.open .anim:nth-child(7) {

  transition-delay:0.7s;



}

.overlay-menu.open .anim:nth-child(8) {

 transition-delay:0.8s;

}

.overlay-menu.open .anim:nth-child(9) {

 transition-delay:0.9s;

}

.overlay-menu.open .anim:nth-child(10) {

 transition-delay:0.10s;

}

.overlay-menu.open .anim:nth-child(11) {

 transition-delay:0.11s;

}

.overlay-menu.open .anim:nth-child(12) {

 transition-delay:0.12s;

}

.overlay-menu.open .anim:nth-child(13) {

 transition-delay:0.13s;

}

.overlay-menu.open .anim:nth-child(14) {

 transition-delay:0.14s;

}.overlay-menu.open .anim:nth-child(15) {

 transition-delay:0.15s;

}.overlay-menu.open .anim:nth-child(16) {

 transition-delay:0.16s;

}.overlay-menu.open .anim:nth-child(17) {

 transition-delay:0.17s;

}

 

/****************menu styles****************/





.overlay-menu ul{

	width:100%;

	float:left;

	margin:0;

	padding:0;

	list-style:none;

 

}

.overlay-menu ul li{

	display:block;

	width:100%;

	float:left;

	margin:0;

	padding:0;



}


.overlay-menu h2{
    font-size: 34px;
    font-weight: 300;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.overlay-menu h2:after{
    content: '';
    width: 100px;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
 }
.overlay-menu ul li a{	 
font-weight: normal;
    display: inline-block;
    padding: 8px 0;
    color: #fff;
    font-weight: 200;
    font-size: 16px;
    line-height: normal;
    position: relative;

 

}

.overlay-menu ul li a:hover{

	 color:rgba(255 ,255 ,255 ,0.5);

}

ul.mainlinks{
	/*padding-left: 25px;*/
}
ul.mainlinks li {
	margin-bottom: 10px;
}
ul.mainlinks li a{
font-size: 34px;
    line-height: 34px;
    font-weight: 300;
}

.overlay-contactbox{
	/* padding: 25px; */
	/* border:1px solid rgba(255, 255, 255, 0.2); */
	border-radius: 20px;
}
.menulogo{
	margin-bottom: 25px;
}
.overlay-menu ul li a .active{

	color:#CC191F;

	}

	

.overlay-menu ul li a span{

	 position:relative;

	 z-index:2;

	

}



.overlay-menu ul li a:after{

	width:0;

	height:1px;

	position:absolute;

	background-color:#fff;	

	left:0;

	bottom:0;

	content:'';

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;	

}





.overlay-menu ul li a:hover:after{

	width:50px;



}

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



.mobile-side{

	display:none;

}



 

.menu-col{

	width:100%;

	padding:10px 0;

}





}

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

 

 .overlay-menu {


}


.overlay-menu h2 {
    font-size: 24px;
    font-weight: 300;
    padding-bottom: 12px;
    margin-bottom: 30px;
}
.f-contact-div {
    flex: 0 0 100%;
    margin-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 25px;
}
.menu-container {

	 padding:25px;

  	 border-radius:0;

 

  

}

 

.menu-col h1{

	font-size:18px;

	line-height:20px;

	margin:0;

	

}

.menu-col h2{

	font-size:16px;

	margin:0;

	

}

.menu-col h2 span{

	font-size:20px;	 

	margin-top:10px;

}

.overlay-menu ul li a{

	font-size:12px;

	padding:5px 0;

 

}

 

.pad-top{

	padding:50px 0 0 0;

}



.menu-icon span,

.menu-icon span:before,

.menu-icon span:after {

/*  background:var(--primary-color);*/

}

.menu-icon {



}

.menu-icon.active {

	position:fixed !important;

	}

	

ul.mainlinks li a {
    font-size: 20px;
    line-height: 20px;
}

.menu-row {
    padding: 0 0px 30px 0px;
}

}