/* 
================================
 Container Styles for DotNetNuke
================================



/*-------------------------------------------------------------------------------*/
.Normal { color: #666666; }
.actions { width: 10px; }
.clear { clear: both; line-height: 0; font-size: 0; height: 0; }
.left { float: right; }
.right { float: left; }
.c_footer { padding-left: 10px; text-align: right; margin: 0 0 0px 0; }
.c_contentpane { text-align: right; }
.dnntitle { text-transform: capitalize; font-size: 24px; line-height: 1.8; font-weight: 400; /*font-family: lato;*/ }
    .dnntitle span {font-size: 24px;  }

/*Container001*/
.Container001 { margin: 60px 0 0; position: relative; }
    .Container001 .dnntitle { color: #333; font-weight: bold; font-size: 22px; }
      .Container001 .dnntitle span{ color: #333; font-weight: bold; font-size: 22px; }
    .Container001 .contentpane { padding: 15px 0px 10px 0px; }
/*Container002*/
.Container002 {
    padding-top: 40px;
}
.Container002 .dnntitle { padding: 0px 0 20px; text-align: center; overflow: hidden; }
.Container002 .titleline { font-size: 20px; line-height: 1.2; color: #fff; font-weight: 600; position: relative; padding: 0 35px; display: inline-block; }
.Container002 .contentpane { padding: 25px 0px 10px 0px; }
.Container002 .dnntitle h4 { margin: 0px; position: relative; display: inline-block; vertical-align: middle; max-width: 80%; }
    .Container002 .dnntitle h4:before { content: ""; border-top: 3px solid rgba(255,255,255,0.4); width: 20px; vertical-align: middle; margin: -1px 0 0px; position: absolute; left: 0; top: 56%; }
    .Container002 .dnntitle h4:after { content: ""; border-top: 3px solid rgba(255,255,255,0.4); width: 20px; vertical-align: middle; margin: -1px 0 0px; position: absolute; right: 0; top: 56%; }


/*Container003*/
.Container003 {
   
}
.Container003 .dnntitle { padding: 0px 0 0px; text-align: center; overflow: hidden; }
.Container003 .titleline { font-size: 20px; line-height: 1.2; color: #323232; font-weight: 600; position: relative; padding: 0 20px; display: inline-block; }
.Container003 .contentpane { padding: 15px 0px 10px 0px; }
.Container003 .dnntitle h4 { margin: 0px; position: relative; display: inline-block; vertical-align: middle; max-width: 80%; }
    .Container003 .dnntitle h4:before { content: ""; border-top: 3px solid rgba(0,0,0,0.4); width: 20px; vertical-align: middle; margin: -1px 0 0px; position: absolute; left: 97%; top: 56%; }
    .Container003 .dnntitle h4:after { content: ""; border-top: 3px solid rgba(0,0,0,0.4); width: 20px; vertical-align: middle; margin: -1px 0 0px; position: absolute; right: 97%; top: 56%; }
@media only screen and (max-width:1024px) {
    .Container003 {
    margin-top: 75px;
}
}

/*Container004*/
.Container004 { border: 1px solid #333; margin: 0 0 20px 0; }
    .Container004 .dnntitle { color: #FFF; margin: 0px; background: #333; padding: 0px 15px; }
    .Container004 .contentpane { padding: 20px 15px 10px 15px; }

/*Container005*/
.Container005 .contentpane { padding: 15px 0px 10px 10px; }

/*Container006*/
.Container006 .dnntitle { border-bottom: 1px solid #ddd; }
.Container006 .titleline { float: right; margin: 0 0 -1px 0; border-bottom: 2px solid; padding: 0 0 5px 0; }
.Container006 .contentpane { padding: 25px 0px 10px 10px; }

/*Container007*/

.Container007 .dnntitle { padding: 0px; font-size: 14px; text-transform: capitalize; text-align: right; color: #FFF; font-weight: 400; line-height: 40px; }

    .Container007 .dnntitle .title-bg { display: inline-block; padding: 0px 10px 0 5px; position: relative; }
        .Container007 .dnntitle .title-bg:after { content: ''; position: absolute; border-right: 0px solid transparent; border-left: 35px solid transparent; bottom: 0; right: 50%; margin-right: 0px; right: 100%; border-bottom: 40px solid #0054a5; }
        .Container007 .dnntitle .title-bg::after { border-bottom: 40px solid #0054a5; }
    .Container007 .dnntitle .title { display: block; }
.Container007 .BackgroundColor { background: #0054a5; }
.Container007 .contentpane { padding: 5px; border: 1px solid #ddd; }
.Container007 .c_footer { margin: 0 0 20px; }
/*Container008*/
.Container008 { border: 1px solid #0da896; margin: 45px 0 20px; }

    .Container008 .dnntitle { padding: 22px 15px 0 15px; color: #333333; font-size: 15px; line-height: 42px; font-weight: bold; }
    .Container008 .contentpane { padding: 5px 15px 15px; }
    .Container008 .c_footer { margin: 0; }
    .Container008 .c_icon { background: #f5f5f5; position: absolute; top: 25px; left: 25px; border: solid 1px #0da896; padding: 10px; width: 67px; height: 60px; }
/*Container009*/
.Container009 .dnntitle { overflow: hidden; color: #333; }

.Container009 .title1 { float: right; margin: 0 0 0 10px; }
.Container009 .titleline { height: 1px; width: 100%; margin: 20px 0px 0px -100%; float: right; background: #e3e3e3; }
.Container009 .contentpane { padding: 15px 0px 10px 0px; }


/*Container010*/
.Container010 .dnntitle { background: none repeat scroll 0 0 #f2f2f2; border-right: 4px solid; }
.Container010 .title1 { padding: 0 10px 0 0; }
.Container010 .contentpane { padding: 25px 0 10px; border-top: none; }
/*Container011*/
.Container011 { margin: 0 0px 20px 0; }

    .Container011 .dnntitle { color: #FFFFFF; padding: 0 10px 0 0; background: #333; border-right: 4px solid #1293d4; }
    .Container011 .contentpane { padding: 15px; }

/*Container012*/
.Container012 { border-radius: 6px 6px 6px 6px; box-shadow: 0 -4px rgba(0, 0, 0, 0.1) inset; }
    .Container012 .dnntitle { color: #ffffff; padding: 10px 0 0 0; margin: 0 15px; }
    .Container012 .contentpane { padding: 10px 15px 25px 15px; }
        .Container012 .contentpane .Normal { color: #FFFFFF; }
    .Container012 .CommandButton,
    .Container012 A.CommandButton:link,
    .Container012 A.CommandButton:visited,
    .Container012 A.CommandButton:active { color: #FFFFFF; }

/*Container013*/
.Container013 h2 { line-height: 60px; text-align: center; color: #FFF; text-transform: capitalize; }


.Container013 .contentpane { padding: 10px 0px 10px 0px; }

/*Container014*/
.Container014 .dnntitle { color: #FFF; line-height: 1; font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 0 0px 0 0; margin-bottom: 10px; }



.Container014 .contentpane { padding: 25px 0px 10px 0px; }
    .Container014 .contentpane .Normal { color: #fff; font-size: 14px !important; }
/*Container015*/
.Container015 .dnntitle { font-size: 30px; line-height: 1.3; text-align: center; text-transform: capitalize; color: #fff; font-weight: 500; position: relative; padding: 0 0 20px 0; }
    .Container015 .dnntitle:after { content: ""; width: 50px; height: 3px; position: absolute; right: 50%; margin: 0 -25px 0 0; bottom: 0; background: #1293d4; }
.Container015 .title-icon { text-align: center; }

    .Container015 .title-icon span { margin: 0px 10px; color: #ccc; font-size: 20px; }
.Container015 .contentpane { padding: 25px 0px 10px 0px; }


/*Container016*/
.Container016 .dnntitle { padding: 0; font-size: 22px; text-transform: capitalize; text-align: center; font-weight: 400; padding: 20px 0; color: #333; }
.Container016 .dnntitle { background: url(images/bot-title.png)no-repeat center bottom scroll; }

.Container016 .contentpane { padding: 10px 0 10px; }

/*Container017*/
.Container017 { background: #fff; border-radius: 8px; overflow: hidden; padding: 0 30px; box-shadow: 0 0 6px 3px #e8e2e2; margin-bottom: 30px; }
    .Container017 .contentpane .Normal { color: #aaa; }

    .Container017 .contentpane { padding: 30px 0px; border-top: none; }
    .Container017 .dnntitle , .Container017 .dnntitle a{ background: #fff; color: #26a8b9; padding: 20px 15px; text-align: center; font-size: 21px !important; font-weight: bold; border-bottom: 2px solid #f5f5f5; }
        .Container017 .dnntitle::before { content: ""; width: 150px; max-width: 50%; display: block; border-top: 2px solid #151a6a; margin: 0 auto; position: relative; z-index: 1; top: -20px; }
.Container017 .dnntitle span{  font-size: 21px !important;{}
/*Container018*/
.Container018 { box-shadow: 0px 0px 3px 2px #f9f9f9; padding: 15px; }
    .Container018 .Bt2_top { border-bottom: solid 2px #f3f3f3; }
    .Container018 .c_icon { display: inline-block; vertical-align: middle; }
    .Container018 .dnntitle { color: #777; font-weight: bold; display: inline-block; font-size: 15px; }
        .Container018 .dnntitle em { color: #f5ba1b; }
    .Container018 .contentpane { padding: 15px 0 5px; border-top: none; }
/*NoTitle*/
.NoTitle .contentpane { text-align: right; padding: 0px; }
.NoTitle .cbot { float: left; }
.Contactus01-Container01 { margin: 0 auto; }
    .Contactus01-Container01 .dnntitle { white-space: nowrap; padding: 0px 0 0; text-align: center; position: relative; }
    .Contactus01-Container01 .contentmain1 { }
    .Contactus01-Container01 .contentpane { padding: 0 0px 0px 0px; vertical-align: top; clear: both; }
.Contactus01-bg02 { background: url(images/contactus01-bg02.jpg) repeat left center; }
.Contactus01-Container01 .dnntitle h4 { margin: 0; }

.Contactus02-Container01 { margin: 0 auto; }
    .Contactus02-Container01 .dnntitle { white-space: nowrap; padding: 0px 0 0; text-align: left; position: relative; }
    .Contactus02-Container01 .contentmain1 { }
    .Contactus02-Container01 .contentpane { padding: 0 0px 0px 0px; vertical-align: top; clear: both; }
    .Contactus02-Container01 .dnntitle h4 { margin: 0; font-weight: normal; color: #fff; font-size: 24px; line-height: 1; }
    .Contactus02-Container01 .Normal { color: #FFF; }

.Contactus01-heading01 { font-size: 24px; line-height: 1.2; color: #333333; white-space: normal; vertical-align: middle; font-weight: bold; margin: 0px; display: inline-block; position: relative; padding: 0px 27px; }
    .Contactus01-heading01:before { content: ""; border-left: 3px solid #20a3f0; height: 22px; margin: 0; position: absolute; left: 0; top: 50%; margin-top: -11px; }
    .Contactus01-heading01:after { content: ""; border-right: 3px solid #20a3f0; height: 22px; margin: 0; position: absolute; right: 0; top: 50%; margin-top: -11px; }


@media handheld, only screen and (max-width:767px) {
    .dnntitle { font-size: 20px; }
    .Container013 .dnntitle,
    .Container015 .dnntitle,
    .Container016 .dnntitle { font-size: 20px; }
}

@media handheld, only screen and (max-width:520px) {
    .dnntitle { font-size: 18px; }
    .Container014 .title1 { font-size: 16px; }
    .Container013 .dnntitle,
    .Container015 .dnntitle,
    .Container016 .dnntitle { font-size: 18px; }
}

@media handheld, only screen and (max-width:480px) {
    .Container016 .contentpane { padding: 10px 0 10px; }
}

@media handheld, only screen and (max-width:375px) {

    .Container013 .dnntitle,
    .Container015 .dnntitle,
    .Container016 .dnntitle { font-size: 16px; }
}
/*Container019*/
/*.Container019 { margin: 0px 0 5px; }
    .Container019 .dnntitle { padding: 0px 0 20px; text-align: center; overflow: hidden; }
    .Container019 .contentmain1 { }
    .Container019 .contentpane { padding: 5px 0px 0px 0px; vertical-align: top; clear: both; }
    .Container019 .dnntitle h4 { margin: 0px; position: relative; display: inline-block; vertical-align: middle; max-width: 80%; }
        .Container019 .dnntitle h4:before { content: ""; border-top: 1px solid #11ba99; width: 60px; vertical-align: middle; margin: -1px 0 0px; position: absolute; left: 100%; top: 50%; }
        .Container019 .dnntitle h4:after { content: ""; border-top: 1px solid #11ba99; width: 60px; vertical-align: middle; margin: -1px 0 0px; position: absolute; right: 100%; top: 50%; }
.Home05-heading01 { font-size: 24px !important; line-height: 1.2; color: #283848; font-weight: bold; position: relative; padding: 0 20px; display: inline-block; }
    .Home05-heading01:before { content: ""; border-left: 1px solid #11ba99; height: 17px; margin: -9px 27px 4px 0; position: absolute; left: 0; top: 50%; }
    .Home05-heading01:after { content: ""; border-right: 1px solid #11ba99; height: 17px; margin: -9px 0px 4px 27px; position: absolute; right: 0; top: 50%; }*/

/*Container019*/
.Container019 { margin: 0px 0 5px; }
    .Container019 .dnntitle { padding: 20px 0 20px; text-align: center; overflow: hidden; }
    .Container019 .contentmain1 { }
    .Container019 .contentpane { padding: 5px 0px 0px 0px; vertical-align: top; clear: both; }
    .Container019 .dnntitle h4 { margin: 0px; position: relative; display: inline-block; vertical-align: middle; max-width: 80%; }
        .Container019 .dnntitle h4:before { content: ""; background: #f2f6fa; width: 15px; height: 4px; vertical-align: middle; margin: -1px 0 0px; position: absolute; left: 100%; top: 55%; border-radius: 2px; }
        .Container019 .dnntitle h4:after { content: ""; background: #f2f6fa; width: 15px; height: 4px; vertical-align: middle; margin: -1px 0 0px; position: absolute; right: 100%; top: 55%; border-radius: 2px; }
.Home05-heading01 { font-size: 24px !important; line-height: 1.2; color: #283848; font-weight: bold; position: relative; padding: 0 45px; display: inline-block; }
    .Home05-heading01:before { content: ""; background: #d8deea; width: 25px; height: 4px; margin: -9px 27px 4px 0; position: absolute; left: 5px; top: 80%; border-radius: 2px; }
    .Home05-heading01:after { content: ""; background: #d8deea; width: 25px; height: 4px; margin: -9px 0px 4px 27px; position: absolute; right: 5px; top: 80%; border-radius: 2px; }
    .Home05-heading01 em { color: #d8deea; font-size: 31px !important; }
