@import url( bootstrap.css );
@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One);


/* CSS Document */
html,body{
	margin:0px; 
	height: 100%; 
	padding:0px; 
	font:normal 12px/1.5 Tahoma, Geneva, sans-serif; 
	color:#828281;
}
form#Form{
	height:100%;
}
#Body{
	color:#828281;
}
p{
	margin:0px 0px 8px 0px;
}
TH,TD,DIV{
}

ul.dnnActionMenuBody li ul li a,
ul.dnnActionMenuBody li ul li a img{
	color:#328DDE!important;	
}
#dnnCPWrap{
	color:#000;	
}
.clear{
	clear:both;
}
/* ********** Container Style ************** */

.Head{ 
	font-size:13px;
	font-weight:bold;
	color:#000; 
	font-family: Arial, Helvetica, sans-serif;
}
.SubHead{ 
	font-size:13px;
	color:#000; 
	font-family:Arial, Helvetica, sans-serif;
}
.SubSubHead{ 
	font-size:13px; 
	color:#000; 
	font-family:Arial, Helvetica, sans-serif;
}
.Normal{ 
	font-size:12px;
	line-height:1.5;
	color:#000000; 
	font-family: Tahoma, Geneva, sans-serif;
	padding: 10px;
}

A,
A:link,
A:active,
A:visited{
	color:#01846B ;
	text-decoration:none;
}
A:hover{
	color:#D93E03 ;
	text-decoration:underline;
}
h1{
	font:bold 18px/20px Arial;
	color:#DC3D00;
}
h2{
	font:bold 14px/16px Arial;
	color:#DC3D00;
}
h3{
	font:bold 12px/16px Arial;
	color:#000;
}
h4{
	font:bold 12px/16px Arial;
	color:#000;
}


.ModuleTitle_SubMenu{
	z-index:9999!important;
}

table[id*="LogViewer"] td {
	white-space: normal;
}

.clearfix:after{
	clear:both;
	content:".";
	height:0px;
	font-size:0px;
	visibility:hidden;
	display:block;
}
.clearfix{
	display:inline-block;
}
.clearfix{
	display:block;
}

/* ********** Other Style ************** */	
#dnn_wrapper{
	min-height:100%;
	position:relative;
	background:url(images/leibundgut_hintergrund_1.jpg) 50% 0 repeat;
}

/* ********** Main ************** */
.top_right{ float:right;}
.top_link{ clear:right; float:right;}	


.dnn_top{ padding:15px 10px 11px; line-height:22px;}
.dnn_top a,
.dnn_top a:link,
.dnn_top a:active,
.dnn_top a:visited{ color:#000;}
.dnn_top a:hover{ color:#fff;}

.login_style{ float:left;}
.LinkPane{ float: right;}
.top_link,
.top_link li{ padding:0px; margin:0px; list-style:none;}
.top_link li{ float:left; line-height:22px; padding:0px 12px 0px 25px;}
.top_link li.home{ background:url(images/home_icon.png) left top no-repeat;}
.top_link li.cart{ background:url(images/cart_icon.png) left top no-repeat;}
.top_link li.das{ background:url(images/info.png) left top no-repeat; padding-left:18px;}
.top_link li.account{ background:url(images/account_icon.png) left top no-repeat;}
.top_link li.view{ background:url(images/view_icon.png) left top no-repeat;}
.top_link li.contact{ background:url(images/contact_icon.png) left top no-repeat; padding-right:0px;}

.dnn_content_top{ background:url(images/top_left.png) left top no-repeat;}
.dnn_content_top div{ background:url(images/top_right.png) right top no-repeat;}
.dnn_content_top div div{ background:#fff; height:10px; margin:0px 9px; font-size:0px;}

.dnn_head{
	padding:0px 5px 10px;
	min-height:106px;
}

.dnn_logo{
	float:left;
	padding:0px 10px 10px 23px;
}


.headp{
	float:right;
	padding:0px 10px 0px 0px;
	width:210px;
}

.dnn_menu{
}
/* ********** CONTENT ************** */	

.dnn_content{
	background:#fff;
}
.leibundgut_content h1 {
	font-size: 32px;
	line-height: 1.3;
}
.leibundgut_content h2 {
	font-size: 24px;
	line-height: 1.3;
	margin: 18px 0 10px 0;
}
.leibundgut_content h3 {
	font-size: 17px;
	line-height: 1.3;
	margin: 18px 0 5px 0;
	color: #DC3D00;
}
.leibundgut_content p {
	font-size: 15px;
	line-height: 1.5;
	padding: 0 0 15px 0;
}
.leibundgut_content .signatur {
	font-style: italic;
	text-align: right;
}
.leibundgut_products h2 {
	font-size: 17px;
	line-height: 1.3;
}
.leibundgut_products .button {
	text-align: center;
}
.leibundgut_products p {
	font-size: 17px;
	line-height: 1.3;
}
.elastic-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}
.elastic-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ********** BOTTOM ************** */	

.dnn_footer_top{ background:url(images/footer_top_left.png) left top no-repeat;}
.dnn_footer_top div{ background:url(images/footer_top_right.png) right top no-repeat;}
.dnn_footer_top div div{ background:url(images/footer_top_bg.png) left top repeat-x; height:30px; margin:0px 9px; font-size:0px;}

.dnn_footer{
	background:#FD3303;
	padding:5px 15px;
}
.dnn_footer,
.dnn_footer .Normal{ color:#010101; line-height:21px;}

.dnn_footer a,
.dnn_footer a:link,
.dnn_footer a:active,
.dnn_footer a:visited{ color:#010101;}
.dnn_footer a:hover{ color:#fff;}

.dnn_copyright{}
.FooterPane{}

.dnn_footer_bot{ background:url(images/footer_bot_left.png) left bottom no-repeat;}
.dnn_footer_bot div{ background:url(images/footer_bot_right.png) right bottom no-repeat;}
.dnn_footer_bot div div{ background:url(images/footer_bot_bg.jpg) left bottom repeat-x; height:8px; margin:0px 8px; font-size:0px;}
/* ********** Control Panel Style ************** */
.CommandButton,
A.CommandButton:link,
A.CommandButton:visited,
A.CommandButton:active{
	color:#D93E03;
	text-decoration:none;
	font-weight:normal;
}
A.CommandButton:hover{
	color:#01846B; 
	text-decoration: underline; 
	font-weight:normal; 
}	
.FileManager A,
.FileManager A:link,
.FileManager A:visited,
.FileManager A:active{
	color:#000;
	text-decoration: underline;
}
.FileManager A:hover{
	color:#000;
	text-decoration:none;
}


/* ********** Search Style ************** */
.search_bg .searchInputContainer{ display:block !important; height:33px;}
.search_bg{
	position:relative;
	height:33px;
	float:right;
	width:304px;
	background:url(images/search_bg.png) 0px 0px no-repeat;
	margin:39px 7px 0px 0px;
	display:none !important;
}

.search,
a.search:link,
a.search:active,
a.search:visited{
	color:#A90358;
	text-decoration:none;  
	display:block; 
	position:absolute; 
	right:0px; 
	top:0px; 
	overflow:hidden; 
	text-transform:uppercase; 
	font-size:16px; 
	font-weight:bold; 
	text-indent:-9999px;
	overflow:hidden; 
	width:82px; 
	height:33px;
	outline:none;
}
a.search:hover{
	color:#A90358;
	text-decoration:none;
}
#dnn_dnnSEARCH_txtSearch{
	width:186px; 
	color:#000; 
	text-align: left; 
	height:16px; 
	padding:0px; 
	background:none;
	border:none; 
	display:block; 
	position:absolute;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	left:15px; 
	top:9px;
}
/* ********** Buttons Style ************** */

/* ********** Login Style ************** */
.login,
a.login:link,
a.login:active,
a.login:visited{
	color:#000; 
	text-decoration:none; 
	font-weight:normal;
	background:url(images/login_icon.png) left no-repeat;
}
a.login:hover{
	color:#fff;
	text-decoration:underline; 
	font-weight:normal; 
}
.login,
.user{ display:inline-block; padding:0px 12px 0px 25px;}
*+html .login,
*+html .user{ display:inline;}

/* ********** User Style ************** */
.user,
a.user:link,
a.user:active,
a.user:visited{
	color:#000; 
	text-decoration:none; 
	font-weight:normal;
	background:url(images/user_icon.png) left no-repeat;
}
a.user:hover{
	color:#fff; 
	text-decoration:underline; 
	font-weight:normal; 
}

/* ********** Date Style ************** */
.date,
a.date:link,
a.date:active,
a.date:visited{
	color:#606060;	
	text-decoration:none;	
	font-weight:normal;	
	font-size:12px;
}
a.date:hover{
	color:#E165DD;
	}

/* ********** Footer Style ************** */
.footer,
a.footer:link,
a.footer:active,
a.footer:visited{
	color:#010101;
	text-decoration:none;
	font-weight:Normal;
}
a.footer:hover{
	color:#fff; 
	text-decoration:none; 
	font-weight:Normal; 
	text-decoration:underline; 
}
/* ********** Privacy/Terms Style ************** */
.terms,
a.terms:link,
a.terms:active,
a.terms:visited{
	color:#010101;	
	text-decoration:none;	
	font-weight: normal;	
	border-bottom:0px dotted;
}
a.terms:hover{
	color:#fff;
	text-decoration:none;
	font-weight:Normal; 
	text-decoration:underline;
}

/* ********** Links Style ************** */
.links,
a.links:link,
a.links:active,
a.links:visited{
	font-size:13px; 
	color:#9e9d9d; 
	text-decoration:none; 
	font-weight:normal;
	padding:0 0px;
}	
a.links:hover{
	color:#767676;
	text-decoration:underline;
	font-weight:normal;
}

/* ********** Breadcrumb Style ************** */
.breadcrumb,
a.breadcrumb:link,
a.breadcrumb:active,
a.breadcrumb:visited{
	font-size:13px;
	color:#464f52;
	text-decoration:none; 
	font-weight:normal; 
}
a.breadcrumb:hover{
	font-size:13px;
	color:#d6a62f;
	text-decoration:none; 
	font-weight:normal;  
	text-decoration:underline;
}

/*main menu*/
.fishmenu-h{
	}
#Fishmenu ul{
	margin:0px;
	padding:0px 0px;
	display:block;}
#Fishmenu ul{
	display:inline-block;}
#Fishmenu ul:after{
	content:".";
	font-size:0px;
	height:0px;
	display:block;
	clear:both;
	visibility:hidden;}
#Fishmenu ul{
	margin:0px; padding:0px 0px;display: block; }
#Fishmenu li{
	list-style: none none outside; float:left;position:relative; margin:0px 0px; padding:0px; margin-right:1px;}
#Fishmenu ul li{
	}
#Fishmenu ul li a{
	color:#fff; text-decoration:none; display: block; cursor:pointer; font-weight:bold;font-size:13px;width:auto; float:left; line-height:33px; }
#Fishmenu ul li span{
	padding:0px 15px 0px 15px; display:block; white-space: nowrap; }
#Fishmenu ul li a:hover{
	color: #fff;text-decoration:none; background:#3C2334;}
#Fishmenu ul li a:hover span{
	color: #fff; }
#Fishmenu ul li.current a{
	color: #fff;  text-decoration:none; background:#3C2334;}
#Fishmenu ul li.current span{
	color:#fff;}
#Fishmenu ul li.current .menuslide span{
	background:transparent; }
#Fishmenu ul li a.menu_hover{
	color:#fff; background:#3C2334;}
#Fishmenu ul li a.menu_hover span{
	color: #fff; text-decoration:none; }
/*sub menu*/
#Fishmenu .menuslide{
	display: none; float: left; overflow:hidden; position:absolute;}
#Fishmenu .menuslide div{
	margin-top:-1px;}
#Fishmenu img{
	display:none;}
#Fishmenu .menuslide ul{
 display: none;left: 0px; border:1px solid #85627A;  float: left; position:relative; margin:0px; background:url(images/submenu.png) repeat; padding:0px;}
#Fishmenu .menuslide ul li{
    display:block; clear:both; padding:0px; background:none; margin:0px; }
#Fishmenu .menuslide ul li span{
	color:#956184; display:block; padding:0 15px 0 10px; margin:0px; background:none;}
#Fishmenu .menuslide ul li a{
	display:block;font-weight: normal;font-size:12px;margin:0px;  padding:0px; background:none; float:left; line-height:26px;}
#Fishmenu .menuslide ul a:hover{
	width:100%;background:none;   padding:0px; line-height:26px; background:#4E3245;}
#Fishmenu .menuslide ul a:hover span{
	color: #b37ea2;  margin:0px; padding-left:10px; background:none;}
#Fishmenu .menuslide ul{
	float:left;left:0px;position:relative;}
#Fishmenu .menuslide ul li a.menu_hover{
	background:#4E3245; color:#b37ea2; }
#Fishmenu .menuslide a.menu_hover span{
	background:none; margin:0px; color:#b37ea2; padding:0 15px 0 10px;}
#Fishmenu .menuslide ul > li.dir > a{
	background:url(images/icon-1.gif) 96% 50% no-repeat;}
#Fishmenu .menuslide ul > li.dir > a:hover{
	background:url(images/icon-2.gif) 96% 50% no-repeat #4E3245;}
#Fishmenu .menuslide ul > li.dir > a.menu_hover{
	background:url(images/icon-2.gif) 96% 50% no-repeat #4E3245;}


.DataGrid_Item{
	font-size:11px;
	color:#999;
}
.DataGrid_AlternatingItem{
	font-size:11px;
}
.DataGrid_Header{
	color:#999;
}
/* ********** Pane Style ************** */
.BannerPane	{ 
	padding:0px; 
}
.TopPane{ 
	padding:0px 0px 5px 0px;
}
.TopLeftPane{ 
	padding:0px 0px 5px 0px;
}
.TopRightPane{
	padding:0px 0px 5px 10px;
}
.BottomLeftPane	{ 
	padding:0px 0px 5px 0px;
}
.BottomRightPane{ 
	padding:0px 0px 5px 10px;
}
.LeftPane{ 
	padding:0px 10px 5px 0px; 
	text-align:left; 
	vertical-align:top;
}
.ContentPane{ 
	padding:0px 0px 5px 0px; 
	text-align:left; 
	vertical-align:top;
}
.RightPane{ 
	padding:0px 0px 5px 10px;
	text-align:left; 
	vertical-align:top;
}
.BottomPane{ 
	padding:0px 0px 5px 0px; 
}
.FootLeftPane{ 
	padding-top:10px;
}

.home_left {float: left;width: 27%;padding-right: 50px;}
.home_center {float: left;width: 46%;}
.home_right {float: right;width: 27%;padding-left: 50px;}

.DNNEmptyPane{ 
	display:none;
}

/*** catelook skin ****/
.cat_detail_Alternatives{ display:none;}





/* ********** NAV ************** */	
/*main menu*/
.dnn_menu {
	position: relative;
	z-index: 904;
}

/*dnngo_megamenu */
#dnngo_megamenu {
	margin: 0px;
	padding: 0px;
	clear:both;
}

#dnngo_megamenu .primary_structure{
	position:relative;
	clear:both;
	margin:0; 
	padding:0;
}
#dnngo_megamenu .primary_structure:after {
	clear:both;
	content:".";
	height:0px;
	font-size:0px;
	visibility:hidden;
	display:block;
}
 
#dnngo_megamenu .primary_structure > li {
	float: left;
	list-style: none;
	position: relative;
}
#dnngo_megamenu .primary_structure > li > a {
	display: inline-block;
	transition: background-color ease-in 200ms;
	-moz-transition: background-color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
	-o-transition: background-color ease-in 200ms; /* Opera */
	-ms-transition: background-color ease-in 200ms; /* IE9? */
}
*+html #dnngo_megamenu .primary_structure > li > a {
	display: inline;
}

#dnngo_megamenu .primary_structure > li > a:hover,
#dnngo_megamenu .primary_structure > li.menu_hover > a ,
#dnngo_megamenu .primary_structure > li.current > a { 
	text-decoration:none;
}
#dnngo_megamenu .primary_structure > li.current > a {position: relative;}
#dnngo_megamenu .primary_structure > li.current > a:before {
	content: "";
	width: 26px;
	height: 15px;
	background: url(images/bot_icon1.png) no-repeat 0 0;
	position: absolute;
	top: 57px;
	left: 50%;
	margin-left: -13px;
	z-index: 1;
}

#dnngo_megamenu .primary_structure > li.item-1.current > a:before {background: url(images/bot_icon1.png) no-repeat 0 0;}
#dnngo_megamenu .primary_structure > li.item-2.current > a:before {background: url(images/bot_icon2.png) no-repeat 0 0;}
#dnngo_megamenu .primary_structure > li.item-3.current > a:before {background: url(images/bot_icon3.png) no-repeat 0 0;}
#dnngo_megamenu .primary_structure > li.item-4.current > a:before {background: url(images/bot_icon4.png) no-repeat 0 0;}
#dnngo_megamenu .primary_structure > li.item-5.current > a:before {background: url(images/bot_icon5.png) no-repeat 0 0;}
#dnngo_megamenu .primary_structure > li.item-6.current > a:before {background: url(images/bot_icon6.png) no-repeat 0 0;}
#dnngo_megamenu .primary_structure > li.item-7.current > a:before {background: url(images/bot_icon7.png) no-repeat 0 0;}
#dnngo_megamenu .primary_structure > li.item-8.current > a:before {background: url(images/bot_icon8.png) no-repeat 0 0;}
#dnngo_megamenu .primary_structure > li.item-9.current > a:before {background: url(images/bot_icon9.png) no-repeat 0 0;}

#dnngo_megamenu .primary_structure > li.current:hover > a:before {
	width: 0;height: 0;
}


#dnngo_megamenu > div > ul > li > a{
	background: url(images/menu1.png) no-repeat 0 0;
	padding-left: 14px;
	max-width: 132px;
}

#dnngo_megamenu > div > ul > li > a > span{
	position:relative;
	background:  url(images/menu1.png) no-repeat 100% -62px;
	color:#fff;
	display:block;
	font-size:17.5px;
	height:62px;
	line-height: 57px;
	padding:0px 15px 0 1px;
	text-transform:capitalize;
	text-align: center;
	font-family: 'Pathway Gothic One', sans-serif;
}


#dnngo_megamenu > div > ul > li:hover > a {
	background: url(images/menu1-h.png) no-repeat 0 0;
}
#dnngo_megamenu > div > ul > li:hover > a span{
	background: url(images/menu1-h.png) no-repeat 100% -62px;
}



#dnngo_megamenu > div > ul > li.item-1:hover > a {
	background: url(images/menu1-h.png) no-repeat 0 0;
}
#dnngo_megamenu > div > ul > li.item-1:hover > a span{
	background: url(images/menu1-h.png) no-repeat 100% -62px;
}


#dnngo_megamenu > div > ul > li.item-2 > a {background: url(images/menu2.png) no-repeat 0 0;}
#dnngo_megamenu > div > ul > li.item-2 > a > span {
	background:  url(images/menu2.png) no-repeat 100% -62px;
}
#dnngo_megamenu > div > ul > li.item-2:hover > a{background: url(images/menu2-h.png) no-repeat 0 0;}
#dnngo_megamenu > div > ul > li.item-2:hover > a span{background: url(images/menu2-h.png) no-repeat 100% -62px;}



#dnngo_megamenu > div > ul > li.item-3 > a {background: url(images/menu3.png) no-repeat 0 0;}
#dnngo_megamenu > div > ul > li.item-3 > a > span {
	background:  url(images/menu3.png) no-repeat 100% -62px;
}
#dnngo_megamenu > div > ul > li.item-3:hover > a{background: url(images/menu3-h.png) no-repeat 0 0;}
#dnngo_megamenu > div > ul > li.item-3:hover > a span{background: url(images/menu3-h.png) no-repeat 100% -62px;}


#dnngo_megamenu > div > ul > li.item-4 > a {background: url(images/menu4.png) no-repeat 0 0;}
#dnngo_megamenu > div > ul > li.item-4 > a > span {
	background:  url(images/menu4.png) no-repeat 100% -62px;
	line-height: 1.2;
	padding-top: 8px;
}
#dnngo_megamenu > div > ul > li.item-4:hover > a{background: url(images/menu4-h.png) no-repeat 0 0;}
#dnngo_megamenu > div > ul > li.item-4:hover > a span{background: url(images/menu4-h.png) no-repeat 100% -62px;}


#dnngo_megamenu > div > ul > li.item-5 > a {background: url(images/menu5.png) no-repeat 0 0;}
#dnngo_megamenu > div > ul > li.item-5 > a > span {
	background:  url(images/menu5.png) no-repeat 100% -62px;
}
#dnngo_megamenu > div > ul > li.item-5:hover > a{background: url(images/menu5-h.png) no-repeat 0 0;}
#dnngo_megamenu > div > ul > li.item-5:hover > a span{background: url(images/menu5-h.png) no-repeat 100% -62px;}


#dnngo_megamenu > div > ul > li.item-6 > a {background: url(images/menu6.png) no-repeat 0 0;}
#dnngo_megamenu > div > ul > li.item-6 > a > span {
	background:  url(images/menu6.png) no-repeat 100% -62px;
	line-height: 1.2;
	padding-top: 8px;
}
#dnngo_megamenu > div > ul > li.item-6:hover > a{background: url(images/menu6-h.png) no-repeat 0 0;}
#dnngo_megamenu > div > ul > li.item-6:hover > a span{background: url(images/menu6-h.png) no-repeat 100% -62px;}


#dnngo_megamenu > div > ul > li.item-7 > a {background: url(images/menu7.png) no-repeat 0 0;}
#dnngo_megamenu > div > ul > li.item-7 > a > span {
	background:  url(images/menu7.png) no-repeat 100% -62px;
	line-height: 1.2;
	padding-top: 8px;
}
#dnngo_megamenu > div > ul > li.item-7:hover > a{background: url(images/menu7-h.png) no-repeat 0 0;}
#dnngo_megamenu > div > ul > li.item-7:hover > a span{background: url(images/menu7-h.png) no-repeat 100% -62px;}

#dnngo_megamenu > div > ul > li.item-8 > a {background: url(images/menu8.png) no-repeat 0 0;}
#dnngo_megamenu > div > ul > li.item-8 > a > span {
	background:  url(images/menu8.png) no-repeat 100% -62px;
}
#dnngo_megamenu > div > ul > li.item-8:hover > a{background: url(images/menu8-h.png) no-repeat 0 0;}
#dnngo_megamenu > div > ul > li.item-8:hover > a span{background: url(images/menu8-h.png) no-repeat 100% -62px;}



#dnngo_megamenu > div > ul > li.item-9 > a {background: url(images/menu9.png) no-repeat 0 0;}
#dnngo_megamenu > div > ul > li.item-9 > a > span {
	background:  url(images/menu9.png) no-repeat 100% -62px;
}
#dnngo_megamenu > div > ul > li.item-9:hover > a{background: url(images/menu9-h.png) no-repeat 0 0;}
#dnngo_megamenu > div > ul > li.item-9:hover > a span{background: url(images/menu9-h.png) no-repeat 100% -62px;}




/*sub*/
#dnngo_megamenu .dnngo_menuslide {
	display: none;
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 903;
	margin:0;
	padding:0;
}
#dnngo_megamenu .item-9 .dnngo_menuslide {padding: 0 5px 0 0;}
#dnngo_megamenu .item-9 .dnngo_menuslide .dnngo_boxslide {border-radius: 5px 0 5px 5px;}

#dnngo_megamenu .dnngo_masonrymenu {
	width:100%;
}
#dnngo_megamenu .dnngo_masonrymenu > ul {
	float:left;
	background: url(images/line.png) 95% 50% no-repeat;
	min-height: 640px;
}
#dnngo_megamenu li.item-1 .dnngo_masonrymenu > ul {
	min-height: 900px;
}
#dnngo_megamenu .dnngo_masonrymenu > ul:last-child {
	background: none;
}

#dnngo_megamenu .dnngo_masonrymenu > ul > li{
	margin:0px 10px;
}

/*dnngo_slide_menu*/
#dnngo_megamenu .dnngo_slide_menu {
	margin: 0;
	padding:0;
	background-color: #ffffff;
	white-space:nowrap;
	box-shadow:			0 0 2px rgba(0,0,0,0.4);	
	-moz-box-shadow:	0 0 2px rgba(0,0,0,0.4); 	
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
}
#dnngo_megamenu .dnngo_slide_menu ul,
#dnngo_megamenu .dnngo_slide_menu ul li{
	margin:0;
	padding:0;
	}

#dnngo_megamenu .dnngo_slide_menu .dnngo_submenu {
	margin: 0;
	padding:0;
	background-color: #ffffff;
	display: none;
	position: absolute;
	left: 100%;
	top: 0px;
	z-index: 904;
	box-shadow:			0 0 2px rgba(0,0,0,0.4);	
	-moz-box-shadow:	0 0 2px rgba(0,0,0,0.4); 	
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
}
#dnngo_megamenu .dnngo_slide_menu li {
	position: relative;
	list-style: none;
}
#dnngo_megamenu .dnngo_slide_menu li:last-child {
	border-bottom:none;
}

#dnngo_megamenu .dnngo_slide_menu li a {
	text-decoration:none;
	text-align:left;
	padding: 12px 80px 12px 15px;
	font-size:13px;
	display: block;
	color: #8C8C8C;
	transition: 	background-color ease-in 200ms;
	-moz-transition: background-color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
	-o-transition: background-color ease-in 200ms; /* Opera */
	-ms-transition: background-color ease-in 200ms; /* IE9? */
}

#dnngo_megamenu .dnngo_slide_menu li a:hover,
#dnngo_megamenu .dnngo_slide_menu li.menu_hover > a {
	color:#FFF;
	background-color:#69b532;
}

#dnngo_megamenu .dnngo_slide_menu li.dir > a:before {
	content: "";
	border-right:1px solid #8C8C8C;
	border-bottom:1px solid #8C8C8C;
	width:5px;
	height:5px;
	right: 20px;
	top: 50%;
	position: absolute;
	margin:-2px 0 0 0;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); /* IE 9 */
	-moz-transform:rotate(-45deg); /* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari and Chrome */
	-o-transform:rotate(-45deg); /* Opera */
}

#dnngo_megamenu .dnngo_slide_menu li.dir > a:hover:before,
#dnngo_megamenu .dnngo_slide_menu li.dir.menu_hover > a:before  {
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
}


/*dnngo_boxslide*/

#dnngo_megamenu .dnngo_boxslide {
	background: #FFF;
	border-radius:	5px;	
	-moz-box-shadow:  5px; 	
	-webkit-box-shadow: 5px;
	clear: both;
	overflow: hidden;
	width: 100%;
	margin: auto;
	text-align:left;
	padding:10px 21px;
	box-sizing:				border-box;
	-moz-box-sizing: 		border-box;
	-webkit-box-sizing: 	border-box;
}

#dnngo_megamenu .dnngo_boxslide .clear{
	clear:both;
	overflow:hidden;
	width:100%;
	height:0px;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox {
	float:left;
	box-sizing:				border-box;
	-moz-box-sizing: 		border-box;
	-webkit-box-sizing: 	border-box;
}


#dnngo_megamenu .dnngo_boxslide .menu_leftbox {
	float:left;
	box-sizing:				border-box;
	-moz-box-sizing: 		border-box;
	-webkit-box-sizing: 	border-box;
}

#dnngo_megamenu .dnngo_boxslide .menu_rightbox {
	float:left;
	padding:0px 15px;
	box-sizing:				border-box;
	-moz-box-sizing: 		border-box;
	-webkit-box-sizing: 	border-box;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul {
	margin:0;
	padding:0;
	text-align:left;
}




#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li{
	list-style:none;
	padding:4px 0px;
	font-size:12px;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul{
	padding:10px;
}  
#dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li {
	display:inline-block;
	vertical-align:top;
	margin-right:-6px;
	padding:5px 10px;
	box-sizing:				border-box;
	-moz-box-sizing: 		border-box;
	-webkit-box-sizing: 	border-box;
}

*+html #dnngo_megamenu .dnngo_boxslide .menu_centerbox .dnngo_masonrymenu > ul >li{
	display:inline;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox > .dnngo_masonrymenu > ul > li >  a > span{
	color:#73b317;
	font-size:14px;
	display:block;
	margin-bottom:13px;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox > .dnngo_masonrymenu > ul > li > a:hover {
	text-decoration:none;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li{
	width:100%!important;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a {
	color: #8C8C8C;
	display:block;
	width:100%;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover {
	color:#73b317;
	text-decoration:none;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span{
	display:block;
	position: relative;
	padding-left: 12px;
 }
#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span:before{
	border: 4px solid transparent;
    border-top: 4px solid #fff;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    width: 0;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li li{
	padding-left:10px;}

#dnngo_megamenu .dnngo_boxslide .menu_topbox {
	width: 100%;
}

#dnngo_megamenu .dnngo_boxslide .menu_bottombox {
	width: 100%;
}

#dnngo_megamenu .mega_title {
	font-size:14px!important;
	font-weight:normal;
	padding:10px 0 5px;
	line-height:1.2;
	color:#73b317;

}
#dnngo_megamenu .social-icons {
	margin:15px 0;
}
#dnngo_megamenu .social-icons a{
	font-size:22px!important;
	color:#c1c1c1;
}
#dnngo_megamenu .social-icons a:hover{
	color:#69b532;
}


#dnngo_megamenu .menu_leftbox .dividers_1 {
	margin-bottom:10px;
}


/*color*/

#dnngo_megamenu .dnngo_slide_menu ,
#dnngo_megamenu .dnngo_slide_menu .dnngo_submenu,
#dnngo_megamenu .dnngo_boxslide{
	background-color:#FFFFFF;
}

#dnngo_megamenu .dnngo_slide_menu li,
#dnngo_megamenu .dnngo_boxslide .menu_centerbox  .dnngo_masonrymenu > ul > li >  a > span{
	
}
#dnngo_megamenu .dnngo_boxslide ,
#dnngo_megamenu .dnngo_slide_menu li a,
#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a {
	color:#fff;
}



#dnngo_megamenu .dnngo_slide_menu li a:hover, 
#dnngo_megamenu .dnngo_slide_menu li.menu_hover > a{
	background-color:#fff;
}
#dnngo_megamenu .dnngo_slide_menu li a:hover, 
#dnngo_megamenu .dnngo_slide_menu li.menu_hover > a{
	background-color:#fff;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox  .dnngo_masonrymenu > ul > li >  a > span,
#dnngo_megamenu .mega_title,
#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover{
	color:#fff;
}

#dnngo_megamenu .dnngo_menuslide {
	
}

#dnngo_megamenu > div > ul > li > a:hover > span,
#dnngo_megamenu > div > ul > li.current > a > span,
#dnngo_megamenu > div > ul > li.menu_hover > a > span{
	
}
#dnngo_megamenu > div > ul > li > a > span:after{
	
}
#dnngo_megamenu > div > ul > li > a:hover > span:after,
#dnngo_megamenu > div > ul > li.current > a > span:after,
#dnngo_megamenu > div > ul > li.menu_hover > a > span:after{
	
}

.dnngo_gomenu .dnngo_boxslide {background-color: #FF0000 !important;}
.dnngo_gomenu .item-1 .dnngo_boxslide {background-color: #FF0000 !important;}
.dnngo_gomenu .item-2 .dnngo_boxslide {background-color: #FF6600 !important;}
.dnngo_gomenu .item-3 .dnngo_boxslide {background-color: #D99F03 !important;}
.dnngo_gomenu .item-4 .dnngo_boxslide {background-color: #99CC33 !important;}
.dnngo_gomenu .item-5 .dnngo_boxslide {background-color: #003300 !important;}
.dnngo_gomenu .item-6 .dnngo_boxslide {background-color: #03AADA !important;}
.dnngo_gomenu .item-7 .dnngo_boxslide {background-color: #000060 !important;}
.dnngo_gomenu .item-8 .dnngo_boxslide {background-color: #81007F !important;}
.dnngo_gomenu .item-9 .dnngo_boxslide {background-color: #B21D77 !important;}










.top_nav {padding-bottom: 10px;}
.top_nav ul {margin: 0;}
.top_nav li {list-style-type: none;}
.top_nav > ul > li {float: left;width: 20%;background: url(images/line.png) 90% 50% no-repeat;min-height: 309px;}
.top_nav > ul > li:last-child {background: none;}
.top_nav ul li h3 {color: #fff;font-size: 14px;margin-bottom: 15px;}
.top_nav li li a {color: #fff;padding-left: 10px;position: relative;font-size: 14px;line-height: 2;}
.top_nav li li a:before {
	border:4px solid transparent;
    border-top:4px solid #fff;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    width: 0;
    transform: rotate(-90deg);
	-ms-transform: rotate(-90deg); /* IE 9 */
	-moz-transform: rotate(-90deg); /* Firefox */
	-webkit-transform: rotate(-90deg); /* Safari and Chrome */
	-o-transform: rotate(-90deg); /* Opera */
}






/* ********** Other Style ************** */
.dnn_layout {
	width: 999px;
	margin: 0px auto;
}
.content_mid {
		padding: 0px 15px;
	}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
 	height: 0; 
	overflow: hidden;
	z-index:0;
}
 
.responsive-video iframe,
.responsive-video object,
.responsive-video embed,
.responsive-video video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:1;
}


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

.dnn_layout {
	width: 999px;
}
.content_mid {
		padding: 0px 15px;
	}

}

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

.dnn_layout {
	width: 736px;
}
.content_mid {
		padding: 0px 15px;
	}
}



 @media only screen and (max-width: 767px) {
	
	/* pane_style */
	.home_left {float: none;width: 100%;padding-right: 0;}
	.home_center {float: none;width: 100%;}
	.home_right {float: none;width: 100%;padding-left: 0;}

	/*.header_bg*/
	.dnn_logo {
		text-align: left!important;
		float: none!important;
		padding: 20px 65px 27px 10px!important;
		position: relative;
	}
	.dnn_logo img {display: block;max-width: 100%;height: auto;}
	

	/*--------- Mobile Menu style ----------*/
	.mobile_icon {
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -20px;
	}
	
	.mobile_icon .glyphicons {
		background-color: #019477;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		width: 40px;
		height: 40px;
		line-height: 42px;
		font-size: 21px;
		color: #FFF;
		text-align: center;
		cursor: pointer;
		display: inline-block;
		margin: 1px 2px;
	}
	
	.mobile_icon.active .glyphicons:before {
		content: "\f00d";
		font-size: 20px;
	}
	
	#mobile_menu {
		position: absolute;
		top: 100%;
		left: 0px;
		width: 100%;
		z-index: 906;
		display: none;
	}
	
	#mobile_menu .menu_main {
		padding: 0;
	}
	
	.multi_menu {
		margin: auto;
	}
	
	.multi_menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.multi_menu ul li {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	.multi_menu ul li img {
		vertical-align: middle;
	}
	
	.multi_menu ul li a {
		font-size: 13px;
		line-height: 20px;
		padding: 0px;
		margin: 0px;
		color: #fff;
		background: #f00;
		display: block;
		text-decoration: none;
		outline: none;
		text-align: left;
		border-bottom: 1px solid rgba(255,255,255,0.4);
	}
	
	.multi_menu ul li a:after {
		clear: both;
		content: ".";
		height: 0px;
		font-size: 0px;
		visibility: hidden;
		display: block;
	}
	
	.multi_menu ul li a {
		display: inline-block;
	}
	
	.multi_menu ul li a {
		display: block;
	}
	
	.multi_menu ul li span {
		padding: 10px 0px;
		display: block;
	}
	
	.multi_menu ul li .menu_arrow {
		display: block;
		width: 40px;
		padding: 0px;
		height: 40px;
		float: right;
		text-indent: 0px;
		overflow: hidden;
		margin: 0px;
		text-align: center;
		line-height: 40px;
		font-size: 0;
		position: relative;
	}
	
	.multi_menu ul li .menu_arrow:before {
		content: "";
		width: 7px;
		height: 7px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -3px 0 0 -3px;
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		-ms-transform: rotate(45deg); /* IE 9 */
		-moz-transform: rotate(45deg); /* Firefox */
		-webkit-transform: rotate(45deg); /* Safari and Chrome */
		-o-transform: rotate(45deg); /* Opera */
	}
	
	.multi_menu ul li:hover > a > .menu_arrow:before {
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
	}
	
	.multi_menu ul li .menu_arrow.arrow_closed:before,
	.multi_menu ul li:hover .menu_arrow.arrow_closed:before {
		border-bottom: none;
		border-right: none;
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
		margin: -0px 0 0 -3px;
	}
	
	.multi_menu ul li.active > a {
		color: #fff;
		background-color: #2a2a2a;
	}
	
	.multi_menu > ul > li.active > a {
		border-bottom: 1px solid rgba(255,255,255,0.4);
	}
	
	.multi_menu ul li a:hover {
		color: #fff;
	}
	
	.multi_menu ul li.current > a,
	.multi_menu ul li.current > a:hover {
		color: #fff;
	}
	
	.multi_menu ul ul {
		display: none;
		background: #2a2a2a;
		padding: 0px;
		margin: 0px;
	}
	
	.multi_menu ul li.current > ul {
		display: block;
	}
	
	.multi_menu ul li.active > a,
	 .multi_menu ul li a:hover {
	}
	
	.multi_menu ul li.current > a,
	.multi_menu ul li.current > a:hover {
		border-bottom: 1px solid rgba(255,255,255,0.4);
		color: #fff;
	}
	
	.multi_menu ul li a {
		padding: 0 0 0 15px
	}
	
	.multi_menu ul li li a {
		padding: 0 0 0 30px
	}
	
	.multi_menu ul li li li a {
		padding: 0 0 0 45px
	}
	
	.multi_menu ul li li li li a {
		padding: 0 0 0 60px
	}
	
	.SkinPlugin_icon {
		display: none!important;
	}



	.dnn_layout {
		width: auto;
	}
	.content_mid {
		padding: 0px 15px;
	}


	.login_style {float: none;text-align: center;}
	.top_right {float: none;margin-top: 5px;text-align: center;}
	.top_link {float: none;}
	.top_link li {float: none;display: inline-block;}
	.LinkPane {float: none;}
	.headp {float: none;padding: 0;margin: 0 10px 18px; width: auto !important;}
	.dnn_head {padding: 0;}

	#mobile_menu .menu_main li a {background: #FF0000;}
	#mobile_menu .menu_main li.Item-1 a {background: #FF0000;}
	#mobile_menu .menu_main li.Item-2 a {background: #FF6600;}
	#mobile_menu .menu_main li.Item-3 a {background: #D99F03;}
	#mobile_menu .menu_main li.Item-4 a {background: #99CC33;}
	#mobile_menu .menu_main li.Item-5 a {background: #003300;}
	#mobile_menu .menu_main li.Item-6 a {background: #03AADA;}
	#mobile_menu .menu_main li.Item-7 a {background: #000060;}
	#mobile_menu .menu_main li.Item-8 a {background: #81007F;}
	#mobile_menu .menu_main li.Item-9 a {background: #B21D77;}
}