.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 { }
.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;
} .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;
} .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;
} .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;
} .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; }
.inf-right h3 {
text-align: right;
color: #36ae56;
font-weight: bold;
}
.inf-right p {
text-align: justify;
}
.inf-right form {
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; } .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;
} .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; }
.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;
} .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; }
.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;
} .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; }
.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;
} .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; }
.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_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 { 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; 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%;/*/*/width: 1px;
position: absolute;
right: 0;
top: 0;/*/*//**/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; }
#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_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;
} .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;
}  .GCP_header_row1, .GCP_header_row2{
display: block; }
.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 { 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 { }
.back { }
.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_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; 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; 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 { 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 { 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: 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 { 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 { 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; 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; 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;}