@import url( bootstrap.css );
@import url( Skin-Feture.css );
@font-face {
    font-family: 'lucida_granderegular';
    src: url('fonts/lucida_grande-webfont.eot');
    src: url('fonts/lucida_grande-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lucida_grande-webfont.woff2') format('woff2'),
         url('fonts/lucida_grande-webfont.woff') format('woff'),
         url('fonts/lucida_grande-webfont.ttf') format('truetype'),
         url('fonts/lucida_grande-webfont.svg#lucida_granderegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* CSS Document */



#Body {
	background:url(images/body_bg.jpg) center top no-repeat #fff;
	color: #1c4586;
}

.body_bg {
	background:url(images/page.bg.lights.png) center top no-repeat;
	min-height: 100%;
}

html,
body {
	margin: 0px;
	padding: 0px;
	font: normal 12px/1.5 'lucida_granderegular',Arial, Helvetica, sans-serif; 
	color: #1c4586;
	height: 100%;
}

p {
	margin: 0px 0px 8px 0px;
}

header,
nav,
section,
footer {
	display: block;
}


A,
A:link {
	text-decoration: none;
	transition: color ease 300ms;
	-moz-transition: color ease 300ms; /* Firefox 4 */
	-webkit-transition: color ease 300ms; /* Safari and Chrome */
	-o-transition: color ease 300ms; /* Opera */
	-ms-transition: color ease 300ms; /* IE9? */
	color:#1c4586;
}

A:active {
	color:#1c4586;
	text-decoration: none;
}

A:visited {
	color:#1c4586;
	text-decoration: none;
}

A:hover {
	color:#1c4586;
	text-decoration: underline;
}

A:focus {
	color:#1c4586;
	outline: none;
	-moz-outline: none;
}

h1 {
	color:#1c4586;
	font-family: 'Lucida Grande',"Lucida Sans","Lucida Sans Unicode",Geneva,Verdana,sans-serif;
	font-size:24px;
	line-height:28px;
	font-weight:bold;
	letter-spacing: normal;
	margin: 5px 0 10px 0;
}
 
h2 {
	color:#1c4586;
	font-family: 'Lucida Grande',"Lucida Sans","Lucida Sans Unicode",Geneva,Verdana,sans-serif;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	letter-spacing: normal;
	margin: 5px 0 10px 0;
}

h3 {
	color:#000000;
	font-family: 'Lucida Grande',"Lucida Sans","Lucida Sans Unicode",Geneva,Verdana,sans-serif;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	letter-spacing: normal;
	margin: 5px 0 10px 0;
}

h4 {
	color:#000000;
	font-family: 'Lucida Grande',"Lucida Sans","Lucida Sans Unicode",Geneva,Verdana,sans-serif;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	letter-spacing: normal;
	margin: 5px 0 10px 0;
}

h5 {
	color:#000000;
	font-family: 'Lucida Grande',"Lucida Sans","Lucida Sans Unicode",Geneva,Verdana,sans-serif;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	letter-spacing: normal;
	margin: 5px 0 10px 0;
}

form#Form {
	height: 100%;
}

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

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

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}

#dnn_ControlPanel #dnnCPWrap {
	filter: none !important;
}

ul.dnnActionMenuBody li ul li a,
ul.dnnActionMenuBody li ul li a img {
	color: #328DDE!important;
}

.clear {
	clear: both;
}

/* ********** Container Style ************** */


.Head {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif, sans-serif;
}

.SubHead {
	font-family: Arial, Helvetica, sans-serif, sans-serif;
}

.SubSubHead {
	font-family: Arial, Helvetica, sans-serif, sans-serif;
}

.Normal {
	color:#1c4586;
	font-family: 'lucida_granderegular',Arial, Helvetica, sans-serif, sans-serif;
}


/**************** Login page******************/
@media only screen and (max-width:767px) {

.loginContent .LoginPanel {
	width: 100% !important;
}

.loginContent .dnnFormItem .dnnLoginRememberMe {
	white-space: nowrap;
}

.loginContent .dnnFormLabel {
	display: block !important;
	text-align: left !important;
}
}
/**************** register page******************/


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

.dnnRegistrationForm {
	min-width: inherit !important;
}

.dnnRegistrationForm .dnnForm {
	width: 100%;
}

.dnnRegistrationForm .dnnFormLabel {
	display: block !important;
	text-align: left !important;
}

.dnnRegistrationForm .dnnForm .dnnFormItem .dnnLabel {
	display: block !important;
	float: none !important;
	text-align: left !important;
	width: 100%;
}

.dnnRegistrationForm .dnnForm .dnnFormItem a.dnnFormHelp {
	right: auto !important;
	position: static !important;
	margin-left: 5px !important;
}

.dnnRegistrationForm .dnnForm .dnnFormItem {
	padding: 0px !important;
	margin: 0px !important;
}

.dnnRegistrationForm .dnnFormItem input[type="text"],
.dnnRegistrationForm .dnnFormItem input[type="password"],
.dnnRegistrationForm .dnnFormItem input[type="email"],
.dnnRegistrationForm .dnnFormItem input[type="tel"],
.dnnRegistrationForm .dnnFormItem select,
.dnnRegistrationForm .dnnFormItem textarea {
	width: 100%;
	margin-bottom: 10px !important;
}
}

/**************** Password page******************/
@media only screen and(max-width:767px) {
 .dnnSendPasswordContent {
 width: auto !important;
}
 .dnnSendPasswordContent .dnnLabel {
 display: block !important;
 width: 100% !important;
 text-align: left;
}
 .dnnSendPasswordContent a.dnnFormHelp, .dnnSendPasswordContent .dnnForm .dnnFormItem a.dnnFormHelp, .dnnSendPasswordContent .dnnTooltip label a.dnnFormHelp {
 position: static;
}
 .dnnSendPasswordContent input[type="text"], .dnnSendPasswordContent input[type="password"], .dnnSendPasswordContent input[type="email"], .dnnSendPasswordContent input[type="tel"], .dnnSendPasswordContent select, .dnnSendPasswordContent textarea {
 width: 90%;
 margin-bottom: 10px !important;
}
 .dnnSendPasswordContent ul.dnnActions {
 padding: 0 !important;
}
}

/* ********** Control Panel Style ************** */


 

.CommandButton,
A.CommandButton:link,
A.CommandButton:visited,
A.CommandButton:active {
	font-size: 12px;
	color: #973939;
	text-decoration: none;
	font-weight: normal;
}

A.CommandButton:hover {
	color: #973939;
	text-decoration: underline;
	font-size: 12px;
	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;
}




/* ********** Pane Style ************** */



.row [class*="Pane"] {
	padding: 0px 0px 30px 0px;
}

.DNNEmptyPane {
	display: none;
}


/* ********** Breadcrumb Style ************** */
.breadcrumbBox{
	padding:5px 0 20px 0;
}

.breadcrumb,
a.breadcrumb:link,
a.breadcrumb:active,
a.breadcrumb:visited {
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color: #1c4586;
}

a.breadcrumb:hover {
	color:#389bbf;
	font-weight: normal;
	text-decoration: underline;
}

.Breadcrumb_bg {
	margin-bottom: 30px;
}
 @media only screen and (max-width: 767px) {

.breadcrumbBox .breadcrumbRight {
	display: none;
}

.Breadcrumb_bg {
	margin-bottom: 15px;
}
}

/* ********** Other Style ************** */	
.dnn_layout {
	width: 980px;
	margin: 0px auto;
}

#dnn_wrapper {
	position: relative;
}

.head_mid,
.content_mid,
.footer_mid {
}

/*Login*/



/* Smith Search*/

input#dnn_ctr905_Search_txtSearchSingleLayout
{
    width: 154px;
    text-align: left;
    height: 18px;
    line-height: 18px;
    padding: 0px 3px 0px 3px;
    border: none;
    display: block;
    outline: 0;
    border-radius: 0px 0px 0px 0px;
    -webkit-appearance: none;
    color: #054388;
    vertical-align: middle;
    background: #fff;
    border: 2px solid #054388;
    color: #054388;
    display: block;
    position: relative;
    padding: 3px 0 3px 6px;
    text-align: left;
    width: 162px;
    height: 24px;
    float: left;
}

input#dnn_ctr905_Search_ibSearchSL {
    background: url(/Portals/_default/Skins/beebeedesigns/images/searchR.png) center center no-repeat;
    text-decoration: none;
    /* display: block; */
    position: relative;
    /* right: -75px; */
    /* top: -2px; */
    /* width: 80px; */
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding: 0px;
    color: #fff;
    text-align: center;
    font-family: 'Glyphicons Regular';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    float: right;
    margin-left: 5px;
}

/* Search Style  */
.searchBox{
	/*float:right;
	position: relative;
	display: block;*/
    padding: 8px 0;
    margin: 0 20px 0 0;
}
.search,
a.search:link,
a.search:active,
a.search:visited {
	background:url(images/searchR.png) center center no-repeat;
	text-decoration: none;
	display: block;
	position: absolute;
	right: -75px;
	top: -2px;
	width: 80px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	padding: 0px;
	color: #fff;
	text-align: center;
	font-family: 'Glyphicons Regular';
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
}

.searchBox input.NormalTextBox {
	width: 154px;
	text-align: left;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	padding: 0px 3px 0px 3px;
	background: none;
	border: none;
	display: block;
	position: absolute;
	left: -4px;
	top: -2px;
	outline: 0;
	border-radius: 0px 0px 0px 0px;
	-webkit-appearance: none;
	color: #054388;
	vertical-align: middle;
}

.searchBox .searchInputContainer {
	position: relative !important;
	display: block !important;
}

.searchBox #dnn_dnnSEARCH_ClassicSearch{
    background: #fff;
    border:2px solid #054388;
    color: #054388;
    display: block;
    position: relative;
    padding:3px 0 3px 6px;
    text-align: left;
    width: 162px;
    height: 24px;
}

.searchBox .searchInputContainer a.dnnSearchBoxClearText.dnnShow {
	top: -3px !important;
	left: auto;
	right: 5px !important;
	margin:2px 0!important;
}

.searchBox.searchSkinObjectPreview {
	right: inherit;
	left: auto;
	right: 0px;
}

.dnnSearchBoxPanel,
.dnnSearchResultPanel {
	width: 100%;
	max-width: none;
	padding: 10px 0px !important;
}

.dnnSearchResultPanel {
	padding: 10px 0px 7px 0px !important;
}

ul.searchSkinObjectPreview{
	top:19px!important;
}

/* ********** HEADER ************** */
.header_bg {
	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? */
}
.hedaer_minHeight {
}

.dnn_logo {
	float: left;
	padding:20px 0 10px 0px;
}
.dnn_logo img {
	max-width: 100%;
	max-height: 100%;
}

.head_right{
	float:right;
}

.HeadPane {
	float: left;
	padding:15px 0;
}
.HeadPane .Normal {
}
.top_nav{
	margin:0;
}
.top_nav li{
	float:left;
	list-style:none;
}
.top_nav li a{
	color:#054388;
	font-size:0.945em;
	font-weight:bold;
    font-family: 'lucida_granderegular';
}
.top_nav li .sep{
	color:#054388;
	padding:0 8px;
}
.Login{
	float:left;
	padding:15px 0;
}
.Login a{
	color:#054388;
	font-size:0.945em;
	font-weight:bold;
}
.HeadTopPane{
	float:right;
	padding:15px 0 15px 10px;
}
.HeadTopPane .Normal{

}
.HeadTopPane a{
	color:#054388;
	font-size:0.945em;
	font-weight:bold;
}
a.cart{
	background:url(images/cart24.png) center left no-repeat;
	padding:5px 0 5px 30px;
}

.SearchPane{
	float:right;
	padding:5px 0 0 0;
}

.HeadRightPane{
	float:right;
	padding:5px 0 0 0;
}
#verisign a:hover{
	text-decoration:none;
}
.roverNB{
	margin:0 0 0 5px;
}




#body,
body {
	position: relative;
}

.roll_replace {
	position: absolute;
}
.roll_logo {
	display: none;
}

/* ********** NAV ************** */	

.nav_box {
	background:url(images/menu_bg.jpg) 0 top repeat-x #1b4686;
	border-radius:8px 8px 0 0;
	box-shadow:0 0 6px #67696c;
	position: relative;
	margin:10px 0 0 0;
}

/* ********** NAV ************** */	
#top_menu {
	padding:0 10px;
    position: relative;
    z-index: 904;
}
#top_menu ul{
	margin:0px;
	padding:0px 0px;
	display:block;
}
#top_menu ul{
	display:inline-block;
}
#top_menu ul:after{
	content:".";
	font-size:0px;
	height:0px;
	display:block;
	clear:both;
	visibility:hidden;
}
#top_menu ul{
	margin:0px; 
	padding:0px 0px;
	display: block; 
}
#top_menu li{
	list-style: none none outside; 
	float:left;
	position:relative;
	margin:0px 0px;
	padding:0px; 
}
#top_menu ul li{
	padding:14px 0;
}
#top_menu ul li a{
	color:#eee; 
	text-decoration:none; 
	display: block; 
	cursor:pointer;
	font-size:10px;
	font-weight:normal;
	width:auto; 
	float:left; 
	line-height:16px; 
}
#top_menu > .gomenu > ul > li > a{
	border-right:1px solid #999999;
}
#top_menu > .gomenu > ul > li.last-item > a{
	border:none;
}
#top_menu ul li span{
	padding:0 10px;
	display:block; 
	white-space: nowrap;
}
#top_menu ul li a:hover{
	background:#1c4585;
	color: #ff9;
	text-decoration:none; 
}
#top_menu ul li a:hover span{
	 }
#top_menu ul li.current a{
	background:#1c4585;
	color: #ff9;
	text-decoration:none; 
}
#top_menu ul li.current span{
	}
#top_menu ul li.current .menuslide span{
}
#top_menu ul li a.menu_hover{
	background:#1c4585;
	color: #ff9;
}
#top_menu ul li a.menu_hover span{
	}
/*sub menu*/
#top_menu .menuslide{
	display: none; 
	float: left; 
	overflow:hidden; 
	position:absolute;
	top:40px!important;
}
#top_menu .menuslide div{
	margin:0 0 0 -3px;
	top:0!important;
}
#top_menu .menuslide ul{
	display: none;
	left: 0px; 
	float: left; 
	position:relative;
	margin:0px; 
	background:#ccf;
	padding:0px 0px; 
}
#top_menu .menuslide ul li{
	border-bottom:1px solid #aaf;
	border-right:1px solid #55f;
    display:block; 
	clear:both; 
	padding:0px 0px; 
	background:none; 
	margin:0px; 
	position:relative; 
}
#top_menu .menuslide ul li span{
	color:#000; 
	display:block; 
	padding:8px 15px 8px 15px; 
	margin:0px; 
	background:none;
}
#top_menu .menuslide ul li a{
	display:block;
	font-weight: normal;
	font-size:12px;
	margin:0px;  
	padding:0px;
	background:none; 
	float:left; 
	line-height:20px;
}
#top_menu .menuslide ul a:hover{
	width:100%;
	background:#1c4585;   
	padding:0px; 
	color:#ff9;
}
#top_menu .menuslide ul a:hover span{
	color: #ff9 ;  
	margin:0px;  
	background:#1c4585; 
}
#top_menu .menuslide ul{
	float:left;
	left:0px;
	position:relative;
}

#top_menu .menuslide ul ul{
	background:#deebfa;
	color:#000;

}
#top_menu .menuslide ul li a.menu_hover{
	background:#1c4585; 
	color:#ff9 ;
}
#top_menu .menuslide a.menu_hover span{
	background:#1c4585; 
	margin:0px; 
	color:#ff9 ; 
}
#top_menu > div > ul ul li.subcurrent > a > span{
	background:#1c4585; 
	color:#ff9 ; 

}
#top_menu .menuslide ul > li.dir > a span{
}
#top_menu .menuslide ul > li.dir > a:hover span{
}
#top_menu .menuslide ul > li.dir > a.menu_hover span{
}
/*Left Menu*/


/* ********** CONTENT ************** */	
#dnn_content {
	padding:0 0px;
}
.main_bg{
	background:#fff;
	box-shadow:0 0 6px #464444;
	padding:5px 0 10px 0;
}
#dnn_content_in .main_bg{
	padding:20px 0 10px 0;
}
.content_mid{
	padding:0 15px;
	position:relative;
}

.TopPane{
	padding:0 0 5px 0!important;
}
.TopPaneA{
	float:left;
	width:300px;
	padding:10px 0 0 0;
}
.TopPaneB{
	float:left;
	width:300px;
	margin:0 20px;
}
.TopPaneC{
	float:right;
	width:300px;
	padding:10px 0 0 0;
}
a.btn-blue{
	background:url(images/Btn-SignUp.png) center center no-repeat;
	border:2px solid #fff;
	color:#fff;
	font-size:12px;
	line-height:12px;
	display:inline-block;
	padding:8px 38px;
	margin:5px 0 0 20px;
	text-indent:-9999px;
	overflow:hidden;
}
a.btn-blue:hover{
	border:2px solid #ff7;
	text-decoration:none;
}
a.btn-more{
	background:url(images/Btn-LearnMore.png) center center no-repeat;
	color:#fff;
	font-size:12px;
	line-height:12px;
	display:inline-block;
	padding:6px 37px;
	text-indent:-9999px;
	overflow:hidden;
}
a.btn-more:hover{
	opacity:0.9;
}
a.btn-moreB{
	background:url(images/Btn-LearnMore.png) center center no-repeat;
	border:2px solid #fff;
	color:#fff;
	font-size:12px;
	line-height:12px;
	display:inline-block;
	padding:8px 38px;
	margin:5px 0 0 20px;
	text-indent:-9999px;
	overflow:hidden;
}
a.btn-moreB:hover{
	border:2px solid #ff7;
	text-decoration:none;
}
.trunks{
	display:inline-block;
	margin:0 0 5px 0;
	letter-spacing:-3px;
}
.product .btn-more{
	float:left;
	margin:60px 0 0 0;
}
.product img{
	float:right;
	height:140px;
}
a.roverNB:hover img {
    border: 0 solid #ddd;
    margin: 0;
    opacity: 0.7;
    padding: 0;
}

.ContentPane{
	padding:0 0 5px 0!important;
}
.dividers_1{
	border-bottom:1px solid #3b5c94;
	margin:5px 0 0px 0;
}

.BottomPaneA,
.BottomPaneB,
.BottomPaneC,
.BottomPaneD,
.BottomPaneE,
.BottomPaneG{
	float:left;
	width:80px;
	margin:0 20px 0 0;
}
.BottomPaneF{
	float:left;
	width:96px;
	margin:0 20px 0 0;
}
.BottomPaneH{
	float:left;
	width:111px;
	margin:0 20px 0 0;
}
.BottomPaneI{
	float:right;
	width:98px;
}
.bot_list{
	margin:0;
}
.bot_list li{
	border-bottom:1px solid #3b5c94;
	list-style:none;
}
.bot_list li a{
	display:block;
	padding:2px 0;
}
.bot_list li a:hover{
	background:#1c4586;
	color:#fef501;
	text-decoration:none;
}
.Container-4 .dnntitle .title4 a{
	display:block;
	padding:8px 0;
}
.Container-4 .dnntitle .title4 a:hover{
	background:#1c4586;
	color:#fef501;
	text-decoration:none;
}

.line_bg{
	background:#bad6f4;
	width:1px;
	height:100%;
	position:absolute;
	left:220px;
	top:0;
}
.LeftOutPane{
	padding:0 5px 0 0;
}
.left_con{
	float:left;
	width:200px;
	padding:0px 0 0 0;
}
.right_con{
	float:right;
	width:750px;
	padding:0 0 0 20px;
	margin:0px 0 10px;
}

.aTypeNav{
	margin:0;
}
.aTypeNav li{
	background-image:url(images/Bullet_Open1.png);
	background-position:left 8px;
	background-repeat:no-repeat;
	border-bottom:1px solid #acc3e5;
	padding:6px 0 6px 20px;
	line-height:14px;
	list-style:none;
}
.aTypeNav li:hover{
	background-color:#c6d0e1;
}
.aTypeNav li a:hover{
	text-decoration:none;
}

.Container-3 .dnntitle .title3 span{
	display:block;
}
.TopPaneA .Container-1{
	margin:0 0 15px 0!important;
}

/* ********** FOOTER ************** */	

.footer_bottom{
	padding:0 0 30px 0;
}
.FooterPane {
	padding: 15px 0px 0;
	margin: 0;
	text-align:center;
}
.footer_left{
	display:inline-block;
}
.footer_left .copyright{
	font-size:0.9em;
	font-weight:bold;
}
.copyright_style {
	float: left;
	padding: 5px 0px;
	display:inline-block;
}
.copyright_style span{
	border-right:1px solid #999;
	padding:3px 8px;
}
.copyright_style,
.copyright_style a,
.copyright_style a:link,
.copyright_style a:active,
.copyright_style a:visited {
	text-decoration: none;
	font-size: 12px;
}
.copyright_style a:hover {
	text-decoration: none;
	color: #1c4586;
}

.footer_right{
	float:right;
	padding:0 25px 0 0;
}







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

.dnn_layout {
	width: 736px;
}

.head_mid,
.content_mid,
.footer_mid {
}

.dnn_logo{
	padding:15px 0 10px 10px;
}
#dnn_dnnLOGO_imgLogo{
	width:210px;
}
.top_nav li .sep{
	padding:0 5px;
}

#top_menu{
	padding:0 6px;
}
#top_menu ul li a{
	font-size:9px;
}
#top_menu ul li span{
	padding:0 5px;
}

.product .btn-more{
	margin:15px 0;
}
.product img{
	float:none;
}

.TopPaneA,
.TopPaneB,
.TopPaneC{
	width:215px;
}

.BottomPaneA, 
.BottomPaneB, 
.BottomPaneC, 
.BottomPaneD, 
.BottomPaneE, 
.BottomPaneG,
.BottomPaneF,
.BottomPaneH,
.BottomPaneI{
	width:115px;
}
.BottomPaneI{
	float:left;
}

.right_con{
	width:495px;
}

.copyright_style .sep {
	padding: 0px 7px;
}

.Container-1 .dnntitle .title1,
.Container-3 .dnntitle .title3{
	font-size:1.2em!important;
}


}

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

	.dnn_layout {
		width: auto;
	}
	
	.head_mid,
	.content_mid,
	.footer_mid {
		padding: 0px 15px;
	}
	#dnn_content,
	#dnn_content_in{
		padding:0 15px;
	}
	
	.roll_replace {
		height: auto!important;
	}
	
	.roll_menu {
		position: relative!important;
		top: 0px!important;
		left: 0px!important;
	}
	
	.header_top {
		height: 36px;
		border-bottom: 1px solid #343434;
	}
	
	.TopPaneA,
	.TopPaneB,
	.TopPaneC{
		float:none;
		width:100%;
		margin:0 0 20px 0;
	}
	.BottomPaneA, 
	.BottomPaneB, 
	.BottomPaneC, 
	.BottomPaneD, 
	.BottomPaneE, 
	.BottomPaneG, 
	.BottomPaneF, 
	.BottomPaneH, 
	.BottomPaneI{
		float:none;
		width:100%;
	}

	.line_bg{
		display:none;
	}
	.left_con{
		float:none;
		width:100%;
	}
	.right_con{
		float:none;
		width:100%;
		padding:0;
	}
	

	.Container-3 .dnntitle .title3 span{
		display:inline-block;
	}
	
	/*.header_bg*/
	.dnn_logo {
		text-align: left!important;
		float: none!important;
		padding: 20px 50px 20px 0px!important;
		position: relative;
	}
	/*--------- Mobile Menu style ----------*/
	.mobile_icon {
		position: absolute;
		top: 50%;
		right: 0px;
		margin-top: -20px;
	}
	
	.mobile_icon .glyphicons {
		background-color: #2456a3;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 20px;
		color: #FFF;
		text-align: center;
		cursor: pointer;
		display: inline-block;
		margin: 1px 2px;
	}
	
	.mobile_icon.active .glyphicons:before {
	content: "\E208";
		font-size: 20px;
	}
	
	#mobile_menu {
		position: absolute;
		top: 100%;
		left: 0px;
		width: 100%;
		z-index: 906;
		background: #1f1f1f;
		display: none;
		border-top: 1px solid #2456a3;
	}
	
	#mobile_menu .menu_main {
		padding: 10px 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;
		display: block;
		text-decoration: none;
		outline: none;
		text-align: left;
		border-bottom: 1px solid #fff;
	}
	
	.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 #2456a3 ;
		border-right: 2px solid #2456a3 ;
	}
	
	.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 #2456a3 ;
		border-left: 2px solid #2456a3 ;
		margin: -0px 0 0 -3px;
	}
	
	.multi_menu ul li.active > a {
		color: #2456a3 ;
		background-color: #2a2a2a;
	}
	
	.multi_menu > ul > li.active > a {
		border-bottom: 1px solid #fff;
	}
	
	.multi_menu ul li a:hover {
		color: #2456a3 ;
	}
	
	.multi_menu ul li.current > a,
	.multi_menu ul li.current > a:hover {
		color: #2456a3 ;
	}
	
	.multi_menu ul ul {
		display: none;
		background: #2a2a2a;
		padding: 2px 0px 5px 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 #fff;
		color: #2456a3 ;
	}
	
	.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;
	}
	/*foot*/
	.FooterPane {
		float: none;
		text-align: center;
		padding: 20px 0px 0px;
	}
	.copyright_style {
		float: none;
		text-align: center;
	}
	.footer_right{
		float:none;
		padding:0;
	}
	
}

 @media only screen and (max-width: 380px) {
 	.Container-1 .dnntitle .title1,
 	.Container-3 .dnntitle .title3{
 		font-size:1.2em;
 	}

 }

 @media only screen and (max-width: 340px) {
 	.product .btn-more{
 		float:none;
 		margin:20px 0;
 	}
	.product img{
		float:none;
	}

 }


a.Button_default {
	background:#1c4586;
    border-radius: 3px;
    color: #ffffff !important;
    display: inline-block;
    font-size: 14px;
    padding: 9px 25px;
    text-shadow: 1px 1px 1px #333;
    transition: background-color 200ms ease-in 0s;
    white-space: nowrap;
}
a.Button_default:hover {
    background: #555555;
    color: #ffffff !important;
    text-decoration: none;
}

.animation img, .animationhover img, .animated .animation_item img {
    max-width: 100%;
}

 .source_code pre{
 	display:none;
 }