.menu-box{border-top:1px solid #f2f2f2;}

#block_top_wrap{display:block;}



.sf-contener {clear: both;display:block;position:relative;}



.sf-menu,

.sf-menu * {

	margin: 0;

	padding: 0;

	list-style: none;

}



.sf-menu {

	padding: 0;

	display:inline-block;

}



.sf-menu ul {

	position: absolute;

	top: -999em;

	background: white;

}



.sf-menu ul li {width: 100%; }

.sf-menu li:hover {visibility: inherit;}

.sf-menu > li {display:inline-block;padding:0 10px;}

.sf-menu > li:last-child>a{padding-right:15px;background:none;}

.sf-menu > li > a {

	text-transform:capitalize;

	font-size:16px;

	display: block;

	color:#333333;

	padding: 15px 24px 18px 24px;

	font-family: 'OpenSansB';

	border-top:3px solid #fff;

}



.sf-menu > li > a.depth{text-decoration:none;color:#2da6ef;border-top:3px solid #2da6ef;}



.sf-menu li li li a {display: inline-block;position: relative;font-size: 13px;line-height:18px;overflow:hidden;max-height:36px;font-weight:normal;font-family:lato,Arial,serif;}

.sf-menu li li li a:hover {color: #ee7600; }

.sf-menu li li li:hover a:before{padding-right:2px;color: #1c68b6;}



.sf-menu li ul {

  display: none;

  left: 0;

  top: 58px;

  z-index: 99;

  padding: 12px 0 18px 0;

}



.sf-menu li li ul {

	position: static;

	display: block !important;

	opacity: 1 !important;

	background: none;

	-moz-box-shadow: transparent 0 0 0;

	-webkit-box-shadow: transparent 0 0 0;

	box-shadow: transparent 0 0 0;

}



.sf-menu li li ul li{margin-bottom:15px;width:100%;padding-bottom:15px;border-bottom:1px solid #ebebeb;}

.sf-menu li li ul li a:hover{text-decoration:none;}



.sf-menu li li li ul {padding: 0 0 0 20px; }



.sf-menu li li li ul {width: 220px; }



ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {top: -999em; }



ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {left: 200px;top: 0; }



ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {top: -999em; }



ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {left: 200px;top: 0; }



.sf-menu > li > ul {padding:40px 20px 10px 20px;width: 100%;background:#fafafa;box-shadow:0 0 20px 2px rgba(0,0,0,0.1); }

.sf-menu > li > ul > li{margin-bottom:20px;}

.sf-menu > li > ul > li > a {text-transform:uppercase;font-size:14px;color: #2fb1d7;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;display:block;text-align:center;font-family: 'OpenSansB';}

.sf-menu > li > ul > li:hover > a{color: #0061a5;text-decoration:none; }



.sf-menu > li > ul.nav_children01{width:50%;padding:30px 20px 10px 20px;left:auto;}

.sf-menu > li > ul.nav_children01 li{width:50%;}



.sf-menu > li > ul.nav_children02{width:100%;max-width:240px;padding:10px;left:auto;}

.sf-menu > li > ul.nav_children02 li{width:100%;float:none;text-align:left;padding:0;margin:0;}

.sf-menu > li > ul.nav_children02 li a{text-align:left;padding:10px;font-family: 'opensans';text-transform:capitalize;font-size:14px;}

.sf-menu > li > ul.nav_children02 li img{max-width:24px;max-height:24px;display:inline-block; vertical-align:middle;margin:0;}

.sf-menu > li > ul.nav_children02 li p{display:inline-block;padding-left:10px;}

.sf-menu > li > ul.nav_children02 li:hover{background:#f2f2f2;}

.sf-menu > li > ul.nav_children02 li:hover img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;width:auto;max-width:24px;}



.sf-menu > li > ul > li {float: left;width: 33%;padding:0 15px;text-align:left;}

.sf-menu > li > ul > li a{display:block;width:100%;}

.sf-menu > li > ul > li img{max-width:100%;height:auto;width:100%;margin-bottom:10px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.sf-menu > li > ul > li:hover img{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;width:100%;max-width:100%;;transform:translate3d(0,-1px,0);-webkit-transform:translate3d(0,-1px,0);}



.sf-menu > li > ul > li.category-thumbnail {

	width: 100% !important;

	float: none;

	clear: both;

	overflow: hidden;

	padding-right: 0;

}

.sf-menu > li > ul > li.category-thumbnail > div {

	float: left;

	padding-left: 10px;

    width: 33.333%;

}

.sf-menu > li > ul > li.category-thumbnail > div:first-child {padding-left: 0; }

.sf-menu > li > ul > li.category-thumbnail > div img {max-width: 100%;display: block; }



.cat-title {display: none; }



.sf-menu li.sf-search {border: none; }

.sf-menu li.sf-search input {

	display: inline;

    padding: 0 13px;

    height: 30px;

    line-height: 30px;

    background: white;

    margin: 13px 10px 0 0;

    font-size: 13px;

    color: #9c9b9b;

    border: 1px solid #d6d4d4;

}





@media (min-width: 768px) {

	#block_top_menu #block_top_wrap {z-index:99999999;display:inline-block;padding: 0;}

	.sf-menu > li.sfHover > a,

	.sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {color: #2da6ef;text-decoration:none;border-top:3px solid #2da6ef;}

	.sf-menu > li > ul > li.first-in-line-lg {clear: left; }

	.nav-close{display:none;}

}





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

	.sf-menu > li{padding:0;}

}



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

	.sf-menu > li > a{font-size:14px;padding:15px 20px 18px 20px;}

}



@media (max-width: 991px) and (min-width: 767px) {.sf-menu li li li a {font-size: 12px; text-align:left;} }





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

	.menu-box .container{padding:0;}

	.sf-menu .nav-close{position:absolute;right:0;top:0;display:block;z-index:999;width:36px;height:36px;background:#041b33;text-align:center;cursor:pointer;}

	.sf-menu .nav-close i{font-size:20px;color:#fff;line-height:38px;}

	#block_top_menu #block_top_wrap{float:right;margin-top:-10px;}

	.header>div{border-bottom:none;}

	.headtop{background:#547ac0;height:40px;position:relative;}

	.sf-menu {

		display: none;

		-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);

		box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);

		padding: 10px 40px 20px 10px;

		background:#fff;

		border:none;

		position: absolute;

		left:0;

		top:0px;

		width:100%;

		z-index:999999999;

		text-align:left;

	}

	.sf-menu ul {position: relative; } 

	.sf-menu > li {

		float: none;

		width:100%;

		position: relative;

		border-right: none;

		margin:5px 0;

		border-bottom:1px solid #e5e5e5;

		padding-bottom:5px;

		padding-right:40px;

	}

    .sf-menu > li span {

		position: absolute;

		right: 0;

 		top: 10px;

		width: 30px;

        height: 30px;

        z-index: 2;

		cursor:pointer;

	}

    .sf-menu > li span:after {font-family: "FontAwesome";content: "\f067";font-size: 16px; }

    .sf-menu > li span.active:after {content: "\f068"; } 

	.sf-menu li li li a:before{content: "\f105";display: inline-block;font-family: "FontAwesome";padding-right: 10px;}

	.sf-menu > li > a {font-size: 16px; background:none;margin-top:0;color:#000;padding:10px 0;}

	.sf-menu > li > a.depth{border-bottom:none;color:#fff;padding:10px;background:#2da6ef;border:none;text-decoration:none;}

	.sf-menu > li > ul {top: 0;padding:15px 10px;max-height:200px;overflow-y:scroll !important; }

	.sf-menu li li ul{padding:0;border-bottom:1px dotted #e5e5e5;}

	.sf-menu > li > ul > li{width:50%;}

	.sf-menu > li > ul > li > a{text-transform:capitalize;}

	.sf-menu > li > ul > li > a:hover{margin-left:5px;}

	.cat-title {display: block;font: 18px/40px "FontAwesome";text-transform: uppercase;color: #333;display: block;height:auto;}

     .cat-title:hover, .cat-title.active {color: #0074b8; }

     .cat-title:after {

     	display: block;

        font-family: "FontAwesome";

        content: "\f0c9";

        position: absolute;

        right: 70px;

        top: -88px;

		text-align:center;

		color:#fff;

		width:42px;

		height:42px;

		background:#0061a5;

		line-height:40px;

        font-size: 24px;cursor:pointer;

	 }

     .cat-title.active:after {content: "\f0c9"; }



	.sf-menu > li > ul.nav_children01,.sf-menu > li > ul.nav_children02{width:100%;max-width:none;}



}



@media (min-width: 480px) and (max-width: 767px) {.sf-menu > li > ul > li.first-in-line-xs {clear: left; } }



@media (max-width: 479px) {

	.sf-menu > li > ul > li.category-thumbnail > div {

    	width: 100%;

        padding-left: 0;

        padding-top: 10px;

        text-align: center;

	 }

}



@media only screen and (max-width: 450px) {
	.cat-title:after{top:-65px;right:65px;}
}