body {margin: 0;font-family:Roboto;font-size: 14px;/* color: #707070; */font-weight: 400;overflow-x: hidden;text-rendering: optimizeLegib;line-height: 1.42857143;/* height: 100%; */}
@font-face { font-family: Roboto; src: url('Roboto-Regular.ttf'); } 

@font-face {
	font-family: 'Roboto';
	src: url('Roboto.eot');
	src: local('Roboto'), local('Roboto'), url('Roboto.ttf') format('truetype');
}



P,h1,h2,h3,h4,h5,h6{line-height: 28px;margin: 0px;font-family:'Roboto';}
p{font-size:17px;color: #000000;}
h1{font-size:35px;}
h2{font-size:30px;}
h3{font-size:25px;}
h4{font-size:20px;}
h5{font-size: 12px;color: #3cade3;letter-spacing: 0.5px;line-height: 1.2;}
h6{font-size:10px;}

select {
    padding: 10px;
    border: 1px solid #e9e9e9;
    margin-bottom: 0px;
    color: #a9a9a9;
    width: 40%;
}


a:hover{  opacity:.4;
  /* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;}

/* header */
.topheader { position: fixed; z-index: 999; display: block; top: 0; width: 100%; }

.container-main {background: #333;color: #FFFFFF;font-size: 14px!important;-webkit-transition: all ease-in-out 0.2s;}

.container-set { padding-right: 15px; padding-left: 15px; margin: 0 auto; width: 80%; }

.container-user { text-align: right!important; }

.userlogin, .userregister, .support {display: inline-block;/* margin-right: 20px; */}

.userlogin a, .userregister a, .support p { color: #FFFFFF; font-weight: bold; text-decoration: none; margin: 0; }

.header-main {background: #F4F4F4;padding: 25px 0; color: #FFFFFF; font-size: 14px!important; -webkit-transition: all ease-in-out 0.2s;border-bottom: 2px solid #E8E2E2;}

.header-set { padding-right: 15px; padding-left: 15px; margin: 0 auto; width: 80%; }

.header-user { text-align: left!important; }

.header-user a { color: #333; font-weight: bold; display: inline-block;font-size: 18px;margin: 0px; text-decoration: none; }

.header-user a:first-child, .header-user a:nth-child(2), .header-user a:nth-child(3), .header-user a:nth-child(4), .header-user a:nth-child(5) {/* margin-right: 20px; */}

/* footer */
.footer { bottom: 0; width: 100%; }

.footer-main { background: #333; padding: 8px 0; color: #FFFFFF; font-size: 14px!important; -webkit-transition: all ease-in-out 0.2s;float: left;width: 100%;}

.footer-set {/* padding-right: 15px; *//* padding-left: 15px; */margin: 0 auto;width: 80%;}

.footer-user .copyright { text-align: left!important; }

/* content */
.content-main {/* padding: 25px 0; */font-size: 14px!important;-webkit-transition: all ease-in-out 0.2s;/* min-height: 100%; */position: relative;/* margin-top: 106px; */}

.content-set { padding-right: 15px; padding-left: 15px; margin: 0 auto; width: 80%; }

.index-main { width: 100%; }

.index-set h3 {/* font-size: 18px; */color: #333;font-weight: normal;text-align: justify;}


/* slide */
.slide-main { width: 100%; }

.slide-set {}

.slide-set img { width: 100%}


/* register page */
.register-main { }

.register-set { padding-right: 15px; padding-left: 15px; margin: 0 auto; width: 50%; }

.register-header {}

.register-header h3 {margin: 0px;padding: 20px;font-size: 18px;color: #FFFFFF;}

.register-header p {margin: 0px;padding: 0px 0px 0px 0px;/* font-size: 14px; */color: #FFFFFF;/* padding-top: 5px; */}

.register-form {/* background: #C9D8FF; */}

.register-form form { margin: 0; padding: 20px; }

.register-form label { font-weight: bold; }

.register-form input { width: 100%; padding: 5px 10px; }

.register-form select { width: 100%; padding: 5px 10px; }

.register-form input[type=submit] { background: #366384;border: none;padding: 15px;color: #FFFFFF;font-size: 18px;font-weight: bold;border-radius: 3px;}

.register-form form p { margin-bottom: 0; }

.register-form form p a { color: #242424; text-decoration: none; font-weight: bold; }


/* Member */
.member-main { }

.member-set {}

.member-set h1 { margin: 0;font-size: 22px;}

.breadcrumb-main {
    margin: 0 auto;
    width: 80%;
}

.breadcrumb-set {padding: 10px; }

.breadcrumb-set p { margin: 0px; color: #FFFFFF; }

.breadcrumb-set a { margin: 0px; color: #FFFFFF; text-decoration: none; }

.breadcrumb-set b {color: #FF2C2C;}

.member-container-main {margin-top: 0px;width: 71%;margin-right: 20px;display: inline-block;position: relative;}

.member-container-set { padding: 20px; }

.member-container-set h3 { margin-top: 0; }

.member-container-set p {text-align: justify;}

.member-container-set a.usermanual { background: linear-gradient(to bottom, #F40000 0%,#BF0000 100%); padding: 10px; text-decoration: none; font-size: 13px; color: #FEFEFE; font-weight: bold; border-radius: 5px;margin-right: 5px;}

.member-container-set a.learning-agenda { background: linear-gradient(to bottom, #00a7f4 0%,#008be2 100%); padding: 10px; text-decoration: none; font-size: 13px; color: #FEFEFE; font-weight: bold; border-radius: 5px; }

.learning-agenda-main { border: 1px solid #CDCDCD; margin-top: 20px; }

.learning-agenda-set { padding: 15px; }

.learning-agenda-note {background: #4F5C65; margin-bottom: 20px;}

.learning-agenda-note p { margin: 0; padding: 10px; color: #FFFFFF; }

.learning-agenda-set table, .learning-agenda-set th, .learning-agenda-set td { border: 2px solid #FFFFFF; border-collapse: collapse; }

.learning-agenda-set th, .learning-agenda-set td { padding: 10px; }

.learning-agenda-set tr:nth-child(odd) {background: #E2E2E2;}

.learning-agenda-set tr:nth-child(even) {background: #F7F7F7;}

.learning-agenda-set .td-color { background: #242424; color: #FFFFFF; }

.channel-main {margin-top: 20px;border: 1px solid #DEDEDE;/* float: left; */}

.channel-set {padding: 20px;}

.channel-zone {width: 23.26%;float: left;display: inline-block;}

.channel-zone:first-child, .channel-zone:nth-child(2), .channel-zone:nth-child(3) { margin-right: 20px; }

.channel-zone a { text-decoration: none; }

.channel-zone img { width: 100%; }

.channel-zone p { font-size: 18px; margin-bottom: 0px; margin-top: 10px; font-weight: bold;color: rgb(201 14 28); }


/* course */
.course-main {margin-top: 20px; }

.course-set { }

.course-sub-main { background: #fec832; border: 1px solid #fec832;margin-top: 20px;}

.course-sub-set { padding: 8px; }

.course-sub-set h4 { margin: 0; color: #FFF; text-shadow: 1px 1px 1px #8E2615; }

.course-zone-main { width: 100%;/* margin-top: 20px; */}

.course-zone-set { width: 23.26%; display: inline-block;margin-top: 20px;}

.course-zone-set:first-child, .course-zone-set:nth-child(2), .course-zone-set:nth-child(3), .course-zone-set:nth-child(5), .course-zone-set:nth-child(6), .course-zone-set:nth-child(7), .course-zone-set:nth-child(9), .course-zone-set:nth-child(10), .course-zone-set:nth-child(11) { margin-right: 20px; }

.course-zone-set a { color: #242424; text-decoration: none; }

.course-zone-set img {width: 100%;border: 1px solid #CDCDCD;/* height: 145px; */}

.course-zone-set h5 { font-size: 14px; margin: 0; margin-top: 5px; }

.course-zone-set p { margin: 0; margin-top: 5px; font-size: 12px;color: #CF4545;}


/* profile */
.profile-main { }

.profile-set {}

.profile-header-main {/* background-color: #f8f8f8; *//* border: 1px solid #e7e7e7; */}

.profile-header-set { padding: 10px; text-align: center; }

.profile-header-set a { color: #242424; }

.profile-header-set p {margin: 0;display: inline-block;/* font-size: 16px; */}

.profile-header-set p:first-child { margin-right: 20px; }

.profile-image-main {width: 25%;margin-right: 20px;margin-top: 20px;/* float: left; *//* margin-bottom: 50px; */}

.profile-image-set {}

.profile-image-set img {width: 100%;}

.profile-social-main {width: 73%; margin-top: 20px; float: left;position: relative;}

.profile-social-set {}

.profile-social-set h4 { margin: 0;font-size: 24px; margin-bottom: 10px;}

.profile-social-set img {width: 15%;/* height: 48px; */border-radius: 5px;margin-bottom: 15px;}

.profile-social-set table, .profile-social-set tr, { width: 100%; }

.profile-social-set td { padding: 5px; }

form[name=frm_image] input[type=file] { width: 100%; padding: 10px; padding-left: 0; }

form[name=frm_image] input[type=submit] { width: 100%;padding: 10px;background: #8DCED4;border: 1px solid #367075;}

.profile-media-main { margin-top: 20px; }

.profile-media-set { margin: 0 auto; width: 50%; }

.profile-media-sub {}

.profile-media-sub label { font-weight: bold; font-size: 17px; }

.profile-media-sub input { width: 100%; margin-top: 5px; margin-bottom: 10px;padding: 10px;}


/* benefit */
.benefit-main {background: #9ACA66; width: 100%;float: left;}

.benefit-set { width: 80%; margin: 0 auto;padding: 40px;/* float: left; */}

.benefit-set h2 {color: #DFE5A6;font-size: 38px; margin: 0;text-shadow: 5px 5px 8px #138000;margin-bottom: 20px;}

.benefit-menu-main-up { width: 100%;float: left;padding-bottom: 40px;}

.benefit-menu-main-up:nth-child(3) { margin-bottom: 50px; }

.benefit-menu-set-up { float: left;width: 100%;}

.benefit-menu-set-up:first-child {margin-bottom: 20px;}

.benefit-menu-sub-up {width: 32%;float: left;}

.benefit-menu-sub-up:first-child, .benefit-menu-sub-up:nth-child(2) {margin-right: 2%;}

.benefit-menu-sub-up h3 {color: #002B0D;font-size: 26px; margin: 0;}

.benefit-menu-sub-up p {/* font-size: 22px; */text-align: justify;margin:0;color: #0E4E01;}


/* offer */
.offer-program-main { }

.offer-program-set h2 { color: #333; font-size: 35px; margin: 0;font-weight:  bold; margin-bottom: 20px;}

.offer-program-set p { padding: 5px; color: #333; text-align: center;font-size: 22px;}

.offer-box {width: 49%; background: #933; float: left;height: 106px; margin-bottom: 20px;text-align: center;vertical-align: middle;      display: table-cell;}

.offer-box:nth-child(2) { margin-right: 20px; }

.offer-box h3 {padding: 5px; color: #FFF; font-size: 20px;/* vertical-align: middle; *//* display: table-cell; *//* text-align: center; */}

.level-main { float: left;width: 100%;margin-bottom: 30px;margin-top: 20px;}

.level-set { }

.level-sub { width: 30.49%; display: inline-block; border: 3px solid #DEDEDE; padding: 10px }

.level-sub:first-child, .level-sub:nth-child(2) { margin-right: 10px}

.level-sub h3 { font-size: 25px; margin: 0; color: #333; }

.level-sub p { font-size: 20px; margin: 0; color: #933;font-weight: bold;}


/* contain */
.contain-main { background: #FFFFFF;/* padding: 25px 0; */ font-size: 14px!important; -webkit-transition: all ease-in-out 0.2s;/* min-height: 100%; *//* position: relative; *//* margin-top: 106px; */float: left;width: 100%;}

.contain-set { padding-right: 15px; padding-left: 15px; margin: 0 auto; width: 80%; }


/* reason */
.reason-main { margin-top: 20px;float: left;margin-bottom: 50px;}

.reason-set { float: left; width: 100%; margin-top: 5px; }

.reason-icon { float: left;}

.reason-icon .fa-thumbs-up {color: #933;}

.reason-text { float: left; margin-left: 10px;}

.reason-text p { margin: 0; font-size: 20px; color: #FFF; }


/* survey */
.survey-main {float: left;width: 100%;}

.survey-set {}

.survey-set h4 { font-size: 22px; margin: 0; font-weight: bold; color: #333; }

.survey-one-main { float: left; width: 100%;margin-top: 10px;}

.survey-one-set { }

.survey-graph-one { float: left; width: 92%; background: #933; }

.survey-graph-one p { margin: 0; color: #FFF; font-weight: bold;  }

.survey-graph-two { float: left; width: 8%;background: #0D9B46;}

.survey-graph-two p { margin: 0; color: #FFF; font-weight: bold;  }

.survey-graph-three { float: left; width: 93%; background: #933; }

.survey-graph-three p { margin: 0; color: #FFF; font-weight: bold;  }

.survey-graph-four { float: left; width: 7%;background: #0D9B46;}

.survey-graph-four p { margin: 0; color: #FFF; font-weight: bold;  }

.survey-graph-five { float: left; width: 55%; background: #933; }

.survey-graph-five p { margin: 0; color: #FFF; font-weight: bold;  }

.survey-graph-six { float: left; width: 45%;background: #0D9B46;}

.survey-graph-six p { margin: 0; color: #FFF; font-weight: bold;  }

.survey-text { float: left;width: 100%;}

.survey-text p { text-align: center;margin: 0;}


/* objective */
.objective-set { margin: 0 auto; width: 80%;padding: 40px;}

.objective-set h2 {color: #F0A2A2;font-size: 38px;margin: 0;font-weight:  bold;margin-bottom: 20px;/* text-shadow: 5px 5px 8px #181717; */}

.objective-sub { }

.objective-sub-set {}

.objective-sub-set p {color: #EEE6E6;/* text-align: center; *//* font-size: 22px; */margin: 0;}


/* important */
.important-main {background: #F2C001; font-size: 14px!important; -webkit-transition: all ease-in-out 0.2s;float: left;width: 100%;}

.important-set { margin: 0 auto; width: 80%;padding: 40px;/* float: left; */}

.important-set h2 {color: #FFE265;font-size: 38px; margin: 0;font-weight:  bold;margin-bottom: 20px;text-shadow: 5px 5px 8px #212121;\: left;}

.important-sub-main {float: left; padding-bottom: 40px; }

.important-sub-set {float: left;width: 100%;}

.important-icon { float: left;}

.important-icon .fa-thumbs-up {color: #8E0419;}

.important-text { float: left;margin-left: 1%;width: 94%;}

.important-text p {margin: 0;/* font-size: 22px; */color: #000;}


/* option */
.option-main {background: #7F6954; font-size: 14px!important; -webkit-transition: all ease-in-out 0.2s; float: left;width: 100%;}

.option-set { margin: 0 auto; width: 80%;padding: 40px;}

.option-set h2 { color: #DFD0BD;font-size: 38px; margin: 0;font-weight:  bold;margin-bottom: 20px;text-shadow: 5px 5px 8px #54361F;}

.option-set p { padding: 5px; color: #333; text-align: center;font-size: 22px;}

.offer-box {width: 49%; background: #933; float: left;height: 106px; margin-bottom: 20px;text-align: center;vertical-align: middle;      display: table-cell;}

.offer-box:nth-child(2) { margin-right: 20px; }

.offer-box h3 {padding: 5px; color: #FFF; font-size: 20px;/* vertical-align: middle; *//* display: table-cell; *//* text-align: center; */}

.level-main { float: left;width: 100%;margin-bottom: 30px;margin-top: 20px;}

.level-set { }

.level-sub { width: 30.49%; display: inline-block; border: 3px solid #DEDEDE; padding: 10px }

.level-sub:first-child, .level-sub:nth-child(2) { margin-right: 10px}

.level-sub h3 { font-size: 25px; margin: 0; color: #333; }

.level-sub p { font-size: 20px; margin: 0; color: #933;font-weight: bold;}

/* header */
.topheader { position: fixed; z-index: 999; display: block; top: 0; width: 100%; }

.container-main {background: rgba(255, 255, 255, 0.94);color: rgb(255, 255, 255);font-size: 14px!important;-webkit-transition: all ease-in-out 0.2s;float: left;width: 100%;border-bottom: 1px solid #e6e6e6;}

.logo {float: left;width: 85px;padding: 8px 0px 8px 0px;margin-right: 8px;}

.logo img{width: 100%;}

.container-user a {
    text-align: left;
    float: left;
    padding: 30px 10px;
    text-decoration: none;
    font-size: 17px;
    color: #494949;
    font-weight: bold;
    border-right: 1px solid #efefef;
    box-shadow: 1px 0px 0px #ffffff;
}

.container-user a:hover {
border-bottom:3px solid #11245d;opacity:0.4;
  /* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

.container-set {padding-right: 15px;padding-left: 15px;margin: 0 auto;width: 80%;}

.container-user {text-align: right!important;float: left;width: 51%;}

.userlogin, .userregister, .support {display: inline-block;padding: 0px 0px 0px 20px;}

.userlogin a, .userregister a, .support p {color: #E7E7E7;font-weight: bold;text-decoration: none;margin: 0;font-size: 15px;}

.header-main {background: #AE0000;padding: .3% 0;color: #FFFFFF;font-size: 14px!important;-webkit-transition: all ease-in-out 0.2s;border-bottom: 1px solid #8F0000;box-shadow: inset 0px -11px 31px 0px #B00000;float: left;width: 100%;}

.header-set {padding-right: 15px;padding-left: 15px;margin: 0 auto;width: 80%;}

.header-user {text-align: right!important;float: right;width: 45%;padding: 30px 0px;}

.header-user a {color: rgb(255, 255, 255);font-weight: bold;display: inline-block;font-size: 18px;margin: 0px;text-decoration: none;}

.header-user a:first-child, .header-user a:nth-child(2), .header-user a:nth-child(3), .header-user a:nth-child(4), .header-user a:nth-child(5) {/* margin-right: 20px; */font-size: 17px;color: #646464;/* background: #7A0000; *//* width: 94%; */text-align: center;/* border-right: 1px solid #000; */}

/* footer */
.footer {bottom: 0;width: 100%;}

.footer-main {background: #333;padding: 22px 0;color: #FFFFFF;font-size: 14px!important;-webkit-transition: all ease-in-out 0.2s;float: left;width: 100%;}

.footer-set {/* padding-right: 15px; *//* padding-left: 15px; */margin: 0 auto;width: 80%;}

.footer-user .copyright {text-align: left!important;width: 50%;float: left;}

/* content */
.content-main {/* padding: 25px 0; */font-size: 14px!important;-webkit-transition: all ease-in-out 0.2s;/* min-height: 100%; */position: relative;margin-top: 84px;background: #F6F6F6;}

.content-main-1 {/* padding: 25px 0; */font-size: 14px!important;-webkit-transition: all ease-in-out 0.2s;min-height: 100%;position: relative;margin-top: 0px;background: #ffffff;}

.content-set {padding: 40px 0px;margin: 0 auto;width: 100%;float: left;}

.index-main { width: 100%; }

.index-set h3 {/* font-size: 18px; */color: #333;font-weight: normal;text-align: justify;margin: 0%;}


/* slide */
.slide-main {width: 100%;margin-top: 83px;}

.slide-set {}

.slide-set img { width: 100%}


/* register page */
.register-main { }

.register-set {padding-right: 0px;padding-left: 0px;margin: 0 auto;width: 400px;box-shadow: 1px 1px 1px #e6e6e6;border-radius: 3px;background: #fff;}

.register-header {}

.register-header h3 {margin: 0px;padding: 18px 15px 6px 15px;font-size: 18px;color: #595959;}

.register-header p {margin: 0px;padding: 0px 0px 3px 15px;/* font-size: 14px; */color: #969696;/* padding-top: 5px; */}

.register-form {/* background: #ffffff; */}

.register-form form {margin: 0;padding: 6px 15px 15px 15px;}

.register-form label {font-weight: bold;font-size: 17px;}

.register-form input {width: 100%;padding: 6px 10px;background: #fff;border: 1px solid #dbdbdb;margin: 9px 0px 0px 0px;}

.register-form select { width: 100%; padding: 5px 10px; }

.register-form input[type=submit] {background: #00a0ff;border: none;padding: 1%;color: #FFFFFF;font-size: 18px;font-weight: bold;border-radius: 3px;width: 126px;margin: 0%;border: 1px solid #ffffff;}

.register-form form p { margin-bottom: 0; }

.register-form form p a {color: #969696;text-decoration: none;font-weight: bold;font-size: 14px;}


/* Member */
.member-set h1 { margin: 0;font-size: 22px;}

.breadcrumb-set img {
    width: 13px;
    margin: -1px 4px;
}

.breadcrumb-set {padding: 0px 0px;margin-top: 0%;position: absolute;}

.breadcrumb-set p {margin: 0px;color: rgb(215, 215, 215);}

.breadcrumb-set a {margin: 0px;color: #e1e1e1;text-decoration: none;}

.breadcrumb-set b {color: #e1e1e1;}

.member-container-set {padding: 20px 20px 20px 20px;background: #fcfcfc;width: 100%;}

.member-container-set h3 { margin-top: 0; }

.member-container-set p {}

.member-container-set a.usermanual {background: linear-gradient(to bottom, #F40000 0%,#BF0000 100%);padding: 10px;text-decoration: none;font-size: 13px;color: #FEFEFE;font-weight: bold;border-radius: 5px;margin-right: 10px;}

.member-container-set a.learning-agenda { background: linear-gradient(to bottom, #00a7f4 0%,#008be2 100%); padding: 10px; text-decoration: none; font-size: 13px; color: #FEFEFE; font-weight: bold; border-radius: 5px; }

.learning-agenda-main {border: 1px solid #efefef;margin-top: 20px;background: #fcfcfc;}

.learning-agenda-set { padding: 15px; }

.learning-agenda-note {background: #4F5C65; margin-bottom: 20px;}

.learning-agenda-note p { margin: 0; padding: 10px; color: #FFFFFF; }

.learning-agenda-set table, .learning-agenda-set th, .learning-agenda-set td { border: 2px solid #FFFFFF; border-collapse: collapse; }

.learning-agenda-set th, .learning-agenda-set td { padding: 10px; }

.learning-agenda-set tr:nth-child(odd) {background: #E2E2E2;}

.learning-agenda-set tr:nth-child(even) {background: #F7F7F7;}

.learning-agenda-set .td-color { background: #242424; color: #FFFFFF; }

.channel-main {margin: 20px 0px 0px 0px;border: 1px solid #efefef;float: left;}

.channel-set {padding: 2%;background: #fcfcfc;float: left;}

.channel-zone {width: 100%;float: left;display: inline-block;}

.channel-zone:first-child, .channel-zone:nth-child(2), .channel-zone:nth-child(3) {margin-right: 1.8%;}

.channel-zone a { text-decoration: none; }

.channel-zone img { width: 100%; }

.channel-zone p {font-size: 16px;margin-bottom: 0px;margin-top: 10px;font-weight: bold;color: #ffffff;background: rgb(201 14 28);float: left;padding: 2px 6px;border-radius: 4px;border: 1px solid rgb(74,189,172);}


/* course */
.course-main {margin-top: 20px; }

.course-set { }

.course-sub-main {background: #fec832;border: 1px solid #fec832;margin-top: 50px;float: left;width: 100%;}

.course-sub-set { padding: 8px; }

.course-sub-set h4 { margin: 0; color: #FFF; text-shadow: 1px 1px 1px #8E2615; }

.course-zone-main { width: 100%;/* margin-top: 20px; */}

.course-zone-set {width: 23.26%;float: left;margin-top: 20px;height: 185px;}

.course-zone-set:first-child, .course-zone-set:nth-child(2), .course-zone-set:nth-child(3), .course-zone-set:nth-child(5), .course-zone-set:nth-child(6), .course-zone-set:nth-child(7), .course-zone-set:nth-child(9), .course-zone-set:nth-child(10), .course-zone-set:nth-child(11) {margin-right: 20px;}

.course-zone-set a { color: #242424; text-decoration: none; }

.course-zone-set img {width: 100%;border: 1px solid #CDCDCD;/* height: 190px; */}

.course-zone-set h5 { font-size: 14px; margin: 0; margin-top: 5px; }

.course-zone-set p {margin: 0;margin-top: 0px;font-size: 12px;color: #CF4545;}


/* profile */
.profile-main {background: #fff;margin-top: 20px;border: 1px solid #e7e7e7;padding: 20px;float: left;width: 100%;}

.profile-set {
    float: left;
    width: 100%;
}

.profile-header-main {background-color: none;border-bottom: 1px solid #e7e7e7;}

.profile-header-set {padding: 0px 0px 10px 0px;text-align: left;}

.profile-header-set a {color: #242424;}

.profile-header-set p {margin: 0;display: inline-block;/* font-size: 17px; */}

.profile-header-set p:first-child {margin-right: 20px;}

.profile-image-main {width: 25%;margin-right: 20px;margin-top: 0px;/* margin-bottom: 50px; */float: left;}

.profile-image-set {}

.profile-image-set img {width: 100%;}

.profile-social-main {width: 73%;margin-top: 0px;float: left;position: relative;float: right;}

.profile-social-set {}

.profile-social-set h4 { margin: 0;font-size: 24px; margin-bottom: 10px;}

.profile-social-set img {width: 32px;/* height: 48px; */border-radius: 0px;margin-bottom: 15px;margin-right: 4px;}

.profile-social-set table, .profile-social-set tr, { width: 100%; }

.profile-social-set td { padding: 5px; }

form[name=frm_image] input[type=file] { width: 100%; padding: 10px; padding-left: 0; }

form[name=frm_image] input[type=submit] { width: 100%;padding: 10px;background: #8DCED4;border: 1px solid #367075;}

.profile-media-main { margin-top: 20px; }

.profile-media-set { margin: 0 auto; width: 50%; }

.profile-media-sub {}

.profile-media-sub label { font-weight: bold; font-size: 17px; }

.profile-media-sub input {width: 100%;margin-top: 0px;margin-bottom: 0px;padding: 10px;border: 1px solid #e9e9e9;}


/* benefit */
.benefit-main {background: #EBEBEB;width: 100%;float: left;}

.benefit-set { width: 80%; margin: 0 auto;padding: 40px;/* float: left; */}

.benefit-set h2 {color: #3D3D3D;font-size: 38px;margin: 0;text-shadow: none;margin-bottom: 20px;}

.benefit-menu-main-up { width: 100%;float: left;padding-bottom: 40px;}

.benefit-menu-main-up:nth-child(3) { margin-bottom: 50px; }

.benefit-menu-set-up { float: left;width: 100%;}

.benefit-menu-set-up:first-child {margin-bottom: 20px;}

.benefit-menu-sub-up {width: 32%;float: left;}

.benefit-menu-sub-up:first-child, .benefit-menu-sub-up:nth-child(2) {margin-right: 2%;}

.benefit-menu-sub-up h3 {color: #2AA186;font-size: 26px;margin: 0;}

.benefit-menu-sub-up p {/* font-size: 18px; */text-align: justify;margin:0;color: #3D3D3D;}


/* offer */
.offer-program-main { }

.offer-program-set h2 { color: #333; font-size: 35px; margin: 0;font-weight:  bold; margin-bottom: 20px;}

.offer-program-set p { padding: 5px; color: #333; text-align: center;font-size: 22px;}

.offer-box {width: 49%; background: #933; float: left;height: 106px; margin-bottom: 20px;text-align: center;vertical-align: middle;      display: table-cell;}

.offer-box:nth-child(2) { margin-right: 20px; }

.offer-box h3 {padding: 5px; color: #FFF; font-size: 20px;/* vertical-align: middle; *//* display: table-cell; *//* text-align: center; */}

.level-main { float: left;width: 100%;margin-bottom: 30px;margin-top: 20px;}

.level-set { }

.level-sub { width: 30.49%; display: inline-block; border: 3px solid #DEDEDE; padding: 10px }

.level-sub:first-child, .level-sub:nth-child(2) { margin-right: 10px}

.level-sub h3 { font-size: 25px; margin: 0; color: #333; }

.level-sub p { font-size: 20px; margin: 0; color: #933;font-weight: bold;}


/* contain */
.contain-main { background: #FFFFFF;/* padding: 25px 0; */ font-size: 14px!important; -webkit-transition: all ease-in-out 0.2s;/* min-height: 100%; *//* position: relative; *//* margin-top: 106px; */float: left;width: 100%;}

.contain-set { padding-right: 15px; padding-left: 15px; margin: 0 auto; width: 80%; }


/* reason */
.reason-main { margin-top: 20px;float: left;margin-bottom: 50px;}

.reason-set { float: left; width: 100%; margin-top: 5px; }

.reason-icon { float: left;}

.reason-icon .fa-thumbs-up {color: #933;}

.reason-text { float: left; margin-left: 10px;}

.reason-text p { margin: 0; font-size: 20px; color: #FFF; }


/* subscribe */
.subscribe-main {width: 100%;}

.subscribe-set {width: 31%;margin-top: 0px;margin: 1%;/* background: rgb(252, 252, 252); *//* box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14); */display: inline-table;padding: 10px;}

.subscribe-icon {/* float: left; */text-align: center;}

.subscribe-icon .fa-users {color: #F6FFAD;}

.subscribe-text {}

.subscribe-text p {margin: 0% 0% 0% 0%;/* font-size: 18px; */color: #666453;text-align: center;width: 100%;}


/* objective */
.objective-main {margin: 0 auto;width: 100%;background: #fcfcfc;}

.objective-main-1 {
    margin: 0 auto;
    width: 100%;
    background: #ffffff;
}

.objective-main-back {
    margin: 0 auto;
    width: 100%;
    background-image: url("images/header/header7.jpg");
    background-repeat: no-repeat, repeat;
}

.objective-set {margin: 0 auto;width: 80%;padding: 1.2%;}

.objective-set h2 {color: #2A2A2A;font-size: 17px;margin: 0;font-weight:  bold;margin-bottom: 10px;/* text-shadow: 5px 5px 8px #181717; */}

.objective-sub { }

.objective-sub-set {}

.objective-sub-set p {color: #3D3D3D;/* text-align: center; *//* font-size: 18px; */margin: 0;}


/* important */
.important-main {background: #4b6161;font-size: 14px!important;-webkit-transition: all ease-in-out 0.2s;float: left;width: 100%;}

.important-set { margin: 0 auto; width: 80%;padding: 40px;/* float: left; */}

.important-set h2 {color: #FFFFFF;font-size: 38px;margin: 0;font-weight:  bold;margin-bottom: 20px;text-shadow: none;\: left;}

.important-sub-main {float: left; padding-bottom: 40px; }

.important-sub-set {float: left;width: 100%;}

.important-icon { float: left;}

.important-icon .fa-thumbs-up {color: #2B2B2B;}

.important-text { float: left;margin-left: 1%;width: 94%;}

.important-text p {margin: 0;/* font-size: 18px; */color: #000;}


/* option */
.option-main {background: #7F6954; font-size: 14px!important; -webkit-transition: all ease-in-out 0.2s; float: left;width: 100%;}

.option-set { margin: 0 auto; width: 80%;padding: 40px;}

.option-set h2 { color: #DFD0BD;font-size: 38px; margin: 0;font-weight:  bold;margin-bottom: 20px;text-shadow: 5px 5px 8px #3D291A;}

.option-set p { padding: 5px; color: #333; text-align: center;font-size: 22px;}

.option-sub-main {width: 100%;padding-bottom: 40px;float: left;}

.option-sub-set {  }

.option-box {background: #3194AB;width: 49%; float: left;height: 11.8%;text-align: center;}

.option-box:first-child {margin-right: 2%;}

.option-box h3 { margin: 0;padding: 10px;font-size: 20px;color: #FEFEFE;}

.option-level-main { float: left;width: 100%;margin-top: 20px;padding-bottom: 40px;}

.option-level-set {text-align: center;}

.option-level-sub {width: 30%; display: inline-block;border: 3px solid #544639;}

.option-level-sub:first-child, .option-level-sub:nth-child(2) {margin-right: 1%;}

.option-level-sub h3 { font-size: 25px; margin: 0;color: #DFD0BD;text-align: center;}

.option-level-sub p { font-size: 20px; margin: 0;color: #9ACA66;font-weight: bold;}


/* quote */
.quotes-main {background: #2AA186;font-size: 14px!important;-webkit-transition: all ease-in-out 0.2s;float: left;width: 100%;}

.quotes-set { margin: 0 auto; width: 80%;padding: 40px;}

.quote-main {}

.quote-set { text-align: center; }

.quote-set img {width: 25px;}

.quote-set p {font-size: 30px;color: #3D3D3D;text-align: right;line-height: 55px;}

.quote-from { width: 100%%; text-align: right;}

.quote-from p { font-size: 15px;margin: 0;}


/* who */
.who-main {background: #EBEBEB;font-size: 14px!important;-webkit-transition: all ease-in-out 0.2s;float: left;width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}

.who-set { margin: 0 auto; width: 80%;padding: 40px;}

.who-set h2 {color: #3D3D3D;font-size: 38px;margin: 0;font-weight:  bold;margin-bottom: 15px;text-shadow: none;}

.subscribe-icon img {
    width: 32%;
    padding: 11px 0px 2px 0px;
}


/* survey */
.surveyed-main {background: #FFFFFF; font-size: 14px!important; -webkit-transition: all ease-in-out 0.2s; float: left;width: 100%;}

.surveyed-set {margin: 0 auto;width: 80%;padding: 40px;text-align: center;}

.surveyed-set h2 {color: #31302F;font-size: 38px;margin: 0;font-weight:  bold;margin-bottom: 20px;/* text-shadow: 5px 5px 8px #989695; */}

.survey-main {float: left;width: 100%;padding-bottom: 40px;}

.survey-set {}

.survey-set h4 {font-size: 22px;margin: 0;font-weight: bold;color: #C4C4C4;}

.survey-one-main {float: left;width: 100%;margin-top: 10px;}

.survey-one-set { }

.survey-graph-one { float: left; width: 92%; background: #933;}

.survey-graph-one p { margin: 0; color: #FFF; font-weight: bold;padding: 2px;text-align: center;font-size: 22px;}

.survey-graph-two { float: left; width: 8%;background: #0D9B46;}

.survey-graph-two p { margin: 0; color: #FFF; font-weight: bold;padding: 2px;text-align: center;font-size: 22px;}

.survey-graph-three { float: left; width: 93%; background: #933; }

.survey-graph-three p { margin: 0; color: #FFF; font-weight: bold;padding: 2px;text-align: center;font-size: 22px;  }

.survey-graph-four { float: left; width: 7%;background: #0D9B46;}

.survey-graph-four p { margin: 0; color: #FFF; font-weight: bold;padding: 2px;text-align: center;font-size: 22px; }

.survey-graph-five { float: left; width: 55%; background: #933; }

.survey-graph-five p { margin: 0; color: #FFF; font-weight: bold;padding: 2px;text-align: center;font-size: 22px; }

.survey-graph-six { float: left; width: 45%;background: #0D9B46;}

.survey-graph-six p { margin: 0; color: #FFF; font-weight: bold;padding: 2px;text-align: center;font-size: 22px; }

.survey-text { float: left;width: 100%;}

.survey-text p { text-align: center;margin: 0;font-size: 18px;}


@media(min-width: 1251px) {

    .option-box { height: 11.8%; }

    .channel-zone:first-child, .channel-zone:nth-child(2), .channel-zone:nth-child(3) { margin-right: 1.8%; }
        
}


/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #3181C6;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #D3D3D3;
}
.c100 *, .c100 *:before, .c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 200px;
  /* margin-bottom: 20px; */
}
.c100.small {
  font-size: 80px;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #cccccc;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  font-family: roboto;
  font-weight: bold;
}
.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: whitesmoke;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100.p21 .bar {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c100.p26 .bar {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.c100.p31 .bar {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(-521deg);
}
.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}
.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}
.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(342deg);
}
.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}
.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}
.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}
.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.c100:hover {
  cursor: default;
}
.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb;
}
.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}
.c100.dark {
  background-color: #777777;
}
.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}
.c100.dark > span {
  color: #777777;
}
.c100.dark:after {
  background-color: #666666;
}
.c100.dark:hover > span {
  color: #c6ff00;
}
.c100.green .bar, .c100.green .fill {
  border-color: #39B824 !important;
}
.c100.green:hover > span {
  color: #4db53c;
}
.c100.green.dark .bar, .c100.green.dark .fill {
  border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
  color: #5fd400;
}
.c100.orange .bar, .c100.orange .fill {
  border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
  color: #dd9d22;
}
.c100.orange.dark .bar, .c100.orange.dark .fill {
  border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
  color: #e08833;
}

.col-sm-6.col-md-4 {
    width: 29%;
    display: inline-table;
    margin: 0% 2%;
}

.col-sm-6.col-md-4 p {
    text-align: center;
}

.copyright img {
    margin: 0px 0px 10px 0px;
    width: 154px;
}


.v_module {
    hr {      margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee;  }
    margin: 0;
}

.v_column {
    margin-bottom: 0px;
    display: inline-block;
}

hr {
    margin-top: 8px;
    margin-bottom: 8px;
    border-top: 1px solid #eee;
}

.v_module.v_column.stripe_container.fullwidth.v_first {
    width: 100%;
    margin: 0 auto;
    margin-bottom: -110px;
}

.v_module.v_text_block {
    margin: 0 auto;
    width: 80%;
    padding: 1.2% 1.2%;
    position: relative;
    top: -145px;
    /* background: #fafafa; */
    /* box-shadow: 0px 2px 1px #ebebeb; */
    text-align: center;
}

.v_module.v_column.col-md-4.col-sm-4 {
    /* width: 34%; */
    padding: 1% 5%;
}

.content-in-in {
    margin: 0 auto;
    width: 80%;
    padding: 1.2%;
    margin-top: -45px;
}

.content-in {
    margin: 0 auto;
    width: 80%;
    padding: 1.2%;
}

.content-in p {
    padding: 1%;
    text-align: justify;
}

.objective-set-1 {
    padding: 1%;
}

* {
  box-sizing:border-box;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.vertical-tabs:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -1px;
  z-index: 1;
  border-left: 1px solid #e3e3e3;
}
.vertical-tabs:after {
  content: "";
  display: table;
  clear: both;
}
.vertical-tabs {
  position: relative;
  margin-left: 200px;
}
.tabs {
  position: relative;
  float: left;
  width: 200px;
  padding-left: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: -200px;
}
.tabs li {
  position: relative;
  list-style: none;
}
.tabs li:after {
  content: "";
  display: table;
  clear: both;
}
.tabs li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px 6px;
  text-decoration: none;
  text-align: left;
  /* border-bottom: 1px solid #24b2f6; */
  /* border-right: 1px  solid #cacaca; */
  font-weight: bold;
  font-size: 15px;
  color: #4f4f4f;
  /* border-bottom: 1px solid #e3e3e3; */
}
.tabs li.active a {
  z-index: 2;
  border: 1px solid #e3e3e3;
  border-right: 1px solid #f6f6f6;
  /* background: #e2e2e2; */
  color: #ff243f;
}
.tabs-content .content {
  display: none;
  padding: 0px 0px 0px 10px;
}
.tabs-content .content.active {
  display: block;
}

.vertical-tabs img {
    width: 100%;
    margin: 0px;
}

.testimonial {
    width: 100%;
}

.testimonial h1 {
    line-height: 48px;
}

.testimonial p {
    width: 60%;
}

			*{ padding:0px; margin:0px; }
			a{ color:#C8DCE5; }
			h3{margin: 0px 0px 0 0px;color: #000000;font:18pt Arial, sans-serif;letter-spacing:-1px;font-weight: bold;}
			
			.boxgrid{
				width: 263px;
				height: 149px;
				margin:10px;
				float:left;
				background:#161613;
				border: solid 2px #efefef;
				overflow: hidden;
				position: relative;
				/* display: inherit; */
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{
					padding: 3px 0px 0px  10px;
					color:#afafaf;
					font-weight:bold;
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}


button {
    border-radius: 5px;
    background-color: #2181cd;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    font-family: roboto;
}

.member-container-1 {
    width: 100%;
    background: #fcfcfc;
    border: 1px solid  #efefef;
    display: inline-flex;
}

.member-container-2 {
    width: 26%;
    background: #fcfcfc;
    border: 1px solid #efefef;
    float: right;
    margin-top: 0px;
}

.boxgrid.slideright h4 {
    color: #fff;
    padding: 10px 0px 0px 10px;
}

div#header-background img {
    /* width: 100%; */
}

.breadcrumb-set h1 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 43px;
    padding-top: 61px;
}

div#header-background {background-image: url("images/header/headerb.jpg");width:100%;height: 190px;}

.course-set-who img {
    width: 100%;
}

a.button {
    /* padding: 9px; */
    /* border-radius: 4px; */
    /* text-decoration: none; */
    /* font-weight: bold; */
    background: linear-gradient(to bottom, #00a7f4 0%,#008be2 100%);
    padding: 10px 19px;
    text-decoration: none;
    font-size: 13px;
    color: #FEFEFE;
    font-weight: bold;
    border-radius: 5px;
}

/*** TestimonialS Slider - Free Weebly Widget by Baamboo Studio - Style 2 ***/
.testimonial_slider_2{
	width:100%;
	overflow:hidden;
	box-sizing:border-box;
	padding-bottom: 0px;
}
.testimonial_slider_2 input {
	display: none;
}

.testimonial_slider_2 #slide_2_1:checked ~ .boo_inner { margin-left:0; }
.testimonial_slider_2 #slide_2_2:checked ~ .boo_inner { margin-left:-100%; }
.testimonial_slider_2 #slide_2_3:checked ~ .boo_inner { margin-left:-200%; }
.testimonial_slider_2 #slide_2_4:checked ~ .boo_inner {margin-left: -300%;}
.testimonial_slider_2 .boo_inner {
	width: 400%;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
	height: 297px;
}
.testimonial_slider_2 .slide_content{
	width: 25%;
	float:left;
}
.testimonial_slider_2 #controls {
	text-align:center;
}
.testimonial_slider_2 #controls label{
	width:8px;
	height:8px;
	margin:0 2px;
	display:inline-block;
	background:#999; /* Change controls background color */
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.testimonial_slider_2 #slide_2_1:checked ~ #controls label:nth-child(1), 
.testimonial_slider_2 #slide_2_2:checked ~ #controls label:nth-child(2), 
.testimonial_slider_2 #slide_2_3:checked ~ #controls label:nth-child(3), 
.testimonial_slider_2 #slide_2_4:checked ~ #controls label:nth-child(4){
	background:#000; /* Change controls background color when mouse click */
}
.testimonial_2 {
	font-size: 16px !important;
	color: #333; /* Change testimonial paragraph text color */
	padding: 0px;
}
.content_2 {
	position: relative;
	padding-left: 0px;
	margin-bottom: 25px;
}
.content_2:before,
.content_2:after {
	content: "";
	height: 15px;
	width: 19px;
	position: absolute;
}
.content_2:before {
	background: url(icon_testimonial_2_before.png) 0 0 no-repeat;
	left: 0;
}
.content_2:after {
	background: url(icon_testimonial_2_after.png) 0 0 no-repeat;
	margin: 5px 10px;
}
.testimonial_2 p {
	display: inline;
}
.author_2 {
	margin-left: 0px;
}
.author_2 h3 {
	color: #333; /* Change author text color */
	font-size: 13px;
	font-weight: 600px;
	padding: 0px 0px 2px 0px;
}
.author_2 h4 {
	color: #333; /* Change author text color */
	font-size: 12px;
	font-weight: 400;
	padding: 0 0 0 0px;
}
.author_2 h4 a {
	color: #999; /* Change company text link color */
	text-decoration: none;
	position: relative;
	padding-bottom: 1px;
	overflow: hidden;
	border-bottom: 1px solid;
}
.author_2 h4 a:after {
	background: #999; /* Change company border link background color */
	height: 1px;
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 0;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.author_2 h4 a:hover {
	color: #000; /* Change company text link color when mouse over */
	border: none;
}
.author_2 h4 a:hover:after {
	border-color: #000;
	width: 100%;
}

.objective-set-half {
    display: inline-table;
    width: 47.5%;
    margin: 0px 1%;
}

div#text {
  
    padding: 8px 20px 20px 20px;
    
}

div#text p {
    color: #4a4a4a;
}

.container-fluid {
  height: 336px;
}

.testimonial-box {
  margin-top: 0px;
  margin-bottom: 0px;
  border-left: 1px solid rgb(22, 143, 108);
  padding: 0px 20px;
  float: left;
  width: 100%;
  box-shadow: -1px 0px 0px rgb(8, 79, 61);
}

#testimonial-content {
  font-family: 'Lato', sans-serif;
  padding-top: 37px;
  padding-bottom: 10px;
  color: #ffffff;
}

#testimonial-name {
  font-family: 'Lato', sans-serif;
  padding-bottom: 25px;
  color: white;
}

.quote {
  font-size: 100px;
  padding: 0;
  margin: 0;
  line-height: 0.5;
}

div#testimonial-content h4 {
    font-size: 30px;
    margin-bottom: 12px;
    line-height: 45px;
}

.percentage {
    width: 20%;
    display: inline-table;
    margin-top: 5px;
}

.percentage-1 {
    padding: 20px;
    background: #3181c6;
    margin: 0px 5px;
}

.percentage-2 {
    padding: 20px;
    background: #39b824;
    margin: 0px 5px;
}

.percentage-3 {
    padding: 20px;
    background: #dd9d22;
    margin: 0px 5px;
}

.percentage-1 h4 {
    font-size: 19px;
}

.copyright p {
    color: rgba(255, 255, 255, 0.87);
}

.content-set-1 {
    margin: 0 auto;
    width: 80%;
}

/*b {*/
/*    border-bottom: 3px solid #ff2540;*/
/*    margin: 0px 20px 0px 0px;*/
/*    padding: 13px;*/
/*}*/

.person-info h5 span {
    display: inline-block;
    min-width: 95px;
}

.person-info h5 {
    border-bottom: 1px solid #eeeeee;
    color: #727272;
    /* font-size: 14px; */
    margin-bottom: 12px;
    padding-bottom: 12px;
}

textarea#description {
    width: 100%;
    margin-bottom: 0px;
    border: 1px solid #e9e9e9;
    padding: 10px;
}

input[type="submit"] {
    background: #3cade3;
    float: left;
    width: 20%;
    border-radius: 4px;
    font-weight: bold;
    color: #fff;
}


.slideright {
    width: 230px;
    height: 285px;
    padding: 10px;
    float: left;
    margin-right: 25px;
    border: 1px solid #e6e6e6;
}

.slideright img {
    margin-bottom: 10px;
}