/* Template for mobile menu */
/* (C) 20022 Zoomsoft, s.r.o., all rights reserved */



/* Menu 1 */
#hamburger-menu-1 {
	position: relative;
	width: 60px;
	display: none;
	visibility: hidden;
}
			@media screen and (max-width: 999px) { 
                #hamburger-menu-1 {
                   display: block;
                   visibility: visible;
                   transition: 1s;
                }
            }
            
/* Menu 2 */
#hamburger-menu-2 {
	position: relative;
	width: 60px;
	display: none;
	visibility: hidden;
}
			@media screen and (max-width: 1340px) { 
                #hamburger-menu-2 {
                   display: block;
                   visibility: visible;
                   transition: 1s;
                }
            }
			

/* Mobile menu 1 */
#mobile-items-1 {
	position: fixed;
	z-index: 888;
	background: rgb(30,30,30);
	width: 100%;
	height: 100vh;
	top: 0%;
	left: 0%;
	text-align: left;
}

#mobile-items-1 a {
	margin-left: 25px;
	color: rgb(255,255,255);
	text-decoration: none;
	font-size: 18px;
	margin-top: 16px;
	margin-bottom: 16px;
}

#mobile-items-1 .navbar-nav {
	margin-top: 90px;
}

#mobile-items-1 .nav-item {
	border-bottom: 1px solid rgb(50,50,50);
	transition: 1s;
}

#mobile-items-1 .nav-item:hover {
	background: rgb(40,40,40);
	border-bottom: 1px solid #36b36b;
	transition: 1s;
}

#mobile-items-1 .active {
	background: rgb(40,40,40) !important;
	border-bottom: 1px solid #36b36b;
}



/* Mobile menu 2 */
#mobile-items-2 {
	position: fixed;
	z-index: 888;
	background: rgb(30,30,30);
	width: 100%;
	height: 100vh;
	top: 0%;
	left: 0%;
	text-align: left;
}

#mobile-items-2 a {
	margin-left: 25px;
	color: rgb(255,255,255);
	text-decoration: none;
	font-size: 18px;
	margin-top: 16px;
	margin-bottom: 16px;
}

#mobile-items-2 .navbar-nav {
	margin-top: 70px;
}

#mobile-items-2 .nav-item {
	border-bottom: 1px solid rgb(50,50,50);
	transition: 1s;
}

#mobile-items-2 .nav-item:hover {
	background: rgb(40,40,40);
	border-bottom: 1px solid #36b36b;
	transition: 1s;
}

#mobile-items-2 .active {
	background: rgb(40,40,40) !important;
	border-bottom: 1px solid #36b36b;
}

/* Mobile menu 3 */
#mobile-items-3 {
	position: fixed;
	z-index: 888;
	background: #282828;
	width: 100%;
	height: 100vh;
	top: 0%;
	left: 0%;
	text-align: left;
}

#mobile-items-3 a {
	margin-left: 25px;
	color: rgb(255,255,255);
	text-decoration: none;
	font-size: 18px;
	margin-top: 16px;
	margin-bottom: 16px;
}

#mobile-items-3 .navbar-nav {
	margin-top: 90px;
}

#mobile-items-3 .nav-item {
	border-bottom: 1px solid rgb(50,50,50);
	transition: 1s;
}

#mobile-items-3 .nav-item:hover {
	background: #0c9cc0;
	transition: 1s;
}

#mobile-items-3 .active {
	background: rgb(50,50,50) !important;
	border-left: 1px solid #0c9cc0;
}


/* Mobile menu 4 */
#mobile-items-4 {
	position: fixed;
	z-index: 888;
	background: rgb(255,255,255);
	width: 100%;
	height: 100vh;
	top: 0%;
	left: 0%;
	text-align: left;
	overflow: scroll;
}

#mobile-items-4 a {
	color: rgb(100,100,100);
	text-decoration: none;
	font-size: 19px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	padding: 1.1em;
	border-bottom: 1px dotted rgb(210,210,210);
}

#mobile-items-4 a:hover {
	color: #3ea3e6;
	transition: 0.5s;
}

#mobile-items-4 .navbar-nav {
	margin-top: 90px;
}

#mobile-items-4 .nav-item {
	transition: 1s;
}

#mobile-items-4 .nav-item:hover {
	transition: 1s;
}

#mobile-items-4 .active {
	color: #3ea3e6;
}



/* Social icons line for mobile menu */

/* Line 1 */
#mobile-social-1 {
	width: 100%;
	margin-top: 30px;
}

#mobile-social-1 img {
	width: 24px;
}

/* Line 2 */
#mobile-social-2 {
	width: 100%;
	margin-top: 30px;
}

#mobile-social-2 img {
	width: 24px;
	margin-right: 15px;
}


/* *********** icon for hamgurger menu open and close  */


/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-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;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
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;
}

.animated-icon1 span {
background: rgb(100,100,100);
}

.animated-icon2 span {
background: #e3f2fd;
}

.animated-icon3 span {
background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

/* Icon 3*/

.animated-icon2 span:nth-child(1) {
top: 0px;
}

.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
top: 10px;
}

.animated-icon2 span:nth-child(4) {
top: 20px;
}

.animated-icon2.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}

.animated-icon2.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}

/* Icon 4 */

.animated-icon3 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 8px;
}

.animated-icon3.open span:nth-child(2) {
width: 0%;
opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 21px;
left: 8px;
}