/* ###################################################################
	
	ITEM NAME  :Meganizr Responsive CSS3 Mega Menu
	ITEM URI   :http://codecanyon.net/item/meganizr-responsive-css3-mega-menu/2629504
	VERSION    :1.1.0
	AUTHOR     :Valeriu Timbuc
	AUTHOR URI :http://vtimbuc.net
	LICENSE    :Purchased License - Regular or Extended - http://codecanyon.net/licenses/regular_extended

################################################################### */



/* ###################################################################

	// 1. RESET STYLES
	// 2. NAVIGATION BAR STYLES
	// 3. SEARCH FORM
	// 4. DROPDOWN
	// 5. CONTENT STYLES
	// 6. RESPONSIVE
	// 7. EXTRA COLOR STYLES

################################################################### */



/* // 1. RESET STYLES */
/* ################################################################ */
.meganizr, .meganizr ul, .meganizr li, .meganizr a, .meganizr img, .meganizr div, .meganizr p, .meganizr form, .meganizr input, .meganizr textarea, .meganizr h3, .meganizr h4, .meganizr h5{margin:0; padding:0; font-size:12px; font-family:sans-serif}
.meganizr a{text-decoration:none}
.meganizr li{list-style:none}
.meganizr input, .meganizr textarea, .meganizr img{outline:none; border:none; background:none}



/* // 2. NAVIGATION BAR STYLES */
/* ################################################################ */
.meganizr{clear:both;height:41px;position:relative;width:100%;z-index:50}

.meganizr:before, .meganizr:after{clear:both;content:''}

/* Nav List */
.meganizr > li{display:block;float:left;height:37px;position:relative}
.meganizr > li.mzr-full-width{position:static}
.meganizr > li.mzr-align-right{float:right}

/* Nav Links */
.meganizr > li > a 
{
	border-left:1px solid #4883D2;
    border-right:1px solid #93BAEE;
    color:#FFFFFF;
	display:block;
    font-size:0.964em;
    height:28px;
	padding:13px 12px 0 12px;
	position:relative;
    text-decoration:none;
	z-index:51;
}

.meganizr > li:hover > a{background-color:#E4F0FE;color:#005AA9}

.meganizr > li.mzr-drop:hover > a:after,
.meganizr > li.mzr-drop > a.mzr-click:after{
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:100%;
	height:38px;
}

.meganizr > li.mzr-drop:hover > a, .meganizr > li.mzr-drop > a.mzr-click{z-index:52}

/* // 4. DROPDOWN */
/* ################################################################ */
.meganizr > li > div,
.meganizr > li > ul,
.meganizr > li > ul li > ul{
	background-color:#FFF;
	border:3px solid #9AB2D4;
	position:absolute;
	padding:10px;
	opacity:0;
	overflow:hidden;
	top:41px;
	visibility:hidden;
	z-index:53;
}

.meganizr > li > div.right{right:0px}
.meganizr > li.mzr-align-right > div{left:auto;right:-1px}

/* Transitions */
.mzr-slide > li > div,
.mzr-slide > li > ul,
.mzr-slide > li > ul li > ul,
.mzr-fade > li > div,
.mzr-fade > li > ul,
.mzr-fade > li > ul li > ul{
	-webkit-transition:all .25s linear .15s;
	-moz-transition:all .25s linear .15s;
	-o-transition:all .25s linear .15s;
	-ms-transition:all .25s linear .15s;
	transition:all .25s linear .15s;
}

.mzr-slide > li > div,
.mzr-slide > li > ul,
.mzr-slide > li > ul li > ul{top:100px}

.mzr-slide > li.mzr-drop:hover > div,
.mzr-slide > li.mzr-drop:hover > ul,
.mzr-slide > li > ul li.mzr-drop:hover > ul{
	top:41px;

	opacity:1;
	overflow:visible;
	visibility:visible;
}

.mzr-fade > li.mzr-drop:hover > div,
.mzr-fade > li.mzr-drop:hover > ul,
.mzr-fade > li > ul li.mzr-drop:hover > ul,
.meganizr > li.mzr-drop:hover > div,
.meganizr > li.mzr-drop:hover > ul,
.meganizr > li > ul li.mzr-drop:hover > ul{
	opacity:1;
	overflow:visible;
	visibility:visible;
}

/* Dropdown Columns */
.meganizr .drop-two-columns{width:320px}
.meganizr .drop-three-columns{width:480px}
.meganizr .drop-four-columns{width:640px}
.meganizr .drop-five-columns{width:800px}
.meganizr .drop-six-columns{width:960px}
.meganizr .mzr-full-width > div{left:-20px;width:962px}

/* Content Columns */
.meganizr .one-col{width:140px}
.meganizr .two-col{width:300px}
.meganizr .three-col{width:460px}
.meganizr .four-col{width:620px}
.meganizr .five-col{width:780px}
.meganizr .six-col{width:940px}

/* // 5. CONTENT STYLES */
/* ################################################################ */

/* Text */
.mzr-content h2, .mzr-content h3, .mzr-content h4{
	color:#555;
	margin:10px 0;
}

.mzr-content h2{font-size:20px}
.mzr-content h3{font-size:18px}
.mzr-content h4{font-size:16px}

.mzr-content p{
	padding:10px 0;
	color:#333;
}


/* Links */
.mzr-content a{color:#6993cd}
.mzr-content a:hover{color:#333}

.mzr-content .mzr-links a{
	display:block;
	padding:5px 0;
	border-bottom:1px dotted #e1e1e1;
}

.mzr-content .mzr-links li:last-child a{border:none}

/* Cursor */
.mzr-content{cursor:default}

/* Floats */
.mzr-content .fl{float:left}
.mzr-content .fr{float:right}
.mzr-content .cb{clear:both}
.mzr-content .cl{clear:left}
.mzr-content .cr{clear:right}
.mzr-content .block{display:block; margin-top:10px;}

/* Forms */
.mzr-content input[type=text], .mzr-content input[type=email], .mzr-content textarea{
	display:block;
	width:160px;
	padding:9px 10px 8px 35px;
	margin-bottom:10px;
	
	background-color:#f6f6f6;
	background-repeat:no-repeat;
	background-position:10px 9px;

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);

	-webkit-transition:box-shadow linear 0.2s;
	-moz-transition:box-shadow linear 0.2s;
	-ms-transition:box-shadow linear 0.2s;
	-o-transition:box-shadow linear 0.2s;
	transition:box-shadow linear 0.2s;

	border:1px solid transparent;
}

.mzr-content input[type=text]:hover, .mzr-content input[type=email]:hover, .mzr-content textarea:hover{background-color:#f0f0f0}
.mzr-content input[type=text]:focus, .mzr-content input[type=email]:focus, .mzr-content textarea:focus{
	background-color:#f0f0f0;
	outline:none;
}

.mzr-content textarea{width:250px; max-width:250px; height:100px}

.mzr-content #name{background-image:url(../img/user.png)}
.mzr-content #email{background-image:url(../img/mail.png)}
.mzr-content #message{background-image:url(../img/baloon.png)}

/* // 7. EXTRA COLOR STYLES */
/* ################################################################ */

/* Ideal School Columns */
.mzr-content .content-col{display:block;float:left;width:320px}

.mzr-content .content-col .list{padding:10px}
.mzr-content .content-col .list .title{color:#005aaa;font-weight:bold;margin-bottom:10px; font-size: 1.2em}
.mzr-content .content-col .list .title a{color:#FF6000;font-size:1.2em}
.mzr-content .content-col .list .title a:hover{color:#005aaa;text-decoration:underline}
.mzr-content .content-col .list ul li{padding:3px 0}

.mzr-content .free-icb-lesson{background:url(../images/buttons/free-trial-button-small2.png);display:block;height:82px;margin:20px 0 0 0;text-indent:-9999px;width:265px}
.mzr-content .free-icb-lesson:hover{background:url(../images/buttons/free-trial-button-small2over.png)}

.mzr-content .content-col .info{background-color:#F6F9FE;border:1px solid #9BB2D2;border-width:1px;margin-top:10px}
.mzr-content .content-col .info .info-logo{float:right;position:relative;width:80px}
.mzr-content .content-col .info .info-logo img{border:1px solid #9BB2D2;position:absolute;right:7px;top:-7px;width:70px}
.mzr-content .content-col .info .info-title{border-bottom:1px solid #9BB2D2;color:#005aa9;font-size:1.4em;font-weight:bold;line-height:1.1em;height:38px;padding:10px 90px 10px 10px}
.mzr-content .content-col .info .info-content{background-color:#EAF3FC;font-weight:bold;padding:10px}
.mzr-content .content-col .info .info-content a.read-more{color:#FF6000;display:block;float:right;font-weight:bold}
.mzr-content .content-col .info .info-content a.read-more:hover{text-decoration:underline}