/* 
================================
 Container Styles for DotNetNuke
================================
.


/*-------------------------------------------------------------------------------*/
.actions								 { width:10px;}
.clear									 { clear:both;}
.c_footer								 { padding-right:10px; text-align:right;}
.dnntitle 								 {}
.c_contentpane 							 { text-align:left; padding:2px 5px 0px 5px;}
.ModuleTitle_MenuContainer				 { width:100px!important;}



.H1-Container{
	margin-bottom: 60px;
}
.H2-Container{
	margin-bottom: 50px;
}
.H3-Container{
	margin-bottom: 40px;
}
.H4-Container,
.H5-Container,
.H6-Container{
	margin-bottom: 35px;
}



.Container-Footer h3{
	margin: 0 ;
}

.Container-Footer .title{
    font-size: 12px;
    line-height: 1.33337;
	margin: 0 0 10px;
	color:  var(--FooterTitleColor,#f5f5f7);
	display: block;
}


.Container-DarkBox{
	padding: 80px 15%;
	background-color: var(--ContainerDarkBox,#1d1d1f);
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 30px;
	height: calc(100% - 30px);
}

.Container-01{
	margin:0 80px 50px 0;
}
.Container-01 .contentmain{
}
.dark-area-box .Container-01 .contentmain{
}
.Container-01 h3{
	margin: 0 ;
}
.Container-01 .title{
	display: block;
	font-size: 28px;
    line-height: 1.14286;
    font-weight: 600;
	margin: 0 0 20px;
}

.Container-02{
	margin:0 80px 50px 0;
}
.Container-02 .contentmain{
}
.dark-area-box .Container-02 .contentmain{
}
@media (max-width: 991px) {
	.Container-01{
		 margin-right: 0;
	}
}



.Container-02{
	margin:0 0px 50px 0;
	color: #a1a1a6;
}
.Container-02 h3{
	margin: 0 ;
}

.Container-02 .title{
	display: block;
    font-size: 32px;
    line-height: 1.125;
    font-weight: 600;
	margin: 0 0 30px;
}