/*
    Description: 	Menu Framework
    Author: 		InsideLab
    Version: 		1.0
*/

/*	--------------------------------------------------
	:: Body & Container
	-------------------------------------------------- */

	

/*	--------------------------------------------------
	:: Menu Default Color Blue 
	-------------------------------------------------- */
.box {
	width:100%;
	
	background:#FFF;
	margin:5px auto;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.mtop25{
    margin-top:25px;
}
.mtop251{
    margin-top:10px;
    margin-bottom:10px;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    border-top: none !important;
    border: none !important;
    line-height: none !important;
   
}
.genius30{
    margin-top:5px;
   
    height:75px;

}
.genius40 {
    margin-top: 5px;
    height:85px;
}
.genius401 {
    margin-top: 5px;
    height: 85px;
}
.genius3000{
    margin-top:5px;
   
height:90px;
}
.genius30001{
    margin-top:5px;
   

height:125px;
}
.wheight{
            height:500px;
		}
.ones{
    margin-top:16px;
}
.oness{
    margin-top:180px;
}
	.form-new{
        border:none !important;
        outline:none !important;
        border-bottom:2px solid #000 !important;
	}
	.menu-default.menu-blue-default .menu-wrapper .menu-item > a,
	.menu-default.menu-blue-default .menu-wrapper .menu-item > .label{
		border:1px solid transparent;
    }
	
	.menu-default.menu-blue-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-blue-default .menu-wrapper .menu-item:hover > .label{
		/*background-color:#2d8bbb;
		border:1px solid #3face4;*/
    }
	
	.menu-default.menu-blue-default .menu-wrapper .menu-item > a,
	.menu-default.menu-blue-default .menu-wrapper .menu-item > .label,
	.menu-default.menu-blue-default .menu-wrapper .menu-item > .label i,
	.menu-default.menu-blue-default .menu-wrapper .menu-item#right-arrow > .label:after,
	.menu-default.menu-blue-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-blue-default .menu-wrapper .menu-item:hover > .label,
	.menu-default.menu-blue-default .menu-wrapper .menu-item:hover > .label i,
	.menu-default.menu-blue-default .menu-wrapper .menu-item:hover#right-arrow > .label:after{
		color:#002d66;
        height:40px;
        padding: 7px 7px 0px 7px;
	}
	
/*	--------------------------------------------------
	:: Menu Default Color Green 
	-------------------------------------------------- */
	
	.menu-default.menu-green-default .menu-wrapper .menu-item > a,
	.menu-default.menu-green-default .menu-wrapper .menu-item > .label {
		border:1px solid transparent;
    }
	
	.menu-default.menu-green-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-green-default .menu-wrapper .menu-item:hover > .label {
		background-color:#25a650;
		border:1px solid #32bf61;
    }
	
	.menu-default.menu-green-default .menu-wrapper .menu-item > a,
	.menu-default.menu-green-default .menu-wrapper .menu-item > .label,
	.menu-default.menu-green-default .menu-wrapper .menu-item > .label i,
	.menu-default.menu-green-default .menu-wrapper .menu-item#right-arrow > .label:after,
	.menu-default.menu-green-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-green-default .menu-wrapper .menu-item:hover > .label,
	.menu-default.menu-green-default .menu-wrapper .menu-item:hover > .label i,
	.menu-default.menu-green-default .menu-wrapper .menu-item:hover#right-arrow > .label:after{
		color:#fff;
	}
	
/*	--------------------------------------------------
	:: Menu Default Color Red 
	-------------------------------------------------- */
	
	.menu-default.menu-red-default .menu-wrapper .menu-item > a,
	.menu-default.menu-red-default .menu-wrapper .menu-item > .label {
		border:1px solid transparent;
    }
	
	.menu-default.menu-red-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-red-default .menu-wrapper .menu-item:hover > .label {
		background-color:#c92f41;
		border:1px solid #dd3c4f;
    }
	
	.menu-default.menu-red-default .menu-wrapper .menu-item > a,
	.menu-default.menu-red-default .menu-wrapper .menu-item > .label,
	.menu-default.menu-red-default .menu-wrapper .menu-item > .label i,
	.menu-default.menu-red-default .menu-wrapper .menu-item#right-arrow > .label:after,
	.menu-default.menu-red-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-red-default .menu-wrapper .menu-item:hover > .label,
	.menu-default.menu-red-default .menu-wrapper .menu-item:hover > .label i,
	.menu-default.menu-red-default .menu-wrapper .menu-item:hover#right-arrow > .label:after{
		color:#fff;
	}
	
/*	--------------------------------------------------
	:: Menu Default Color Orange 
	-------------------------------------------------- */
	
	.menu-default.menu-orange-default .menu-wrapper .menu-item > a,
	.menu-default.menu-orange-default .menu-wrapper .menu-item > .label {
		border:1px solid transparent;
    }
	
	.menu-default.menu-orange-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-orange-default .menu-wrapper .menu-item:hover > .label{
		background-color:#d54343;
		border:1px solid #ea5d5d;
    }
	
	.menu-default.menu-orange-default .menu-wrapper .menu-item > a,
	.menu-default.menu-orange-default .menu-wrapper .menu-item > .label,
	.menu-default.menu-orange-default .menu-wrapper .menu-item > .label i,
	.menu-default.menu-orange-default .menu-wrapper .menu-item#right-arrow > .label:after,
	.menu-default.menu-orange-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-orange-default .menu-wrapper .menu-item:hover > .label,
	.menu-default.menu-orange-default .menu-wrapper .menu-item:hover > .label i,
	.menu-default.menu-orange-default .menu-wrapper .menu-item:hover#right-arrow > .label:after{
		color:#fff;
	}
	
/*	--------------------------------------------------
	:: Menu Default Color Purple 
	-------------------------------------------------- */
	
	.menu-default.menu-purple-default .menu-wrapper .menu-item > a,
	.menu-default.menu-purple-default .menu-wrapper .menu-item > .label {
		border:1px solid transparent;
    }
	
	.menu-default.menu-purple-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-purple-default .menu-wrapper .menu-item:hover > .label {
		background-color:#993597;
		border:1px solid #b647b4;
    }
	
	.menu-default.menu-purple-default .menu-wrapper .menu-item > a,
	.menu-default.menu-purple-default .menu-wrapper .menu-item > .label,
	.menu-default.menu-purple-default .menu-wrapper .menu-item > .label i,
	.menu-default.menu-purple-default .menu-wrapper .menu-item#right-arrow > .label:after,
	.menu-default.menu-purple-default .menu-wrapper .menu-item:hover > a,
	.menu-default.menu-purple-default .menu-wrapper .menu-item:hover > .label,
	.menu-default.menu-purple-default .menu-wrapper .menu-item:hover > .label i,
	.menu-default.menu-purple-default .menu-wrapper .menu-item:hover#right-arrow > .label:after{
		color:#000;
	}

/*	--------------------------------------------------
	:: Menu Default Dark Version
	-------------------------------------------------- */

	/* BACKGROUND & BORDER OF MENU  */
    .menu-default.menu-dark-default {
		background-color:#B4E8F6;
		
	}
	
	/* BACKGROUND & COLOR OF TOGGLE FONT */
	.menu-default.menu-dark-default .togglel {
		background-color:#B4E8F6;
        color:#002D66;
	}
	
    /* BORDER RIGHT */
	.menu-default.menu-dark-default .menu-wrapper .menu-item {
		border-right:1px solid #fff;
	}
	
	/* ADD BORDER 1PX SOLID #CCC IF YOU NEED YOUR WRAPPER 100% */
	.menu-default.menu-dark-default .menu-wrapper .menu-item:first-child {
		border-left:none;
	}
	
	/* ADD BORDER 1PX SOLID #CCC IF YOU NEED YOUR WRAPPER 100% */
	.menu-default.menu-dark-default .menu-wrapper .menu-item:last-child {
		border-right:none;
	}
	
	/* ADD HERE YOUR BORDER IF YOU HAVE A LEFT ELEMENT LIKE LOGO */
	.menu-default.menu-dark-default .menu-wrapper .menu-item.left {
		border-right:1px solid #1a2027;
	}
	
	/* ADD HERE YOUR BORDER IF YOU HAVE A RIGHT ELEMENT */
	.menu-default.menu-dark-default .menu-wrapper .menu-item.right {
		border-left:1px solid #1a2027;
	}
	
	/* BACKGROUND OF SECTIONS */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section,
    .menu-default.menu-dark-default .menu-wrapper .menu-item .section-right,
    .menu-default.menu-dark-default .menu-wrapper .menu-item .section-left {
		background-color:#cecece;
    }
	
	/* BORDER BOTTOM OF LI ELEMENTS OF SECTION */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section > li,
    .menu-default.menu-dark-default .menu-wrapper .menu-item .section-right > li,
    .menu-default.menu-dark-default .menu-wrapper .menu-item .section-left > li {
		border-bottom:1px solid #777;
    }
	
	/* NO BORDER OF LAST LI ELEMENT */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section > li:last-child,
    .menu-default.menu-dark-default .menu-wrapper .menu-item .section-right > li:last-child,
    .menu-default.menu-dark-default .menu-wrapper .menu-item .section-left > li:last-child{
		border-bottom:none;
    }
	
	/* BACKGROUND OF LI ELEMENT */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section > li:hover,
    .menu-default.menu-dark-default .menu-wrapper .menu-item .section-right > li:hover,
    .menu-default.menu-dark-default .menu-wrapper .menu-item .section-left > li:hover {
		background-color:#f9f9f9;
    }
	
	/* COLOR OF <A> ELEMENT */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section > li a,
    .menu-default.menu-dark-default .menu-wrapper .menu-item .section-right > li a,
    .menu-default.menu-dark-default .menu-wrapper .menu-item .section-left > li a {
		color:#000;
    }
	
	/* COLOR OF <A> ELEMENT ON HOVER */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section > li a:hover,
    .menu-default.menu-dark-default .menu-wrapper .menu-item .section-right > li a:hover,
    .menu-default.menu-dark-default .menu-wrapper .menu-item .section-left > li a:hover {
		color:#002d66;
    }
	
	/* COLOR OF LABEL ELEMENT ON SECTION */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section li > .label,
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section-right li > .label,
    .menu-default.menu-dark-default .menu-wrapper .menu-item#right-arrow .section li > .label:after,
	.menu-default.menu-dark-default .menu-wrapper .menu-item#right-arrow .section-right li > .label:after {
		color:#000;
    }
	
	/* BACKGROUND OF LABEL ELEMENT ON SECTION ON HOVER */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section li:hover > .label,
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section-right li:hover > .label {
		background-color:#f9f9f9;
		border:1px solid transparent;
		color:#000;
    }
	
	/* COLOR OF <I> ICON ELEMENT ON SECTION ON HOVER */
	.menu-default.menu-dark-default .menu-wrapper .menu-item#right-arrow .section li:hover > .label:after,
	.menu-default.menu-dark-default .menu-wrapper .menu-item#right-arrow .section-right li:hover > .label:after {
		color:#777;
    }
	
	/* TRINGLE OF SECTION ELEMENTS */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section:before {
		border-left:8px solid transparent;
		border-right:8px solid transparent;
		border-bottom:8px solid #fff;
	}
	
	/* TRINGLE OF SECTION LEFT ELEMENTS */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section-left:before {
		border-top:8px solid transparent;
	    border-bottom:8px solid transparent; 
	    border-left:8px solid #fff; 
	}
	
	/* TRINGLE OF SECTION RIGHT ELEMENTS */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section-right:before {
		border-top:8px solid transparent;
	    border-bottom:8px solid transparent; 
	    border-right:8px solid #fff;
	}
	
	/* SPACE IN TRINGLE OF SECTION ELEMENTS */
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section:after,
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section-right:after,
	.menu-default.menu-dark-default .menu-wrapper .menu-item .section-left:after {
		background-color:transparent;
	}