/* containers css*/

 

.clr{ clear:both;}

/* container01*/
.container01Tile{ color: #0C4B9F; font-family: Arial,sans-serif; font-size: 34px; font-weight: normal; text-decoration: none;}
/* container01*/

/* container02*/
.container02Tile{ color: #000; font-family: Arial,sans-serif; font-size:21px; font-weight: normal; text-decoration: none;}
/* container02*/

/* container03*/
.container03title{ color: #79a3e4; font-family: Arial,sans-serif; font-size: 35px; font-weight: normal; margin: 0; text-decoration: none;}
/* container03*/

/* container04*/
.container04title{ color: #0C4B9F; font-family: Arial,sans-serif; font-size:40px; font-weight: normal; text-decoration: none;}
/* container04*/

/* container05*/
.container05title{ color: #ffcc00; font-family: Arial,sans-serif; font-size:40px; font-weight: normal; text-decoration: none;}
/* container05*/

/* bluetitleHeader*/
.blue            { width:100%; background-color:#0d4ba0;}
.blue-mid        { width: 985px; padding:57px 10px; max-width:100%; margin:0 auto;}
.bluetitleHeadertitle{ color:#fff; font-family: Arial,sans-serif; font-size:45px; font-weight: bold; text-decoration: none;}
/* bluetitleHeader */

/* SkybluetitleHeader*/
.skyblue            { width:100%; background-color:#053f96;}
.skyblue-mid        { width: 985px; padding:57px 10px; max-width:100%; margin:0 auto;}
.skybluetitleHeadertitle, .skybluetitleHeadertitle h1 { color:#fff; font-family: Arial,sans-serif; font-size:45px; font-weight: bold; text-decoration: none;}
/* SkybluetitleHeader */





/*    FULL WIDTH AND DIFFRANT COLOR CONTAINER STYLE START HERE  */

/*    Blue  */
#fullblue    { background-color: #79A3E4; margin: 0; width: 100%;}
#fullblue-mid{ max-width:100%; padding:60px 0; width:992px; margin:0 auto;}
/*    Blue  */


/*    Black  */
#fullblack    { background-color: #053f96; margin: 0; width: 100%;}
#fullblack-mid{ max-width:100%; padding:60px 0; width:992px; margin:0 auto;}
/*    Black  */


/*    Gray  */
#fullgray    { background-color: #a6a39e; margin: 0; width: 100%;}
#fullgray-mid{ max-width:100%; padding:60px 0; width:992px; margin:0 auto;}
/*    Gray  */


/*    Mid-Blue  */
#fullmid-blue    { background-color: #30619b; margin: 0; width: 100%;}
#fullmid-blue-mid{ max-width:100%; padding:60px 0; width:992px; margin:0 auto;}
/*    Mid-Blue  */


/*    Green  */
#fullmid-green    { background-color: #053f96; margin: 0; width: 100%;}
#fullmid-green-mid{ max-width:100%; padding:60px 0; width:992px; margin:0 auto;}
/*    Green  */


/*    Transition  */
#fullmid-transition     { background-color: #CC9900; margin: 0; width: 100%;}
#fullmid-transition-mid { max-width:100%; padding:60px 0; width:992px; margin:0 auto;}
/*    Transition  */

/*    Collaborate  */
#fullmid-collaborate     { background-color:#88C8EB; margin: 0; width: 100%;}
#fullmid-collaborate-mid { max-width:100%; padding:60px 0; width:992px; margin:0 auto;}
/*    Collaborate  */


/*    Grow    */
#fullmid-grow            { background-color:#8AAAD0; margin: 0; width: 100%;}
#fullmid-grow-mid        { max-width:100%; padding:60px 0; width:992px; margin:0 auto;}
/*    Grow   */




/*    FULL WIDTH AND DIFFRANT COLOR CONTAINER STYLE START HERE  */







@media only screen and (max-width : 1024px)   
{
.blue-mid        { width:98%; max-width:100%; padding:40px 10px; margin:0 auto;}
.skyblue-mid     { width:98%; max-width:100%; padding:40px 10px; margin:0 auto;}


/*    Blue  */
#fullblue        { background-color: #8eb1e9; margin: 0; width: 100%;}
#fullblue-mid    { width:auto; max-width:100%; margin:0 auto; padding:20px 10px;}
/*    Blue  */


/*    Black  */
#fullblack       { background-color: #053f96; margin: 0; width: 100%;}
#fullblack-mid   { width:auto; max-width:100%; margin:0 auto; padding:20px 10px;}
/*    Black  */


/*    Gray  */
#fullgray    { background-color: #a6a39e; margin: 0; width: 100%;}
#fullgray-mid{ width:auto; max-width:100%; margin:0 auto; padding:20px 10px;}
/*    Gray  */


/*    Mid-Blue  */
#fullmid-blue    { background-color: #30619b; margin: 0; width: 100%;}
#fullmid-blue-mid{ width:auto; max-width:100%; margin:0 auto; padding:20px 10px;}
/*    Mid-Blue  */


/*    Green  */
#fullmid-green    { background-color: #053f96; margin: 0; width: 100%;}
#fullmid-green-mid{ width:auto; max-width:100%; margin:0 auto; padding:20px 10px;}
/*    Green  */


/*    Transition  */
#fullmid-transition     { background-color: #CC9900; margin: 0; width: 100%;}
#fullmid-transition-mid { max-width:100%; padding:60px 0; width:auto; margin:0 auto;}
/*    Transition  */


/*    Collaborate  */
#fullmid-collaborate     { background-color:#88C8EB; margin: 0; width: 100%;}
#fullmid-collaborate-mid { max-width:100%; padding:60px 0; width:auto; margin:0 auto;}
/*    Collaborate  */


/*    Grow    */
#fullmid-grow            { background-color:#8AAAD0; margin: 0; width: 100%;}
#fullmid-grow-mid        { max-width:100%; padding:60px 0; width:auto; margin:0 auto;}
/*    Grow   */

}


@media only screen and (max-width : 1023px)   
{
.blue-mid        { width: auto; max-width:100%; padding:40px 10px; margin:0 auto;}
.skyblue-mid     { width: auto; max-width:100%; padding:40px 10px; margin:0 auto;}

}

@media only screen and (max-width : 320px)   
{
.bluetitleHeadertitle   { color: #ffffff; font-family: Arial,sans-serif; font-size:20px; font-weight: normal; text-decoration: none;}
.skybluetitleHeadertitle{ color: #ffffff; font-family: Arial,sans-serif; font-size:20px; font-weight: normal; text-decoration: none;}

}