/*------------------------------------------ CUSTOM CSS-----------------------------------------------------*/

.imgheader{
        margin-top: -5%;
}

.ychoose {
    width: 75%;
    margin-right: 5px;
    margin-left: 20px;
}

.ychoose h3 {
    font-family: GothamBold, Arial, sans-serif;
    font-weight: 700;
    color: #00a82d;
}

.section1 {
  /*  margin-bottom: 4em; */
}

.section1 hr {
    margin-top: 25px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.section2 {
    padding: 30px 9px 10px;
    box-sizing: border-box;
    margin-top: 0px;
    background-color: #f4f4f4;
}

.section2 th {
    font-family: GothamBold, Arial, sans-serif;
    color: #00a82d;
    font-weight: 600;
    font-size: large;
    text-align: left;
    padding-left: 10px;
    padding-bottom: 10px;
}

.section2 td {
    width: 48.5%;
    padding-left: 25px
}

.section2 h3 {
    font-family: Arial, sans-serif;
    font-weight: 600;
    margin-left: 45px;
}

.section2 td p {
    padding: 0px 50px;
}

.section2 img {
    margin-right: 10px;
    width: 80px;
    margin-top: 35px;
}
/*
.section2 p {
    overflow: hidden;
}
*/

.section3 {
    padding: 10px 20px;
    box-sizing: border-box;
}

.section3 h3 {
    font-family: GothamBold, Arial, sans-serif;
    font-weight: 700;
    color: #00a82d;
}

.obj {
    margin-top: 10px;
    display: inline-block;
    width: 19.2%;
    margin-left: 5px;
    text-align: center;
    font-weight: 600;
}

.obj img {
    vertical-align: middle;
    margin-right: 10px;
}

.certifiction {
    margin-bottom: -5px;
}
/*-------------------------VERTICAL TABLE CELL-----------------------*/

.section4 table {
    margin-top: 25px;
    box-shadow: 4px 8px 16px 0.00px rgba(0, 0, 0, 0.2);
}

.section4 ul li {
    padding-right: 50px;
}

.section4 tr:not(2) {
    border-top: 0px none;
}

.section4 table,
.section4 tr,
.section4 td {
    border-top: 1px solid #efefef;
}

.section4 td {
    padding-left: 15px;
}

.innertr tr,
.innertr td {
    border-top: 2px solid #797d85;
}

.tablerow {
    border-top: none !important;
}

.vertical-text {
    display: inline-block;
    overflow: hidden;
    width: 1.5em;
}

.vertical-text-inner {
    display: inline-block;
    white-space: nowrap;
    line-height: 1.5;
    transform: translate(0, 100%) rotate(-90deg);
    transform-origin: 0 0;
}
/* This element stretches the parent to be square
   by using the mechanics of vertical margins  */

.vertical-text-inner:after {
    content: "";
    display: block;
    margin: -1.5em 0 100%;
}

.tablehead {
    background-color: #797d85;
    color: white;
    padding-left: 10px;
}

.vertical1 {
    background-color: #00a82d;
    color: white;
    line-height: 20px;
    font-family: Arial;
    font: 700 13px Arial;
    padding: 3.5px;
}

.vertical2 {
    color: white;
    font: 700 13px Arial;
    background-color: darkgreen;
    padding: 3.5px;
}
/*----------------------------------------------------SECTION 5---------------------------------*/

.section5 input[type=email] {
    padding: 2px;
}

.section5 {
    box-sizing: border-box;
    background-color: #f4f4f4;
    margin-top: 70px;
    padding: 10px 20px;
    display: inline-flex;
}

.inf-left {
	float: left;
    text-align: left;
    overflow: hidden;
    width: 38%;
    background: white !important;
}

.inf-right {
    float: left;
    width: 61%;
    background: white !important;
}
.section6, .info-total{width:100%;//background-color: #ffffff;}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1; /* ie 6/7 */
}
.inf-right h3 {
    text-align: right;
    color: #36ae56;
    font-weight: bold;
}

.inf-right p {
    text-align: justify;
}

.inf-right form {
	display:none;
    float: right;
    text-align: right;
    border-radius: 6px;
    padding-top: 1%;
    width: 500px;
    height: 230px;
    line-height: 38px;
}

.section5 input[type=submit] {
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    font-family: Arial;
    font-size: 13px;
    background: #36ae56;
    padding: 0px 48px 10px 48px;
    border: solid #fafafa 2px;
    text-decoration: none;
    margin-bottom: 20px;
    color: #ffffff;
    font-weight: bold;
    height: 36px;
}

.inf-right label {
    color: #444444;
    font: 700 15px / 26px Arial;
}

.section5 input[type=text],
input[type=email] {
    width: 270px;
/*    box-shadow: -1px -1px 1px 0 #d1d9dc; */
}
/*----------------------------------------------------FOOTER------------------------------------*/

.section6 {
    padding-top: 10px;
    box-sizing: border-box;
    background-color: #36ae56;
    text-align: center;
    border-radius: 3px;
    bottom: 92px;
    color: #ffffff;
}

.section6 h1 {
    margin-top: 15px;
    color: #ffffff;
    font-family: Arial;
    font-weight: 700;
}

.section6 p {
    color: #ffffff;
    font: 400 15px Arial;
}

.section6 input[type=text] {
    padding: 5px;
    border: 2px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.section6 input[type=text]:focus {
    background: #f0f0f0;
    text-decoration: none;
}

.section6 input[type=submit] {
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    font-family: Arial;
    color: #000000;
    font-size: 12px;
    background: #ffffff;
    padding: 10px 20px 10px 20px;
    border: solid #fafafa 2px;
    text-decoration: none;
    margin-bottom: 20px;
}
/*--------------------------------------------------------C-IP-INNOVATION PERFORMANCE CERTIFICATION--------------------------------------------*/
.cip-ychoose {
    width: 80%;
    margin-right: 5px;
    margin-left: 20px;
}

.cip-ychoose h3 {
    font-family: GothamBold, Arial, sans-serif;
    font-weight: 700;
    color: #4f4f4f;
}
.cip2 {
    padding: 30px 9px 10px;
    box-sizing: border-box;
    margin-top: 0px;
    background-color: #f4f4f4;
}

.cip2 th {
    font-family: GothamBold, Arial, sans-serif;
    color: #C20093;
    font-weight: 600;
    font-size: large;
    text-align: left;
    padding-left: 10px;
    padding-bottom: 10px;
}

.cip2 td {
    width: 48.5%;
    padding-left: 25px
}

.cip2 h3 {
    font-family: Arial, sans-serif;
    font-weight: 600;
    margin-left: 45px;
}

.cip2 td p {
    padding: 0px 50px;
}

.cip2 img {
    margin-right: 10px;
    width: 80px;
    margin-top: 35px;
}

.cip-certifiction {
    margin-bottom: -5px;
}

.cip-certifiction img{
    background-color: #f4f4f4;
}

.cip3 {
    padding: 10px 20px;
    box-sizing: border-box;
}

.cip3 h3 {font-family: GothamBold, Arial, sans-serif;
    font-weight: 700;
    color: #C20093;
}

.cip4 table {
    margin-top: 25px;
    box-shadow: 4px 8px 16px 0.00px rgba(0, 0, 0, 0.2);
}

.cip4 ul li {
    padding-right: 50px;
}

.cip4 tr:not(2) {
    border-top: 0px none;
}

.cip4 table,
.cip4 tr,
.cip4 td {
    border-top: 1px solid #efefef;
}

.cip4 td {
    padding-left: 15px;
}

.cipvertical1 {
    background-color: #C20093;
    color: white;
    line-height: 20px;
    font-family: Arial;
    font: 700 13px Arial;
    padding: 3.5px;
}

.cip5 input[type=email] {
    padding: 2px;
}

.cip5 {
    box-sizing: border-box;
    background-color: #f4f4f4;
    margin-top: 70px;
    padding: 10px 20px;
    display: inline-flex;
}

.cip-inf-left {
    background: white !important;
    text-align: left;
    overflow: hidden;
    width: 38%;
}

.cip-inf-right {
    float: right;
    width: 61%;
}

.cip-inf-right h3 {
     font-family: GothamBold, Arial, sans-serif;
    font-weight: 700;
    text-align: right;
    color: #C20093;
    font-weight: bold;
}

.cip-inf-right p {
    text-align: justify;
}

.cip-inf-right form {
    float: right;
    text-align: right;
    border-radius: 6px;
    padding-top: 1%;
    width: 500px;
    height: 230px;
    line-height: 38px;
}

.cip5 input[type=submit] {
     -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    font-family: Arial;
    font-size: 13px;
    padding: 9px 48px 10px 48px;
    border: solid #fafafa 2px;
    text-decoration: none;
    margin-bottom: 20px;
    color: #ffffff;
    font-weight: bold;
    height: 36px;
    background: #C20093;
    
}

.cip-inf-right label {
    color: #444444;
    font: 700 15px / 26px Arial;
}

.cip5 input[type=text],
input[type=email] {
    width: 270px;
 /*   box-shadow: -1px -1px 1px 0 #d1d9dc; */
}

.cip6 {
    padding-top: 10px;
    box-sizing: border-box;
    background-color: #C20093;
    text-align: center;
    border-radius: 3px;
    bottom: 92px;
    color: #ffffff;
}

.cip6 h1 {
    margin-top: 15px;
    color: #ffffff;
    font-family: Arial;
    font-weight: 700;
}

.cip6 p {
    color: #ffffff;
    font: 400 15px Arial;
}

.cip6 input[type=text] {
    padding: 5px;
    border: 2px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.cip6 input[type=text]:focus {
    background: #f0f0f0;
    text-decoration: none;
}

.cip6 input[type=submit] {
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    font-family: Arial;
    color: #000000;
    font-size: 12px;
    background: #ffffff;
    padding: 10px 20px 10px 20px;
    border: solid #fafafa 2px;
    text-decoration: none;
    margin-bottom: 20px;
}
/*--------------------------------------------------------C-BSC-Balanced Scorecard Management System Professional--------------------------------------------*/
.cbsc-ychoose {
    width: 80%;
    margin-right: 5px;
    margin-left: 20px;
}

.cbsc-ychoose h3 {
    font-family: GothamBold, Arial, sans-serif;
    font-weight: 700;
    color: #4f4f4f;
}
.cbsc2 {
    padding: 30px 9px 10px;
    box-sizing: border-box;
    margin-top: 0px;
    background-color: #f4f4f4;
}

.cbsc2 th {
    font-family: GothamBold, Arial, sans-serif;
    color: #372F91;
    font-weight: 600;
    font-size: large;
    text-align: left;
    padding-left: 10px;
    padding-bottom: 10px;
}

.cbsc2 td {
    width: 48.5%;
    padding-left: 25px
}

.cbsc2 h3 {
    font-family: Arial, sans-serif;
    font-weight: 600;
    margin-left: 45px;
}

.cbsc2 td p {
    padding: 0px 50px;
}

.cbsc2 img {
    margin-right: 10px;
    width: 80px;
    margin-top: 35px;
}

.cbsc-certifiction {
    margin-bottom: -5px;
}

.cbsc-certifiction img{
    background-color: #f4f4f4;
}

.cbsc3 {
    padding: 10px 20px;
    box-sizing: border-box;
}

.cbsc3 h3 {font-family: GothamBold, Arial, sans-serif;
    font-weight: 700;
    color: #372F91;
}

.cbsc4 table {
    margin-top: 25px;
    box-shadow: 4px 8px 16px 0.00px rgba(0, 0, 0, 0.2);
}

.cbsc4 ul li {
    padding-right: 50px;
}

.cbsc4 tr:not(2) {
    border-top: 0px none;
}

.cbsc4 table,
.cbsc4 tr,
.cbsc4 td {
    border-top: 1px solid #efefef;
}

.cbsc4 td {
    padding-left: 15px;
}

.cbscvertical1 {
    background-color: #372F91;
    color: white;
    line-height: 20px;
    font-family: Arial;
    font: 700 13px Arial;
    padding: 3.5px;
}

.cbsc5 input[type=email] {
    padding: 2px;
}

.cbsc5 {
    box-sizing: border-box;
    background-color: #f4f4f4;
    margin-top: 70px;
    padding: 10px 20px;
    display: inline-flex;
}

.cbsc-inf-left {
    text-align: left;
    overflow: hidden;
    width: 38%;
}

.cbsc-inf-right {
    float: right;
    width: 61%;
}

.cbsc-inf-right h3 {
     font-family: GothamBold, Arial, sans-serif;
    font-weight: 700;
    text-align: right;
    color: #372F91;
    font-weight: bold;
}

.cbsc-inf-right p {
    text-align: justify;
}

.cbsc-inf-right form {
    float: right;
    text-align: right;
    border-radius: 6px;
    padding-top: 1%;
    width: 500px;
    height: 230px;
    line-height: 38px;
}

.cbsc5 input[type=submit] {
     -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    font-family: Arial;
    font-size: 13px;
    padding: 9px 48px 10px 48px;
    border: solid #fafafa 2px;
    text-decoration: none;
    margin-bottom: 20px;
    color: #ffffff;
    font-weight: bold;
    height: 36px;
    background: #372F91;
    
}

.cbsc-inf-right label {
    color: #444444;
    font: 700 15px / 26px Arial;
}

.cbsc5 input[type=text],
input[type=email] {
    width: 270px;
 /*   box-shadow: -1px -1px 1px 0 #d1d9dc; */
}

.cbsc6 {
    padding-top: 10px;
    box-sizing: border-box;
    background-color: #372F91;
    text-align: center;
    border-radius: 3px;
    bottom: 92px;
    color: #ffffff;
}

.cbsc6 h1 {
    margin-top: 15px;
    color: #ffffff;
    font-family: Arial;
    font-weight: 700;
}

.cbsc6 p {
    color: #ffffff;
    font: 400 15px Arial;
}

.cbsc6 input[type=text] {
    padding: 5px;
    border: 2px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.cbsc6 input[type=text]:focus {
    background: #f0f0f0;
    text-decoration: none;
}

.cbsc6 input[type=submit] {
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    font-family: Arial;
    color: #000000;
    font-size: 12px;
    background: #ffffff;
    padding: 10px 20px 10px 20px;
    border: solid #fafafa 2px;
    text-decoration: none;
    margin-bottom: 20px;
}
/*--------------------------------------------------------C-PI-PERFORMANCE IMPROVEMENT PROFESSIONAL--------------------------------------------*/
.cpi-ychoose {
    width: 80%;
    margin-right: 5px;
    margin-left: 20px;
}

.cpi-ychoose h3 {
    font-family: GothamBold, Arial, sans-serif;
    font-weight: 700;
    color: #4f4f4f;
}
.cpi2 {
    padding: 30px 9px 10px;
    box-sizing: border-box;
    margin-top: 0px;
    background-color: #f4f4f4;
}

.cpi2 th {
    font-family: GothamBold, Arial, sans-serif;
    color: #e83336;
    font-weight: 600;
    font-size: large;
    text-align: left;
    padding-left: 10px;
    padding-bottom: 10px;
}

.cpi2 td {
    width: 48.5%;
    padding-left: 25px
}

.cpi2 h3 {
    font-family: Arial, sans-serif;
    font-weight: 600;
    margin-left: 45px;
}

.cpi2 td p {
    padding: 0px 50px;
}

.cpi2 img {
    margin-right: 10px;
    width: 80px;
    margin-top: 35px;
}

.cpi-certifiction {
    margin-bottom: -5px;
}

.cpi-certifiction img{
    background-color: #f4f4f4;
}

.cpi3 {
    padding: 10px 20px;
    box-sizing: border-box;
}

.cpi3 h3 {font-family: GothamBold, Arial, sans-serif;
    font-weight: 700;
    color: #e83336;
}

.cpi4 table {
    margin-top: 25px;
    box-shadow: 4px 8px 16px 0.00px rgba(0, 0, 0, 0.2);
}

.cpi4 ul li {
    padding-right: 50px;
}

.cpi4 tr:not(2) {
    border-top: 0px none;
}

.cpi4 table,
.cpi4 tr,
.cpi4 td {
    border-top: 1px solid #efefef;
}

.cpi4 td {
    padding-left: 15px;
}

.cpivertical1 {
    background-color: #e83336;
    color: white;
    line-height: 20px;
    font-family: Arial;
    font: 700 13px Arial;
    padding: 3.5px;
}

.cpi5 input[type=email] {
    padding: 2px;
}

.cpi5 {
    box-sizing: border-box;
    background-color: #f4f4f4;
    margin-top: 70px;
    padding: 10px 20px;
    display: inline-flex;
}

.cpi-inf-left {
    text-align: left;
    overflow: hidden;
    width: 38%;
}

.cpi-inf-right {
    float: right;
    width: 61%;
}

.cpi-inf-right h3 {
     font-family: GothamBold, Arial, sans-serif;
    font-weight: 700;
    text-align: right;
    color: #e83336;
    font-weight: bold;
}

.cpi-inf-right p {
    text-align: justify;
}

.cpi-inf-right form {
    float: right;
    text-align: right;
    border-radius: 6px;
    padding-top: 1%;
    width: 500px;
    height: 230px;
    line-height: 38px;
}

.cpi5 input[type=submit] {
     -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    font-family: Arial;
    font-size: 13px;
    padding: 9px 48px 10px 48px;
    border: solid #fafafa 2px;
    text-decoration: none;
    margin-bottom: 20px;
    color: #ffffff;
    font-weight: bold;
    height: 36px;
    background: #e83336;
    
}

.cpi-inf-right label {
    color: #444444;
    font: 700 15px / 26px Arial;
}

.cpi5 input[type=text],
input[type=email] {
    width: 270px;
 /*   box-shadow: -1px -1px 1px 0 #d1d9dc; */
}

.cpi6 {
    padding-top: 10px;
    box-sizing: border-box;
    background-color: #e83336;
    text-align: center;
    border-radius: 3px;
    bottom: 92px;
    color: #ffffff;
}

.cpi6 h1 {
    margin-top: 15px;
    color: #ffffff;
    font-family: Arial;
    font-weight: 700;
}

.cpi6 p {
    color: #ffffff;
    font: 400 15px Arial;
}

.cpi6 input[type=text] {
    padding: 5px;
    border: 2px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.cpi6 input[type=text]:focus {
    background: #f0f0f0;
    text-decoration: none;
}

.cpi6 input[type=submit] {
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    font-family: Arial;
    color: #000000;
    font-size: 12px;
    background: #ffffff;
    padding: 10px 20px 10px 20px;
    border: solid #fafafa 2px;
    text-decoration: none;
    margin-bottom: 20px;
}
/*-----------------------------------------------------C-B-Certification-Presentation--------------------------------------------------------*/

.cb-ychoose {
    width: 83%;
    margin-right: 5px;
    margin-left: 20px;
}

.cb-ychoose h3 {
    font-family: GothamBold, Arial, sans-serif;
    font-weight: 700;
    color: #4f4f4f;
}

.cb2 {
    padding: 30px 9px 10px;
    box-sizing: border-box;
    margin-top: 0px;
    background-color: #f4f4f4;
}

.cb2 th {
    font-family: GothamBold, Arial, sans-serif;
    color: #4f4f4f;
    font-weight: 600;
    font-size: large;
    text-align: left;
    padding-left: 20px;
    padding-bottom: 10px;
}

.cb2 td {
    width: 48.5%;
    padding-left: 25px
}

.cb2 h3 {
    font-family: Arial, sans-serif;
    font-weight: 600;
    margin-left: 45px;
}

.cb2 td p {
    padding: 0px 50px;
}

.cb2 img {
    margin-right: 10px;
    width: 80px;
    margin-top: 35px;
}

.cb-certifiction {
    margin-bottom: -5px;
}

.cb-certifiction img{
    background-color: #f4f4f4;
}

.cb3 {
    padding: 10px 20px;
    box-sizing: border-box;
}

.cb3 h3 {font-family: GothamBold, Arial, sans-serif;
    font-weight: 700;
    color: #4f4f4f;
}

.cb4 table {
    margin-top: 25px;
    box-shadow: 4px 8px 16px 0.00px rgba(0, 0, 0, 0.2);
}

.cb4 ul li {
    padding-right: 50px;
}

.cb4 tr:not(2) {
    border-top: 0px none;
}

.cb4 table,
.cb4 tr,
.cb4 td {
    border-top: 1px solid #efefef;
}

.cb4 td {
    padding-left: 15px;
}

.cb-vertical1 {
    background-color: #999999;
    color: white;
    line-height: 20px;
    font-family: Arial;
    font: 700 13px Arial;
    padding: 3.5px;
}

.cb5 input[type=email] {
    padding: 2px;
}

.cb5 {
    font-family: GothamBold, Arial, sans-serif;
    box-sizing: border-box;
    background-color: #f4f4f4;
    margin-top: 70px;
    padding: 10px 20px;
    display: inline-flex;
}

.cb-inf-left {
    text-align: left;
    overflow: hidden;
    width: 38%;
}

.cb-inf-right {
    float: right;
    width: 61%;
}

.cb-inf-right h3 {
    font-family: GothamBold, Arial, sans-serif;
    font-weight: 700;
    color: #4f4f4f;
    text-align: right;
}

.cb-inf-right p {
    text-align: justify;
}

.cb-inf-right form {
    float: right;
    text-align: right;
    border-radius: 6px;
    padding-top: 1%;
    width: 500px;
    height: 230px;
    line-height: 38px;
}

.cb5 input[type=submit] {
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    font-family: Arial;
    font-size: 13px;
    padding: 9px 48px 10px 48px;
    border: solid #fafafa 2px;
    text-decoration: none;
    margin-bottom: 20px;
    color: #ffffff;
    font-weight: bold;
    height: 36px;
    background: #999;
}

.cb-inf-right label {
    color: #444444;
    font: 700 15px / 26px Arial;
}

.cb5 input[type=text],input[type=email] {
    width: 270px;
/*    box-shadow: -1px -1px 1px 0 #d1d9dc; */
}

.cb6 {
    clear: both;
    padding-top: 10px;
    box-sizing: border-box;
    background-color: #999999;
    text-align: center;
    border-radius: 3px;
    bottom: 92px;
    color: #ffffff;
}

.cb6 h1 {
    margin-top: 15px;
    color: #ffffff;
    font-family: Arial;
    font-weight: 700;
}

.cb6 p {
    color: #ffffff;
    font: 400 15px Arial;
}

.cb6 input[type=text] {
    padding: 5px;
    border: 2px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.cb6 input[type=text]:focus {
    background: #f0f0f0;
    text-decoration: none;
}

.cb6 input[type=submit] {
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    font-family: Arial;
    color: #000000;
    font-size: 12px;
    background: #ffffff;
    padding: 10px 20px 10px 20px;
    border: solid #fafafa 2px;
    text-decoration: none;
    margin-bottom: 20px;
}





/* #REFER A FRIEND PAGE
  ======================================================================================================================= */
.refer_page h1, .refer_page h2, .refer_page h3, .refer_page h4, .refer_page h5, .refer_page p {
    font-family: Arial, Helvetica, sans-serif;
}
.bes {
    background-image: url("http://kpiinstitute.org/wp-content/uploads/2015/07/map.jpg");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    height: 14em;
}

.share {
    background-image: url("http://kpiinstitute.org/wp-content/uploads/2015/07/banner2.jpg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    height: 14em;
    box-sizing: border-box;
    text-align: right;
}

.hiw {
/*    display: table;*/
    background-color: #3ba634;
}

.hiw h3 {
    padding-top: 0.7em;
    color: #fff;
    text-align: center;
    font-size: 2em;
}

.hiw_table{
    display: table-row;
    color: #fff;
}

.hiw_table div {
    display: table-cell;
/*
    border-right: 1px solid rgb(255, 255, 255);
    border-right: 1px solid rgba(255, 255, 255, .3);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
*/
    position: relative;
}

.hiw_table img {
    vertical-align: middle;
    margin: 0 0.4em;
}

.hiw_table h4 {
    font: 600 110% 'Arial';
    color: #fff;
    
}

.hiw_table div:after {
    content: '';
    height: 65%; /*//You can change this if you want smaller/bigger borders*/
    width: 1px;

    position: absolute;
    right: 0;
    top: 0; /*// If you want to set a smaller height and center it, change this value*/

   /* background-color: #fff; // The color of your border*/
    border-right: 1px solid rgb(255, 255, 255);
    border-right: 1px solid rgba(255, 255, 255, .3);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.hiw_table div:last-child:after {
    border-right: 0;
    border-right: 0;
}

.hiw_table div p {
    padding: 0em 0.7em;
    width: 14.27em;
}

.hiw_table div p span {
    color: #3ba634;
    font-weight: 700;
    border: #fff 0.5em solid;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 0.5em 0 0;
}

#refer_form {
    margin: 1em 3em;
}

#refer_form input[type=submit] {
    box-sizing: content-box;
    padding: 0.71em 2em;
    background: #3ba634;
    border-radius: 5px;
    float: right;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    border: #fff;

/*
    border:1px solid #898989; 
    background: #ffffff;  Old browsers 
    background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);  IE10+ 
    background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );  IE6-9 
*/
}

#refer_form p {
    padding: 0 3em 0 0em;
}

#refer_form hr {
    margin: 0;
    width: 95%;
    border-color: #3ba634;
}

.refer_left {
    float:left;
    display: inline-block;
    width: 48%;
}

/*.refer_left hr {
    margin: 0;
    width: 100%;
    border-color: #3ba634;
}

.refer_right hr {
    margin: 0;
    width: 100%;
    border-color: #3ba634;
}*/

.refer_right{
    display: inline-block;
    width: 48%;
}

.refer_left h3 {
    color: #010101;
    font: 700 150% 'Open Sans';
}

.refer_right h3 {
    color: #010101;
    font: 700 150% 'Open Sans';
}

.refer_left input[type=email], .refer_right input[type=email], .refer_left input[type=tel], .refer_right input[type=tel], .refer_left input[type=text], .refer_right input[type=text], .refer_left textarea, .refer_right textarea{
    background: -webkit-linear-gradient(90deg, #f4f4f4 0%, #f3f3f3 10%, #ffffff 75%, #ffffff 100%);
    background: -moz-linear-gradient(90deg, #f4f4f4 0%, #f3f3f3 10%, #ffffff 75%, #ffffff 100%);
    background: -o-linear-gradient(90deg, #f4f4f4 0%, #f3f3f3 10%, #ffffff 75%, #ffffff 100%);
    background: -ms-linear-gradient(90deg, #f4f4f4 0%, #f3f3f3 10%, #ffffff 75%, #ffffff 100%);
    background: linear-gradient(0deg, #f4f4f4 0%, #f3f3f3 10%, #ffffff 75%, #ffffff 100%) box-shadow: 1px 2px 2px 0.00px rgba(0, 0, 0, 0.07);
    width: 100%;
}

.refer_contact {
    box-sizing: content-box;
    display: table;
    background-color: #1f1f1f;
    border: #3ba634 solid; 
    border-width: 0 1em;
}

.refer_contact img {
    vertical-align: middle;
    display: inline-block;
}

.refer_contact div {
    display: table-cell;
    padding: 0 1em 2em;
}

.refer_contact h3 {
    color: #fff;
    display: inline-block;
}
.refer_contact div p {
    margin: 0 1em 0 0;
    color: #fff;
}


/* #REFER A FRIEND PAGE
  ======================================================================================================================= */

.webinar_speaker_row {
    display: table;
}

.webinar_speaker{
    display: table-cell;
    border: rgb(100,100,100) 0.2em solid !important;
    border: rgba(100,100,100, 0.1) 0.2em solid !important;
    padding: 0.1em !important;
    width: 29%;
}
.webinar_speaker p{
    padding:0 0.4em !important;
}

/*
.webinar_speaker_bg1{
    background-image: url(http://kpiinstitute.org/wp-content/uploads/2015/07/C-B.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    
}
*/

/* #General Certification Presentation Page
  ======================================================================================================================= */
.GCP_header_row1, .GCP_header_row2{
    display: block; /*table-row*/
}

.GCP_header_row1 div, .GCP_header_row2 div{
    display: table-cell;
}

.GCP_header {
    //background-image: url("http://kpiinstitute.org/wp-content/uploads/2015/08/map.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	padding-bottom: 15px;
    height: auto;
    width: 100%;

}

.GCP_header_boxes {
 /*   margin:2% 5%;  */
    color: #fff;    
}

.GCP_header_boxes p{
    color: #fff;
    text-align: center;
}

.bluebox {
    background-color: rgb(0, 153, 255);
    background-color: rgba(0, 153, 255, 0.7);
}
.yellowbox {
    background-color: rgb(255, 213, 0);
    background-color: rgba(255, 213, 0, 0.7);
}
.greenbox {
    background-color: rgb(51, 204, 102);
    background-color: rgba(51, 204, 102, 0.7);
}
.redbox {
    background-color: rgb(232, 51, 53);
    background-color: rgba(232, 51, 53, 0.7);
}
.burgundybox {
    background-color: rgb(200, 19, 94);
    background-color: rgba(200, 19, 94, 0.7);
}
.orangebox {
    background-color: rgb(238, 117, 26);
    background-color: rgba(238, 117, 26, 0.7);
}
.greybox {
    background-color: rgb(181, 181, 181);
    background-color: rgba(181, 181, 181, 0.7);
}
.brownbox {
    background-color: rgb(188, 109, 31);
    background-color: rgba(188, 109, 31, 0.7);
}
.purplebox {
    background-color: rgb(164, 4, 204);
    background-color: rgba(164, 4, 204, 0.7);
}
.lightgreenbox {
    background-color: rgb(131, 205, 175);
    background-color: rgba(131, 205, 175, 0.7);
}
.pinkbox {
    background-color: rgb(251, 0, 147);
    background-color: rgba(251, 0, 147, 0.7);
}
.bluedarkbox {
    background-color: rgb(107, 96, 240);
    background-color: rgba(107, 96, 240, 0.7);
}

.box{
    height: 167px;
    width: 167px;
    text-align: center;
    vertical-align: middle;
    padding: 0em;
    
    perspective: 1000px;
    position: relative;
    transform-style: preserve-3d;
}

.box a.flip_link {
    height: 167px;
    width: 167px;
    display: block;
    color: white;
}
.agenda-section{clear:both;}
.front {
 /*   backface-visibility: hidden;
    transform-style: preserve-3d;
    position: absolute;
    z-index: 1;
    transition: all 0.5s ease-out;
    transform: rotateY(0deg);
    margin: 3em 0em 0em 0em;
    word-wrap: normal;
    padding: 3em 2em;*/
}

.back {
 /*   transform: rotateY(-180deg);
    height: 100%;
    width: 100%;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    position: absolute;
    z-index: 0;
    transition: all 0.5s ease-out;
    margin: 4em 0em 0em 0em;
    word-wrap: normal;
    
    padding: 4em 0;*/
}




.GCP_what p {
    margin: 2% 50% 0 0px;
}

.GCP_what_collage {
    float: right;
}

.GCP_what_table{
    display: table-row;
}

.GCP_what_table img {
    display: table-cell;
    vertical-align: middle;
    padding: 1.5em 0;
}

.GCP_what_table p {
    display: table-cell;
    box-sizing: content-box;
    vertical-align: middle;
    padding: 1em 3em 0 1em;
}

.GCP_what h4{
    font-family: GothamBold;
    color: #000000;
    font-weight: 600;
    font-size: 1.2em;
}

.GCP_what_button{
    background-color: #34b75f;
    border-radius: 6px;
    width: 35.2%;
    color: #ffffff;
    font: 700 120% Arial;
    text-align: center;
    vertical-align: middle;
    padding: 0.8em;
    margin: 2em 0 0;
    border: 1px #fff;
}

.GCP_what_button a {
    color: #ffffff;
    font: 700 18px Arial;
}


.GCP_knowledge {
    background-color: #f1f1f1;    
    margin: 3em 0;
    text-align: right;
    box-sizing: content-box;
    padding: 0em 0em 2em 1em;
}

.GCP_knowledge img{
    float: left;
    width: 43.7%;
}

.GCP_knowledge h4{
    color: #000000;
    font: 600 115% 'Gotham Bold';
    margin: 1% 1.5% 0;
    padding-top: 2%;
}
.GCP_knowledge p {
    margin: 1% 1.5% 0 47%;
}

.GCP_programs h4{
    color: #000000;
    font: 600 115% 'Gotham Bold';    
}

.GCP_programs img {
    float: right;
	margin-top: 70px;
	
}

.GCP_programs_list p{
    margin: 0.5em 0;
}

.GCP_programs_endlabel{
    background-color: #23b151;
    width: 100%;
    margin: 0;
}

.GCP_programs_endlabel p{
    color: #ffffff;
    font: 600 100% 'Gotham Bold';
    box-sizing: content-box;
    padding: 1em;
    text-align: center;
}

.GCP_certification_interest h4{
    color: #23b151;
    font: 700 120% 'Arial';
    text-align: center;
    display: inline-block;
    margin: 0em 1em;
}

.GCP_certification_interest hr{
    background-color: #23b151;
    width: 32%;
    height: 2px;
    vertical-align: middle;
    display: inline-block;
}

.GCP_certification_row1 {
display: table-row;
}

.GCP_certification_row1 div{
    display: table-cell;
    padding: 2em;
    text-align: center;
}

.GCP_certification_row2 {
display: table-row;
}

.GCP_certification_row2 div{
    display: table-cell;
    padding: 2em;
    text-align: center;
}

/*
.GCP_get {
    background-color: #23b151;
    height: 30%;
}*/

.GCP_get_img{
    background-color: #23b151;
	display:table-cell;
	width: 40%;
}

.GCP_get img{
    text-align: left;
    width: 100%;
	height:auto;
}
.GCP_get_text{
    box-sizing: content-box;
    //background-color: #23b151;
    padding: 1% 3%;
	float:left;
	display:table-cell;
}

.GCP_get h4{
    color: #ffffff;
    font: 600 110% 'Arial';
    margin: 0;
}

.GCP_get p{    
    color: #ffffff;
    font: 400 100% 'Arial';
    margin: 10px 0;
}

.GCP_get_button{
    background-color: #ffffff;
    border-radius: 6px;
    width: 47.2%;
    font: 700 120% Arial;
    text-align: center;
    padding: 0.3em 0.1em;
    margin: 0.85em 0 0.3em;
    border: 1px #fff;
    
}

.GCP_get_button p{
    color: #000000;
    font: 700 80% 'Arial';
    margin: 5px 0;
}

/*====================================*/
.card0,
.card1,
.card2,
.card3,
.card4,
.card5,
.card6,
.card7,
.card8,
.card9,
.card10,
.card11 {
	perspective: 1000px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	margin:0 auto;
	width:164px;
	height:164px;
	vertical-align:top;
	/*position:absolute;*/
	display:table-cell;
    font-weight:600;
}

.card0 .content,
.card1 .content,
.card2 .content,
.card3 .content,
.card4 .content,
.card5 .content,
.card6 .content,
.card7 .content,
.card8 .content,
.card9 .content,
.card10 .content,
.card11 .content {
	transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	-ms-transition: 0.5s ease-out;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;

	/* content backface is visible so that static content still appears */
	backface-visibility: visible;
	-webkit-backface-visibility: visible;
	-moz-backface-visibility: visible;
	-o-backface-visibility: visible;
	-ms-backface-visibility: visible;
	
	position:relative;
	width: 164px;
	height: 164px;
	
}
.cardBack p, .cardFront p {  
  display: table-cell;
  vertical-align: middle;
  padding:0 15px;
  }
.card0.applyflip .content,
.card1.applyflip .content,
.card2.applyflip .content,
.card3.applyflip .content,
.card4.applyflip .content,
.card5.applyflip .content,
.card6.applyflip .content,
.card7.applyflip .content,
.card8.applyflip .content,
.card9.applyflip .content,
.card10.applyflip .content,
.card11.applyflip .content {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
}


.card0 .content .cardStatic,
.card1 .content .cardStatic,
.card2 .content .cardStatic,
.card3 .content .cardStatic,
.card4 .content .cardStatic,
.card5 .content .cardStatic,
.card6 .content .cardStatic,
.card7 .content .cardStatic,
.card8 .content .cardStatic,
.card9 .content .cardStatic,
.card10 .content .cardStatic,
.card11 .content .cardStatic {
	/* Half way through the card flip, rotate static content to 0 degrees */
	transition: 0s linear 0.17s;
	-webkit-transition: 0s linear 0.17s;
	-moz-transition: 0s linear 0.17s;
	-o-transition: 0s linear 0.17s;
	-ms-transition: 0s linear 0.17s;
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);

	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	height: 164px;
	width: 164px;
	line-height:1em;
}

.card0.applyflip .content .cardStatic,
.card1.applyflip .content .cardStatic,
.card2.applyflip .content .cardStatic,
.card3.applyflip .content .cardStatic,
.card4.applyflip .content .cardStatic,
.card5.applyflip .content .cardStatic,
.card6.applyflip .content .cardStatic,
.card7.applyflip .content .cardStatic,
.card8.applyflip .content .cardStatic,
.card9.applyflip .content .cardStatic,
.card10.applyflip .content .cardStatic,
.card11.applyflip .content .cardStatic {
	/* Half way through the card flip, rotate static content to -180 degrees -- to negate the flip and unmirror the static content */
	transition: 0s linear 0.17s;
	-webkit-transition: 0s linear 0.17s;
	-moz-transition: 0s linear 0.17s;
	-o-transition: 0s linear 0.17s;
	-ms-transition: 0s linear 0.17s;
	transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
}

.card0 .content .cardFront, .card0 .content .cardBack,
.card1 .content .cardFront, .card1 .content .cardBack,
.card2 .content .cardFront, .card2 .content .cardBack,
.card3 .content .cardFront, .card3 .content .cardBack,
.card4 .content .cardFront, .card4 .content .cardBack,
.card5 .content .cardFront, .card5 .content .cardBack,
.card6 .content .cardFront, .card6 .content .cardBack,
.card7 .content .cardFront, .card7 .content .cardBack,
.card8 .content .cardFront, .card8 .content .cardBack,
.card9 .content .cardFront, .card9 .content .cardBack,
.card10 .content .cardFront, .card10 .content .cardBack,
.card11 .content .cardFront, .card11 .content .cardBack  {
    color: white;
}

.card0 .content .cardFront, .card0 .content .cardBack,
.card1 .content .cardFront, .card1 .content .cardBack,
.card2 .content .cardFront, .card2 .content .cardBack,
.card3 .content .cardFront, .card3 .content .cardBack,
.card4 .content .cardFront, .card4 .content .cardBack,
.card5 .content .cardFront, .card5 .content .cardBack,
.card6 .content .cardFront, .card6 .content .cardBack,
.card7 .content .cardFront, .card7 .content .cardBack,
.card8 .content .cardFront, .card8 .content .cardBack,
.card9 .content .cardFront, .card9 .content .cardBack,
.card10 .content .cardFront, .card10 .content .cardBack,
.card11 .content .cardFront, .card11 .content .cardBack {
	/* Backface visibility works great for all but IE. As such, we mark the backface visible in IE and manage visibility ourselves */
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	height: 164px;
	width: 164px;
	text-align: center;
	line-height:1em;
}
.card0 .content .cardFront, .card0.applyflip .content .cardFront,
.card1 .content .cardFront, .card1.applyflip .content .cardFront,
.card2 .content .cardFront, .card2.applyflip .content .cardFront,
.card3 .content .cardFront, .card3.applyflip .content .cardFront,
.card4 .content .cardFront, .card4.applyflip .content .cardFront,
.card5 .content .cardFront, .card5.applyflip .content .cardFront,
.card6 .content .cardFront, .card6.applyflip .content .cardFront,
.card7 .content .cardFront, .card7.applyflip .content .cardFront,
.card8 .content .cardFront, .card8.applyflip .content .cardFront,
.card9 .content .cardFront, .card9.applyflip .content .cardFront,
.card10 .content .cardFront, .card10.applyflip .content .cardFront,
.card11 .content .cardFront, .card11.applyflip .content .cardFront{
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
}

.card0 .content .cardBack, .card0.applyflip .content .cardBack,
.card1 .content .cardBack, .card1.applyflip .content .cardBack,
.card2 .content .cardBack, .card2.applyflip .content .cardBack,
.card3 .content .cardBack, .card3.applyflip .content .cardBack,
.card4 .content .cardBack, .card4.applyflip .content .cardBack,
.card5 .content .cardBack, .card5.applyflip .content .cardBack,
.card6 .content .cardBack, .card6.applyflip .content .cardBack,
.card7 .content .cardBack, .card7.applyflip .content .cardBack,
.card8 .content .cardBack, .card8.applyflip .content .cardBack,
.card9 .content .cardBack, .card9.applyflip .content .cardBack,
.card10 .content .cardBack, .card10.applyflip .content .cardBack,
.card11 .content .cardBack, .card11.applyflip .content .cardBack {
	transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
}

.card0 .content .cardFront, .card0.applyflip .content .cardBack,
.card1 .content .cardFront, .card1.applyflip .content .cardBack,
.card2 .content .cardFront, .card2.applyflip .content .cardBack,
.card3 .content .cardFront, .card3.applyflip .content .cardBack,
.card4 .content .cardFront, .card4.applyflip .content .cardBack,
.card5 .content .cardFront, .card5.applyflip .content .cardBack,
.card6 .content .cardFront, .card6.applyflip .content .cardBack,
.card7 .content .cardFront, .card7.applyflip .content .cardBack,
.card8 .content .cardFront, .card8.applyflip .content .cardBack,
.card9 .content .cardFront, .card9.applyflip .content .cardBack,
.card10 .content .cardFront, .card10.applyflip .content .cardBack,
.card11 .content .cardFront, .card11.applyflip .content .cardBack {
	/* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
	animation: stayvisible 0.5s both;
	-webkit-animation: stayvisible 0.5s both;
	-moz-animation: stayvisible 0.5s both;
	-o-animation: stayvisible 0.5s both;
	-ms-animation: donothing 0.5s;
	-ms-transition: visibility 0s linear 0.17s;
	visibility: visible;
	display: table;
}
.card0.applyflip .content .cardFront, .card0 .content .cardBack,
.card1.applyflip .content .cardFront, .card1 .content .cardBack,
.card2.applyflip .content .cardFront, .card2 .content .cardBack,
.card3.applyflip .content .cardFront, .card3 .content .cardBack,
.card4.applyflip .content .cardFront, .card4 .content .cardBack,
.card5.applyflip .content .cardFront, .card5 .content .cardBack,
.card6.applyflip .content .cardFront, .card6 .content .cardBack,
.card7.applyflip .content .cardFront, .card7 .content .cardBack,
.card8.applyflip .content .cardFront, .card8 .content .cardBack,
.card9.applyflip .content .cardFront, .card9 .content .cardBack,
.card10.applyflip .content .cardFront, .card10 .content .cardBack,
.card11.applyflip .content .cardFront, .card11 .content .cardBack {
	/* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
	animation: stayvisible 0.5s both;
	-webkit-animation: stayvisible 0.5s both;
	-moz-animation: stayvisible 0.5s both;
	-o-animation: stayvisible 0.5s both;
	-ms-animation: donothing 0.5s;
	-ms-transition: visibility 0s linear 0.17s;
	visibility: hidden;
	display: table;
}

@media screen and (min-width:767px) and (max-width:1025px)
{

.GCP_header, 
.GCP_what, 
.GCP_knowledge, 
.GCP_programs, 
.GCP_certification,
.GCP_get,
.GCP_get_img,
.GCP_get_text
{
	width:70% !important;
}
.GCP_get
{
	background: transparent !important;
}
.GCP_get_text
{
	padding:5px;
}
.card0,
.card1,
.card2,
.card3,
.card4,
.card5,
.card6,
.card7,
.card8,
.card9,
.card10,
.card11 {
	perspective: 1000px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	margin:0 auto;
	width:130px;
	height:130px;
	vertical-align:top;
	/*position:absolute;*/
	display:inline-block !important;
	font-size: 12px;
    font-weight:600;
}

.card0 .content,
.card1 .content,
.card2 .content,
.card3 .content,
.card4 .content,
.card5 .content,
.card6 .content,
.card7 .content,
.card8 .content,
.card9 .content,
.card10 .content,
.card11 .content {
	transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	-ms-transition: 0.5s ease-out;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;

	/* content backface is visible so that static content still appears */
	backface-visibility: visible;
	-webkit-backface-visibility: visible;
	-moz-backface-visibility: visible;
	-o-backface-visibility: visible;
	-ms-backface-visibility: visible;
	
	position:relative;
	width: 130px;
	height: 130px;
	
}

.card0 .content .cardStatic,
.card1 .content .cardStatic,
.card2 .content .cardStatic,
.card3 .content .cardStatic,
.card4 .content .cardStatic,
.card5 .content .cardStatic,
.card6 .content .cardStatic,
.card7 .content .cardStatic,
.card8 .content .cardStatic,
.card9 .content .cardStatic,
.card10 .content .cardStatic,
.card11 .content .cardStatic {

	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	height: 130px;
	width: 130px;
	line-height:1em;
}

.card0 .content .cardFront, .card0 .content .cardBack, .card1 .content .cardFront, .card1 .content .cardBack, .card2 .content .cardFront, .card2 .content .cardBack, 
.card3 .content .cardFront, .card3 .content .cardBack, .card4 .content .cardFront, .card4 .content .cardBack, .card5 .content .cardFront, .card5 .content .cardBack, 
.card6 .content .cardFront, .card6 .content .cardBack, .card7 .content .cardFront, .card7 .content .cardBack, .card8 .content .cardFront, .card8 .content .cardBack, 
.card9 .content .cardFront, .card9 .content .cardBack, .card10 .content .cardFront, .card10 .content .cardBack , .card11 .content .cardFront, .card11 .content .cardBack  
{
	height: 130px;
	width: 130px;
}

.GCP_header_row1 
{
    display: block;
}

.GCP_header_row2
{
    display: block;
}

.GCP_what h4 {
   line-height: 100%;
}
.GCP_what_collage {
 width:100%;
}
.GCP_what_collage img {
 width:98%;
}

.GCP_what p {
    margin: 15px 0 0 0;
}

.GCP_what_button {
    width: 100%;
}

.GCP_knowledge {
    margin: 0;
    padding: 0;
    text-align: left;
}

.GCP_knowledge h4 {
    margin: 10px 0 0 0;
}

.GCP_knowledge img {
    float: left;
	margin-top:10px;
    width: 100%;
}

.GCP_knowledge p {
    margin:10px 0 0 0;
}

.GCP_programs div div img {
    margin: 0 0 10px 0;
    width: 80%;
}

.GCP_programs_endlabel
{
	margin-top:10px;
	margin-bottom: 10px;
}

.GCP_certification
{
	display:block !important;
}

.GCP_certification div
{
	margin-top:10px;
	width: 100%;
}

.GCP_certification_interest
{
	display:block;
}

.GCP_certification_row1 {
    display: inline-block;;
}

.GCP_certification_row1 div {
    display: inline-block;
    margin-bottom: -25px;
    margin-top: -25px;
    width: 15%;
}

.GCP_certification_row2 {
    display: inline-block;
}

.GCP_certification_row2 div {

    display: inline-block;
    margin-bottom: -25px;
    margin-top: -25px;
    width: 15%;
}

.GCP_get_img {
    background-color: #23b151;
    clear: both;
    display: block;
    width: 100%;
}
.GCP_get_button
{
	width:100%;
}

/*========================*/

}
.hgr_counter_number{font-size:1em!important;}
h5 .hgr_number_string {font-size:36px!important}
ul li{list-style-position: outside;}