/* 
================================
 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 5px 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					 { text-align:center;padding-left:0; }
.Container-1 .contentmain1				 { margin:40px 0 0 0;}
.Container-1 .contentpane				 { padding:1px 0px 3px 0px;text-align:left;vertical-align:top;clear:both; }
.Container-1 .dnntitle .box{
	position:relative;
	display:inline-block;
	}
.Container-1 .dnntitle .box:before{
	position:absolute;
	content:"";
	width:10px;
	height:10px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	top:50%;
	left:0;
	margin:-4px 0 0 -90px;
	}
.Container-1 .dnntitle .box:after{
	position:absolute;
	content:"";
	width:10px;
	height:10px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	top:50%;
	right:0;
	margin:-4px -90px 0 0;
	}
.Container-1 .dnntitle .line:before{
	position:absolute;
	content:"";
	width:60px;
	height:1px;
	top:50%;
	left:0;
	margin:0 0 0 -80px;
	}
.Container-1 .dnntitle .line:after{
	position:absolute;
	content:"";
	width:60px;
	height:1px;
	top:50%;
	right:0;
	margin:0 -80px 0 0;
	}
/*-- Container-2 --*/	
.Container-2 							 { margin-bottom:5px; }
.Container-2 .dnntitle					 { padding:0px 0px 3px 0px;text-align:left; }
.Container-2 .contentmain1				 { margin:30px 0 0 0;}
.Container-2 .contentpane				 { padding:1px 0px 3px 0px;text-align:left;vertical-align:top;clear:both; }
/*-- Container-3 --*/	
.Container-3 							 { margin-bottom:5px; }
.Container-3 .dnntitle					 { padding:0px 0px 3px 0px;text-align:left; }
.Container-3 .contentmain1				 { margin:30px 0 0 0;}
.Container-3 .contentpane				 { padding:1px 0px 3px 0px;text-align:left;vertical-align:top;clear:both; }
/*-- Container-4 --*/	
.Container-4 							 { margin-bottom:5px; }
.Container-4 .dnntitle					 { padding:0px 0px 3px 0px;text-align:left; }
.Container-4 .contentmain1				 { margin:30px 0 0 0;}
.Container-4 .contentpane				 { padding:1px 0px 3px 0px;text-align:left;vertical-align:top;clear:both; }
/*-- Container-5 --*/	
.Container-5 							 { margin-bottom:5px; }
.Container-5 .dnntitle					 { padding:0px;text-align:left; position:relative; }
.Container-5 .dnntitle span.fa{ position:absolute;left:0; top:50%; margin:-22px 0 0 0; width:44px; height:44px; line-height:40px; border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%; text-align:center;}	
.Container-5 .contentmain1				 { margin: 25px 0 0 0;}
.Container-5 .contentpane				 { padding:1px 0px 3px 0px;text-align:left;vertical-align:top;clear:both; }	
/*-- Container-6 --*/	
.Container-6 							 { margin-bottom:5px; }
.Container-6 .dnntitle					 { padding:0px;text-align:left;}
.Container-6 .contentmain1				 { margin: 30px 0 0 0;}
.Container-6 .contentpane				 { padding:1px 0px 3px 0px;text-align:left;vertical-align:top;clear:both; }	
/*-- Container-7 --*/	
.Container-7 							 { margin-bottom:5px; }
.Container-7 .dnntitle					 { padding:0px;text-align:left;}
.Container-7 .contentmain1				 { margin: 30px 0 0 0;}
.Container-7 .contentpane				 { padding:1px 0px 3px 0px;text-align:left;vertical-align:top;clear:both; }	
/*-- Container-8 --*/	
.Container-8 							 { margin-bottom:5px; }
.Container-8 .dnntitle					 { padding:0px 0px 3px 0px;text-align:left; }
.Container-8 .contentmain1				 { margin:30px 0 0 0;}
.Container-8 .contentpane				 { padding:1px 0px 3px 0px;text-align:left;vertical-align:top;clear:both; }
/*-- Container-9 --*/	
.Container-9 							 { margin-bottom:5px; }
.Container-9 .dnntitle					 { padding: 10px 25px;text-align:left; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px;position: relative; }
.Container-9 .contentmain1				 { margin: -30px 0 0 0; background-color:#EEEEEE;padding: 50px 30px 30px 30px;border-radius: 10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.Container-9 .contentpane				 { padding:1px 0px 3px 0px;text-align:left;vertical-align:top;clear:both; }
/*-- Container-10 --*/	
.Container-10 							 { margin-bottom:5px;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;padding: 25px 30px; }
.Container-10 .dnntitle					 { padding:0;text-align:left; }
.Container-10 .contentmain1				 { margin:20px 0 0 0;}
.Container-10 .contentpane				 { padding:0 0px 3px 0px;text-align:left;vertical-align:top;clear:both; }
/*-- Container-11 --*/	
.Container-11 							 { margin-bottom:5px;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;padding: 25px 30px;}
.Container-11 .dnntitle					 { padding:0px 0px 3px 0px;text-align:left; }
.Container-11 .contentmain1				 { margin:20px 0 0 0;color:#fff;}
.Container-11 .contentpane				 { padding:1px 0px 3px 0px;text-align:left;vertical-align:top;clear:both;color:#fff; }
.Container-11 .contentpane .Normal	  	 { color:#fff;}
.Container-11 .contentpane .Normal a     {color:#fff; text-decoration:underline;}
.Container-11 .contentpane .Normal a:hover{ text-decoration:none;}

.Container-H1 							 { margin-bottom:5px; }
.Container-H1 .dnntitle					 { padding:0px;}
.Container-H1 .contentmain			 	 { }
.Container-H1 .contentpane			 	 { padding:5px 0px 1px 0px; text-align:left; vertical-align:top; clear:both;       }

.Container-H2 							 { margin-bottom:5px; }
.Container-H2 .dnntitle					 { padding:0px;}
.Container-H2 .contentmain			     {}
.Container-H2 .contentpane			 	 { padding:5px 0px 1px 0px; text-align:left; vertical-align:top; clear:both;     }

.Container-H3 							 { margin-bottom:5px; }
.Container-H3 .dnntitle					 { padding:0px;}
.Container-H3 .contentmain				 { }
.Container-H3 .contentpane				 { padding:5px 0px 1px 0px; text-align:left; vertical-align:top; clear:both;     }


/*-- Container Title --*/

.title1{font-size:24px;font-weight:normal;color: #333333;line-height:1.3;font-family:'Open Sans', Arial, sans-serif;}
.title2{font-size:20px;font-weight:normal;color: #333333;line-height:1.3;font-family:'Open Sans', Arial, sans-serif;}
.title3{font-size:24px;font-weight:normal;color: #333333;line-height:1.3;font-family:'Open Sans', Arial, sans-serif; display:inline-block; position:relative;}
.title3:before{
	position: absolute;
	content: "";
	width: 60px;
	height: 1px;
	right: 0px;
	top: 50%;
	margin: 0 -90px 0 0;
	}
.title3:after{
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin: -5px -100px 0 0;
	right: 0px;
	top: 50%;
	}
.title4{font-size:16px;font-weight: bold;line-height:1.3;font-family:'Open Sans', Arial, sans-serif; text-transform:uppercase;}
.home3_bottom .title4{color:#333;}
.title5{ display:inherit;font-size:17px;font-weight: bold;color: #333333;line-height:1.3;font-family:'Open Sans', Arial, sans-serif;text-transform:uppercase;padding: 0 0 0 55px;}
.title6{font-size: 18px;font-weight: bold;color: #ccc;line-height: 1.3;font-family: 'Open Sans', Arial, sans-serif;text-transform: uppercase;padding: 0 0 0 10px;}
.title7{font-size: 18px;font-weight: bold;color: #333;line-height: 1.3;font-family: 'Open Sans', Arial, sans-serif;text-transform: uppercase;padding: 0 0 0 10px;}
.title8{font-size:24px;font-weight: normal;color: #cccccc;line-height:1.3;font-family:'Open Sans', Arial, sans-serif; text-transform:uppercase;}
.title9{font-size:20px;font-weight:normal;color: #fff;line-height:1.3;font-family:'Open Sans', Arial, sans-serif; display:inline-block;}
.title10{font-size:20px;font-weight:normal;color: #333333;line-height:1.3;font-family:'Open Sans', Arial, sans-serif;}
.title11{font-size:20px;font-weight:normal;color: #fff;line-height:1.3;font-family:'Open Sans', Arial, sans-serif; display:inline-block; position:relative;}
.title11:before{
	position: absolute;
	content: "";
	width: 60px;
	height: 1px;
	right: 0px;
	top: 50%;
	margin: 0 -90px 0 0;
	background-color:#fff;
	}
.title11:after{
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin: -5px -100px 0 0;
	right: 0px;
	top: 50%;
	background-color:#fff;
	}


@media only screen and (min-width: 768px) and (max-width: 979px) {
		.Container-1 .contentmain1,
		.Container-2 .contentmain1,
		.Container-3 .contentmain1,
		.Container-4 .contentmain1,
		.Container-5 .contentmain1,
		.Container-8 .contentmain1{
			margin: 20px 0 0 0;
			}
		.Container-5 .dnntitle span.fa{
			display:none;
			}
		.Container-9 .contentmain1{
			padding: 50px 20px 20px 20px;
			}
		.Container-10,
		.Container-11{
			padding:20px;
			}
		.title5{
			padding:0;
			}
		.title11:before,
		.title11:after{
			display:none;
			}
	}
@media only screen and (max-width: 767px) {
		.Container-1 .contentmain1,
		.Container-2 .contentmain1,
		.Container-3 .contentmain1,
		.Container-4 .contentmain1,
		.Container-5 .contentmain1,
		.Container-8 .contentmain1{
			margin: 10px 0 0 0;
			}
		.Container-9 .contentmain1{
			padding: 50px 20px 20px 20px;
			}
		.Container-10,
		.Container-11{
			padding:20px;
			}
		.Container-1 .dnntitle .box:before{
			margin: -4px 0 0 -60px;
			}
		.Container-1 .dnntitle .box:after{
			margin: -4px -60px 0 0;
			}
		.Container-1 .dnntitle .line:before {
			width: 30px;
			margin: 0 0 0 -50px;
			}
		.Container-1 .dnntitle .line:after {
			width: 30px;
			margin: 0 -50px 0 0;
			}
		.Container-5 .dnntitle span.fa{
			display:none;
			}
		.title5{
			padding:0;
			}
	}