/* 
================================
 Container Styles for DotNetNuke
================================
.


/*-------------------------------------------------------------------------------*/
.actions{ width:10px;}
.clear									 { clear:both;}
.c_footer								 { padding-right:10px; text-align:right;}
.dnntitle 								 { padding-left:10px;}
.c_contentpane 							 { text-align:left; padding:2px 2px 0px 5px;}
.ModuleTitle_MenuContainer				 { width:100px!important;}
/*-- No Title --*/	
.White									 {}
.White .contentpane						 { text-align:leftpadding:0px;}
.White .cbot							 { float:right;}
	
/*-- Container-1 --*/	
.Container-1 							 { margin-bottom:5px; }
.Container-1 .dnntitle					 { padding:0px 0px 15px 0px;text-align:left; position:relative; }
.Container-1 .dnntitle:after			 { position:absolute; content:""; width:60px; height:5px; background-color:#333;left:0; top:100%;}
.Container-1 .contentmain1				 {}
.Container-1 .contentpane				 { padding:35px 0px 3px 0px;text-align:left;vertical-align:top;clear:both; }

/*-- Container-2 --*/	
.Container-2 							 { margin-bottom:5px; }
.Container-2 .dnntitle					 { padding:0px 0px 15px 0px;text-align:left; position:relative; }
.Container-2 .contentmain1				 {}
.Container-2 .contentpane				 { padding:35px 0px 3px 0px;text-align:left;vertical-align:top;clear:both; }

/*-- Container-3 --*/	
.Container-3 							 { margin-bottom:5px;text-align: center; }
.Container-3 .dnntitle					 { padding:0; text-align:left; position:relative;display:inline-block; }
.Container-3 .dnntitle:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:12px;
	height:12px;
	}
.Container-3 .dnntitle:after{
	content:"";
	position:absolute;
	right:0px;
	top:0px;
	width:12px;
	height:12px;
	}

.Container-3 .contentmain1				 {}
.Container-3 .contentpane				 { padding:35px 0px 3px 0px;text-align:left;vertical-align:top;clear:both; }

/*-- Container-4 --*/	
.Container-4 							 { margin-bottom:0px; }
.Container-4 .dnntitle					 { padding:0px;text-align:left; }
.Container-4 .contentmain1				 {}
.Container-4 .contentpane				 { padding:18px;margin-left:auto;margin-right:auto; vertical-align:top;clear:both; background-color:#F8F8F8;border:1px solid #dddddd;border-top:none;  }	


/*-- Container-5 --*/	
.Container-5 							 { margin-bottom:5px;background-color:#FF8726; }
.Container-5 .dnntitle					 { padding:0px;text-align:left; }
.Container-5 .contentmain1				 {}
.Container-5 .contentpane				 { padding:0 40px 40px 40px;text-align:left;vertical-align:top;clear:both;color:#fff; }		
.Container-5 .contentpane .Normal		 {color:#fff;}
/*-- Container-6 --*/	
.Container-6 							 { margin-bottom:5px; }
.Container-6 .dnntitle					 { padding:0px;text-align:left; }
.Container-6 .contentmain1				 {}
.Container-6 .contentpane				 { padding:40px;text-align:left;vertical-align:top;clear:both; background-color:#F8F8F8;border:1px solid #dddddd;border-top:none; }		

/*-- Container-7 --*/	
.Container-7 							 { margin-bottom:5px; }
.Container-7 .dnntitle					 { padding:0px 0px 15px 0px;text-align:center;  }
.Container-7 .dnntitle span              { display:inline-block; border-left: 1px solid #66CBBF; border-right:1px solid #66CBBF; padding: 0 36px;position:relative; }
.Container-7 .dnntitle span:after			 { position:absolute; content:""; width:63px; height:1px; background-color:#52C4B7;left:-63px; top:50%;}
.Container-7 .dnntitle span:before			 { position:absolute; content:""; width:63px; height:1px; background-color:#52C4B7;right:-63px; top:50%;}
.Container-7 .contentmain1				 {}
.Container-7 .contentpane				 { padding:35px 0px 3px 0px;text-align:left;vertical-align:top;clear:both; }
/*-- Container-8 --*/	
.Container-8						 { margin-bottom:5px; }
.Container-8 .dnntitle			 { padding:0px 0px 0px 0px; border-bottom:2px solid #3E3E3E;}
.Container-8 .title8				 { display:inline-block; border-bottom:2px solid #17B09E; margin-bottom:-2px; padding:0px 20px 10px 0px;}
.Container-8 .contentmain1		 { }
.Container-8 .contentpane			 { padding:30px 0px 3px 0px; text-align:left; vertical-align:top; clear:both; }
/*-- Container-H1 --*/	
.Container-H1 							 { margin-bottom:5px; }
.Container-H1 .dnntitle					 { padding:0px 0px 3px 0px;text-align:left; }
.Container-H1 .contentmain1				 {}
.Container-H1 .contentpane				 { padding:1px 0px 3px 0px;text-align:left;vertical-align:top;clear:both; }

/*-- Container-H2 --*/	
.Container-H2 							 { margin-bottom:5px; }
.Container-H2 .dnntitle					 { padding:0px 0px 3px 0px;text-align:left; }
.Container-H2 .contentmain1				 {}
.Container-H2 .contentpane				 { padding:1px 0px 3px 0px;text-align:left;vertical-align:top;clear:both; }

/*-- Container-H3 --*/	
.Container-H3 							 { margin-bottom:5px; }
.Container-H3 .dnntitle					 { padding:0px 0px 3px 0px;text-align:left; }
.Container-H3 .contentmain1				 {}
.Container-H3 .contentpane				 { padding:1px 0px 3px 0px;text-align:left;vertical-align:top;clear:both; }



/*-- Container Title --*/

.title1{font-size:16px; text-transform:uppercase;font-weight: bold;color: #cccccc;line-height:1.3;}
.title2{font-size:18px; text-transform: capitalize;font-weight: normal;color: #cccccc;line-height:1.3;}
.title3{font-size:18px; text-transform:uppercase;font-weight: bold;color: #333333;line-height: normal;margin:0;padding:17px 39px; display:inline-block;}
.title3:before{
	content:"";
	position:absolute;
	left:0px;
	bottom:0px;
	width:12px;
	height:12px;
	}
.title3:after{
	content:"";
	position:absolute;
	right:0px;
	bottom:0px;
	width:12px;
	height:12px;
	}
.title4{font-size:18px; text-transform: capitalize;font-weight: normal;color: #ffffff;line-height:1.3; display:block; background-color:#FF8726;font-family: Raleway; padding:5px 20px 5px 20px;}
.title5{font-size:18px; text-transform: capitalize;font-weight: normal;color: #ffffff;line-height:1.3; display:block;font-family: Raleway; padding:20px;}
.title6{font-size:18px; text-transform: capitalize;font-weight: normal;color: #ffffff;line-height:1.3; display:block; background-color:#333333;font-family: Raleway; padding:14px 20px 13px 20px;}
.title7{font-size:25px; text-transform: capitalize;font-weight: normal;color: #17b09e;line-height:1.3; display:block; font-family: Raleway; }
.title8{font-size:18px;font-weight:normal;color: #bdbdbd; line-height:1.3;}


@media only screen and (min-width: 768px) and (max-width: 991px) {
	.Container-1 .contentpane,
	.Container-2 .contentpane {
		padding: 15px 0px 3px 0px;
		}
	}
@media only screen and (max-width: 767px) {
	.Container-1 .contentpane,
	.Container-2 .contentpane {
		padding: 5px 0px 3px 0px;
		}
	}






