/*** ESSENTIAL STYLES ***/
.mainNav, .mainNav * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mainNav li {
	position: relative;
}
.mainNav ul {
	position: absolute;
	display: none;
	top: 100%;
	left:20px;
	z-index: 99;
}
.mainNav > li {
	float: left;
}
.mainNav li:hover > ul,
.mainNav li.sfHover > ul {
	display: block;
}

.mainNav a {
	display: block;
	position: relative;
}
.mainNav ul ul {
	top: 0;
	left:calc(100% + 20px);
}


/*** DEMO SKIN ***/
.mainNav {text-align:left;}
.mainNav ul { width:230px; padding:12px 20px; background:rgba(255,255,255,0.98); border:1px solid #34b3fb; border-radius:5px; -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 15px rgba(0,0,0,0.2);box-shadow:0px 0px 15px rgba(0,0,0,0.2);}
.mainNav a {text-decoration:none;text-decoration: none; zoom: 1; color:#000; font-size:14px; display:block; font-family: 'latobold'; text-transform:uppercase;}
.mainNav a:hover { color:#34bafc; text-decoration:none;}
.mainNav a i{ font-size:13px; margin-right:5px;}
.mainNav > li{ padding:10px 20px 20px; margin:0px;}
.mainNav > li:first-child{}
.mainNav > li > a{ font-size:14px; position:relative;color:#000;}

.mainNav > li.menu-item-has-children > a:after{content: "\f107"; font-family: 'FontAwesome';margin-left:5px;}



.mainNav > li.current-menu-item > a,
.mainNav > li.current-menu-parent > a,
.mainNav > li.current-menu-ancestor > a,
.mainNav > li > a:hover,
.mainNav > li > a:active{ color:#34bafc;}

.mainNav > li.current-menu-item > a .sf-sub-indicator .arrow_icon,
.mainNav > li.current-menu-parent > a .sf-sub-indicator .arrow_icon,
.mainNav > li.current-menu-ancestor > a .sf-sub-indicator .arrow_icon{ background-position: left top;}

.mainNav li:hover,
.mainNav li.sfHover,
.mainNav ul li.current-menu-item,
.mainNav ul li.current-menu-parent {-webkit-transition: none;transition: none;}
.mainNav > li:hover,
.mainNav > li.sfHover{ background:none;}
.mainNav > li:hover > a,
.mainNav > li.sfHover > a{color:#34bafc; }
.sf-sub-indicator{ padding-left:5px;}
.sf-sub-indicator:before{content: "\f107";font-family: 'FontAwesome';}
.mainNav ul.sub-menu li.item-has-children > a{ position:relative; padding-right:10px;}
.mainNav ul.sub-menu li .sf-sub-indicator{ position:absolute; right:10px; top:12px;}


.mainNav > li:hover .sf-sub-indicator .arrow_icon{ background-position: left top;}

.mainNav ul li a{ font-size:14px; color:#333333; padding:12px 0px; border-bottom:1px solid #e1e1e1; text-transform:none; font-family: 'latoregular';}
.mainNav ul li a:hover{ color:#34bafc; border-bottom:1px solid #34b3fb;}

.mainNav li li:hover{}
.mainNav li li.sfHover{}
.mainNav li li:hover > a{ color:#34bafc; border-bottom:1px solid #34b3fb; }

.mainNav li li:last-child a{ border-bottom:none;}

.mainNav li.sfHover li.sfHover li.sfHover > a{color:#34bafc; }
.mainNav ul li li a:hover{ color:#34bafc;}
/**************************/
.mainNav li li.current-menu-item > a,
.mainNav li li.current-menu-parent > a,
.mainNav li li.current-menu-ancestor > a{ color:#34bafc;}

@media (max-width:940px){
	.mainNav ul{ left:0px;}
	.mainNav > li{ padding-left:10px; padding-right:10px;}	
	.mainNav ul ul { left:100%;}
}