@import '../assets/css/utilities.css';
@import '../assets/css/contest-consent-page.css';
@import '../assets/css/newsletter-cta.css';
@import '../assets/css/select-carbon-styles.css';

a[x-apple-data-detectors],
a[href^='tel'] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
* {
  box-sizing: border-box;
}
body,
html {
  background-color: white;
}
body {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 16px;
  line-height: 22px;
}
header#st-main {
  margin-top: 32px;
  margin-bottom: 0;
  display: flex;
  position: relative;
}
body header#st-main li{
  line-height: initial;
}
.st-custom-casestudy > div {
  display: flex;
}
.st-custom-casestudy > div span.fusion-imageframe {
  flex: 0 0 33%;
  margin-right: 36px;
  padding-top: 16px;
}
.st-custom-casestudy .fusion-text {
  display: flex;
  flex-direction: column;
}
.st-custom-casestudy .fusion-text p {
  flex: 1 1 100%;
}
.st-custom-casestudy .fusion-text p:last-child {
  margin-bottom: 0;
  flex: 0 0 auto;
}
.st-custom-casestudy .fusion-imageframe img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.st-custom-casestudy .fusion-imageframe.height-auto img {
  height: auto;
}
.semibold h3 {
  font-weight: 500 !important;
}

.st-fusion-div
  .fusion-layout-column.fusion_builder_column.fusion_builder_column_3_4 {
  margin-left: -17px;
}

/* NAV */
nav ul,
nav li,
#st-language-dropdown ul,
#st-language-dropdown li {
  list-style: none;
  margin: 0;
  padding: 0;
}
header nav {
  flex: 1 0 auto;
}
header nav ul#menu-main-menu,
header #st-language-dropdown ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

header nav ul#menu-main-menu li,
header #st-language-dropdown li {
  margin: 0 16px 0;
  position: relative;
}
header nav ul#menu-main-menu li a,
header #st-language-dropdown ul li a {
  text-decoration: none;
  color: black;
  font-size: 14px;
  display: block;
  text-align: left;
  padding: 0 5px;
  border-bottom: 5px solid transparent;
  transition: all 0.2s ease-in;
}
header nav ul#menu-main-menu > li > a,
header #st-language-dropdown ul > li > a {
  padding-bottom: 21px;
  display: flex;
}
header nav ul#menu-main-menu > li > a:after,
header #st-language-dropdown > ul > li > a:after {
  background: url(/wp-content/themes/ptech/images2019/chevron-black-down.svg);
  content: '';
  margin-left: 10px;
  padding-left: 25px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
header#st-main #st-language-dropdown .nav__menu-toggle svg {
    margin-left: 10px;
    pointer-events: none;
    margin-top: 0px;
    width: 12px;
    height: 20px;
    display: block !important;
}
.st_openptech header nav ul#menu-main-menu > li:not(:first-child) > a:after {
  background: none;
  margin: 0;
  padding: 0;
}
header nav ul#menu-main-menu > li:last-child > a:after {
  /* background: none; */
}
header nav ul#menu-main-menu li a:hover,
header #st-language-dropdown ul li a:hover {
  color: #0064ff;
    background: none;
}
/*header nav ul#menu-main-menu > li:last-child a:hover {
    color: #0064ff;
    border-color: transparent !important;
}*/
header nav ul#menu-main-menu li:hover ul,
header #st-language-dropdown ul li.over ul {
  min-width: 150px;
  display: block;
  transition: all 0.2s ease-in;
  visibility: visible;
  z-index: 999;
  border-bottom: solid 1px #e0e0e0;
  border-right: solid 1px #e0e0e0;
  border-left: solid 1px #e0e0e0;
}
header nav ul#menu-main-menu li ul,
header #st-language-dropdown ul li ul {
  display: none;
  position: absolute;
  top: 44px;
  border-top: 4px solid #005eff;
}
header nav ul#menu-main-menu li ul li,
header #st-language-dropdown ul li ul li {
  margin: 0;
  padding: 0;
  background: white;
  width: 100%;
}
header nav ul#menu-main-menu li ul li a,
header #st-language-dropdown ul li ul li a {
  transition: all 0.2s ease-in;
  padding: 10px;
  border-bottom: none !important;
}
/*
header nav ul#menu-main-menu li:last-child {
    min-width: unset;
}
*/
a#logo-main {
  flex: 0 0 72px;
  margin-left: 40px;
}
.st_openptech a#logo-main {
  flex: 0 0 130px;
}
div#openptech-box a {
  width: 100%;
  display: block;
  border-top: solid 2px #bebebe;
  padding: 16px;
  text-align: left;
  border-bottom: 0;
}

a#search-main,
a#profile-main {
  margin-right: 40px;
  position: relative;
}
a#search-main img,
a#profile-main img {
  width: 20px;
  max-width: 20px;
  margin-top: 3px;
}
a#profile-main img {
  margin-right: 5px;
}
a#search-main:before,
a#profile-main:before {
  content: '';
  position: absolute;
  height: 33px;
  border-left: solid 1px #c1c1c1;
  left: -16px;
  top: -4px;
}
header #st-language-dropdown li {
  margin: 0 23px 0;
}
#openptech-box {
  display: none;
  position: absolute;
  top: 24px;
  right: 0;
  padding: 25px 0 0 0;
  text-align: right;
  width: 150px;
  background: white;
  z-index: 999;
}
#search-box {
  display: none;
  position: absolute;
  top: 24px;
  right: 0;
  padding: 25px;
  text-align: right;
  width: 350px;
  background: white;
  z-index: 999;
}
.search-form-content {
  position: relative;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
.search-button {
  position: absolute;
  height: 23px;
  width: 23px;
  top: 2px;
  left: 3px;
}
input.searchsubmit {
  border: none;
  padding: 0;
  width: 16px;
}
.search-field input {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 14px;
  padding-left: 29px;
  height: 29px;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}
.search-button input[type='submit'] {
  font-family: 'Font Awesome 5 Free', 'IBM Plex Sans', sans-serif;
  font-weight: 900;
  height: 25px;
  width: 25px;
  padding: 0;
  border: none;
  color: #525252;
}
ul#menu-main-menu-mobile {
  width: 100%;
  margin-top: -18px;
  display: none;
  padding-bottom: 32px;
}
ul#menu-main-menu-mobile > li > a {
  font-size: 20px;
  border-bottom: solid 1px #0f62fe;
  display: block;
  text-decoration: none;
  color: #0f62fe;
  margin-top: 8px;
  margin-bottom: 5px;
}

ul#menu-main-menu-mobile > li li a {
  font-size: 16px;
  display: block;
  text-decoration: none;
  color: #7d7d7d;
  margin-bottom: 16px;
}
.mobile-only ul.sub-menu {
  margin-top: 14px;
}
#mobile-menu i {
  font-size: 24px;
}
a#mobile-menu:before {
  content: '';
  position: absolute;
  height: 33px;
  border-left: solid 1px #c1c1c1;
  left: -16px;
  top: -4px;
}
a#mobile-menu {
  position: relative;
}
a#mobile-language {
  border-bottom: none;
  margin-right: 32px;
  width: 24px;
  height: 24px;
}
a#mobile-profile {
  border-bottom: none;
  margin-right: 32px;
  width: 24px;
  height: 24px;
  position: relative;
}
a#mobile-profile img {
  height: 90%;
  width: 90%;
  object-fit: contain;
}
a#mobile-profile:before {
  content: '';
  position: absolute;
  height: 33px;
  border-left: solid 1px #c1c1c1;
  left: -16px;
  top: -4px;
}
nav.mobile-only.language ul.sub-menu,
nav.mobile-only.profile ul.sub-menu {
  width: 100%;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 15px;
  display: none;
}
nav.mobile-only.language ul.sub-menu a,
nav.mobile-only.profile ul.sub-menu a {
  border-bottom: none;
  font-size: 16px;
  display: block;
  text-decoration: none;
  color: #7d7d7d;
  margin-bottom: 16px;
}
.lang {
  opacity: 0;
  display: none;
}
/* main */
section#content {
  float: none;
  min-height: unset;
}
.fusion-builder-row.fusion-row {
  max-width: 100% !important;
}
.banner .content {
  position: relative;
}
.banner img {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
}
.banner .content .more-info {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25%;
  background-color: #0062ff;
}
.banner .content {
  position: relative;
  z-index: 9000;
}
.st-pager {
  position: absolute;
  z-index: 99999999;
  bottom: 0;
  text-align: center;
  width: 100%;
}
.st-pager span {
  color: #eaeaea;
  font-size: 30px;
  padding: 5px;
  font-family: auto;
  cursor: pointer;
  opacity: 0.5;
}
.st-pager .cycle-pager-active,
.st-pager span:hover {
  opacity: 1;
}
.content,
.fusion-layout-column.fusion-column-last.content {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.box-square {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  transition: all 0.2s ease-in;
  box-sizing: content-box;
}
.box-square.full-img {
  padding-bottom: 0;
}
.box-square.full-img img {
  display: block;
}
.box-square > .title {
  position: absolute;
  top: 0;
  left: 0;
  margin: 16px;
  font-weight: 500;
  color: black;
}
.box-square > .stats {
  position: absolute;
  top: 0;
  left: 0;
  margin: 16px;
  color: black;
}
.box-square > .stats .num {
  font-size: 92px;
  line-height: 102px;
  font-weight: 300;
  color: #171717;
}
.box-square > .stats .title {
  font-size: 12px;
  line-height: 16px;
  color: #171717;
}
.box-square .icon {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 16px;
  background: url('../images2019/icon-student-black.svg');
  height: 64px;
  width: 64px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square .pointer {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 16px;
  background: url('../images2019/icon-link-blue.svg');
  height: 24px;
  width: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square .icon.academy {
  background: url('../images2019/icon-academy-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square .icon.buildings {
  background: url('../images2019/icon-buildings-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square .icon.government {
  background: url('../images2019/icon-government-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}

.box-square .icon.workplace {
  background: url('../images2019/icon-workplace-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square .icon.finance {
  background: url('../images2019/icon-finance-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square .icon.enrollment {
  background: url('../images2019/icon-enrollment-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square .icon.integration {
  background: url('../images2019/icon-integration-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square .icon.solve {
  background: url('../images2019/icon-solve-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square .icon.relationship {
  background: url('../images2019/icon-relationship-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square .icon.faculty {
  background: url('../images2019/icon-faculty-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
a.box-square:hover {
  background: #4f2196;
}
a.box-square:hover > .title,
a.box-square:hover > .title h2,
a.box-square:hover > .desc {
  color: white;
}
a.box-square:hover .icon {
  background: url('../images2019/icon-student-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
a.box-square:hover .pointer {
  background: url('../images2019/icon-link-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
a.box-square:hover .icon.academy {
  background: url('../images2019/icon-academy-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
a.box-square:hover .icon.buildings {
  background: url('../images2019/icon-buildings-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
a.box-square:hover .icon.government {
  background: url('../images2019/icon-government-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}

.box-square:hover .icon.workplace {
  background: url('../images2019/icon-workplace-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square:hover .icon.finance {
  background: url('../images2019/icon-finance-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square:hover .icon.enrollment {
  background: url('../images2019/icon-enrollment-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square:hover .icon.integration {
  background: url('../images2019/icon-integration-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square:hover .icon.solve {
  background: url('../images2019/icon-solve-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square:hover .icon.relationship {
  background: url('../images2019/icon-relationship-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square:hover .icon.faculty {
  background: url('../images2019/icon-faculty-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square.border-inside {
  border-bottom: solid 1px #dcdcdc;
  border-right: solid 1px #dcdcdc;
  box-sizing: border-box;
}
.col-1out3:nth-child(3n) .box-square.border-inside,
.col-1out3:last-child .box-square.border-inside {
  border-right: solid 1px #f3f3f3;
}
.col-1out3:nth-last-child(3) .box-square.border-inside,
.col-1out3:nth-last-child(2) .box-square.border-inside,
.col-1out3:last-child .box-square.border-inside {
  border-bottom: solid 1px #f3f3f3;
}
.front-school {
  border-top: solid 1px black;
}

.front-school .box-square {
  border-left: solid 1px black;
  border-bottom: solid 1px black;
}
.front-school .col-1out4:nth-child(1) .full-img {
  border-bottom: solid 1px white;
  border-left: solid 1px white;
}
.front-school .col-1out4:nth-child(4) .box-square {
  border-right: solid 1px black;
}
.front-school .col-1out4 ~ .col-1out4 + .col-1out4 a + .full-img {
  border-right: solid 1px white;
}
#front-globalnetwork .box-square.full-img {
  border-bottom: solid 1px #dcdcdc;
  border-top: solid 1px #dcdcdc;
}
#front-globalnetwork .box-square.full-img:nth-child(1) {
  border-bottom: solid 1px #dcdcdc;
  border-top: solid 1px #dcdcdc;
}
#front-globalnetwork .col-1out3 .box-rectangle:last-child,
.toolsbox .col-1out3 .box-rectangle:last-child {
  border-bottom: solid 1px #f3f3f3;
  border-right: solid 1px #f3f3f3;
}
#front-globalnetwork .col-1out3:last-child .box-rectangle,
.toolsbox .col-1out3:last-child .box-rectangle {
  border-right: solid 1px #f3f3f3;
}

.box-rectangle {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 50%;
  border-bottom: solid 1px #dcdcdc;
  border-right: solid 1px #dcdcdc;
  box-sizing: border-box;
  transition: all 0.2s ease-in;
}
.box-rectangle > .title {
  position: absolute;
  top: 0;
  left: 0;
  margin: 16px;
  color: black;
}
.box-rectangle.bg-green > .title,
.box-rectangle.bg-blue1 > .title,
.box-rectangle.bg-blue .title {
  color: white;
}
.box-rectangle.bg-white1 > .title {
  color: #0f62fe;
}
a.box-rectangle.bg-white1:hover {
  background: #0e3cce;
}
a.box-rectangle.bg-white1:hover .title {
  color: white;
}

a.box-rectangle.bg-white1:hover .pointer {
  background: url(../images2019/icon-link-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
a.box-rectangle.bg-white1:hover .pointer.external {
  background: url(../images2019/icon-external-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.box-rectangle .pointer {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 15px;
  background: url(../images2019/icon-link-blue.svg);
  height: 24px;
  width: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.box-rectangle.bg-blue .pointer,
.box-rectangle.bg-blue1 .pointer {
  background: url(../images2019/icon-link-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.box-rectangle.bg-blue .pointer.external,
.box-rectangle.bg-blue1 .pointer.external {
  background: url(../images2019/icon-external-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.box-rectangle.box-rectangle-small {
  padding-bottom: 38px;
}
.box-rectangle.box-rectangle-small .pointer {
  background-size: 14px !important;
  margin: 14px;
  height: 12px;
}

.box-rectangle.box-rectangle-small > .title {
  margin: 9px 11px;
}
.box-rectangle.box-rectangle-small .title {
  font-size: 14px;
}

.box-rectangle .pointer.external,
.box-square .pointer.external {
  background: url(../images2019/icon-external-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.box-square:hover .pointer.external {
  background: url(../images2019/icon-external-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.box-rectangle .pointer.download {
  background: url(../images2019/icon-download-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.box-rectangle .pointer.professionalskills {
  background: url(../images2019/icon-professionalskills.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.box-rectangle .pointer.designthinking {
  background: url(../images2019/icon-designthinking.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.box-rectangle .pointer.artificialinteligence {
  background: url(../images2019/icon-artificialinteligence.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.box-rectangle .pointer.datascience {
  background: url(../images2019/icon-datascience.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.box-rectangle .pointer.blockchain {
  background: url(../images2019/icon-blockchain.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.box-rectangle .pointer.cybersecurity {
  background: url(../images2019/icon-cybersecurity.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

a.box-rectangle:hover {
  background: #e5e5e5;
}
a.box-rectangle.bg-blue:hover {
  background: #0e3cce;
}
a.box-rectangle.bg-cyan:hover {
  background: #84ceff;
}
a.box-rectangle.bg-blank:hover {
  background: #0e3cce;
}
a.box-rectangle.bg-blank .pointer {
  background: url(../images2019/icon-link-bluedark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
a.box-rectangle.bg-blank .title {
  color: #010f41;
}
a.box-rectangle.bg-blank:hover .title {
  color: white;
}
a.box-rectangle.bg-blank:hover .pointer {
  background: url(../images2019/icon-link-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
a.box-rectangle.bg-cyan .pointer {
  background: url(../images2019/icon-link-navy.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
a.box-rectangle.bg-greendark .pointer {
  background: url(../images2019/icon-link-green.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

a.box-rectangle.bg-greendark:hover {
  background: #071908;
}
a.box-rectangle.bg-green .pointer {
  background: url(../images2019/icon-link-cyan.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
a.box-rectangle.bg-blue1:hover {
  background: #010f41;
}
a.box-rectangle.bg-green .title {
  color: #92eeee;
}
a.box-rectangle.bg-green:hover {
  background: #032b30;
}
.front-news {
  border-bottom: solid 1px #dcdcdc;
  box-sizing: border-box;
}
.front-news .col-1out3 {
  flex: 1 1 33%;
}
.front-news .source {
  font-size: 12px;
}
.front-news a {
  border-left: solid 1px #dcdcdc;
  border-top: solid 1px #dcdcdc;
  padding: 8px;
  box-sizing: border-box;
  color: black;
  transition: all 0.2s ease-in;
}
.front-news a:last-child {
  border-right: solid 1px #dcdcdc;
}
.front-news a img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.front-news a:hover {
  background-color: #dcdcdc;
}
.front-news a h4,
.front-news a .source {
  padding: 0 8px;
}
.box-square.box-square-tall {
  padding-bottom: 200%;
  min-height: 520px;
  box-sizing: border-box;
}
.box-square.box-square-tall .desc {
  position: absolute;
  margin: 16px;
  top: 120px;
  color: black;
  line-height: 24px;
}
.partner-chart .box-square .desc {
  position: absolute;
  padding: 16px;
  top: 50px;
  color: black;
  line-height: 24px;
}
.model-chart,
.partner-chart {
  border-top: solid 1px #000000;
  border-left: solid 1px #000000;
}
.model-chart .col-1out3 {
  flex: 1 1 33%;
}

.partner-chart .col-1out2 {
  flex: 1 1 50%;
}
.model-chart > div > a,
.partner-chart > div > a {
  border-right: solid 1px #000000;
  border-bottom: solid 1px #000000;
  box-sizing: border-box;
}
.model-chart a.box-square:hover,
.partner-chart a.box-square:hover {
  background: #004548;
}
.partner-chart .box-square .icon {
  height: 64px;
  width: 64px;
}

/* faq */
.faq_item {
  border-top: solid 1px #bebebe;
  padding-top: 22px;
  padding-bottom: 22px;
  background: url(/wp-content/themes/ptech/images2019/chevron-black-down.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 98% 23px;
}

.faq_item.open {
  background: url(/wp-content/themes/ptech/images2019/chevron-black-up.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 98% 23px;
  padding-bottom: 64px;
}
a.faq_question {
  font-size: 20px;
  display: block;
  color: black;
  line-height: 26px;
  padding-right: 20%;
}
a.faq_question:hover {
  color: #6f6f6f;
}
.faq_answer {
  display: none;
  margin-top: 24px;
  padding-right: 20%;
}

.fusion-accordian .panel-title .active .fa-fusion-box,
.fusion-accordian .panel-title a:hover .fa-fusion-box {
  display: none !important;
}
.fusion-accordian .panel-title a .fa-fusion-box {
  display: none !important;
}
.fusion-accordian .panel-heading .panel-title a.active {
  background: url(/wp-content/themes/ptech/images2019/chevron-black-up.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 98% 23px;
}
.fusion-accordian .panel-heading .panel-title a {
  border-top: solid 1px #bebebe;
  padding-top: 22px;
  padding-bottom: 22px;
  background: url(/wp-content/themes/ptech/images2019/chevron-black-down.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 98% 23px;
  border-bottom: none;
  font-size: 20px;
  color: black;
  line-height: 26px;
  font-weight: normal;
}
.fusion-accordian .panel-heading .panel-title a:hover {
  color: #6f6f6f !important;
}
.fusion-accordian .collapse.in {
  display: block;
  width: 70%;
}
.fusion-accordian .panel-title .fusion-toggle-heading {
  margin: 0;
}
.fusion-accordian .fusion-panel {
  border-bottom: none;
}
.fusion-accordian .fusion-panel:last-child {
  border-bottom: solid 1px #bebebe;
}
/* case-study */
.search-case-study {
  position: relative;
  margin-left: 16px;
}
.search-case-study input {
  border: none;
  padding: 0;
}
.search-case-study input.s {
  height: 48px;
  background-color: #f4f4f4;
  border: none;
  border-bottom: solid 1px #8c8d8c;
  padding-left: 48px;
  color: black;
}
.search-case-study .search-button {
  left: 10px;
  top: 0;
  height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.search-case-study .search-button input[type='submit'] {
  border: none;
  background: none;
  color: #525252;
}
.case_item {
  transition: all 0.2s ease-in;
}
.case-study-index hr {
  margin: 0;
  margin-left: 16px;
}
.case_item:hover {
  background: #eaeaea;
}
.case_item > div:first-child .responsive_ratio {
  padding-bottom: 75%;
  width: 100%;
  position: relative;
}
.case_item > div:first-child img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0 0;
  position: absolute;
}
.case_item > div:last-child {
  display: flex;
  flex-direction: column;
}
.case_item .title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: black;
}
.case_item .desc {
  color: black;
}
.case_item .more-info {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  font-size: 14px;
  color: #0f62fe;
}
.custom-pager {
  margin-top: 32px;
}
.custom-pager a.page-numbers,
.custom-pager .page-numbers {
  padding-bottom: 10px;
  border-bottom: solid 2px white;
  margin-right: 32px;
  color: #161616;
}
.custom-pager .page-numbers.current,
.custom-pager .page-numbers:hover {
  border-bottom: solid 2px #0f62fe;
}
.custom-pager a.next.page-numbers:after {
  content: '\0025B6';
  color: #161616;
  font-size: 12px;
}
.custom-pager a.prev.page-numbers:after {
  content: '\0025C0';
  color: #161616;
  font-size: 12px;
}
.custom-pager .page-numbers:hover,
.custom-pager a.next.page-numbers:hover:after,
.custom-pager a.prev.page-numbers:hover:after {
  color: #0f62fe;
}
.custom-pager .page-numbers.dots {
  border-bottom: solid 2px white !important;
  color: #161616 !important;
}
#case-study-inside .fusion-fullwidth {
  width: 65%;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 40px !important;
}

#case-study-inside .fusion-fullwidth:first-child {
  padding-top: 0 !important;
}
#case-study-inside .fusion-imageframe {
  width: unset !important;
  max-width: unset !important;
  margin-right: -35%;
  display: block;
  padding-top: 48px;
}
#case-study-inside .fusion-imageframe + div > p > em {
  font-style: normal;
  padding-bottom: 32px;
  padding-top: 6px;
  display: block;
  font-size: 12px;
  line-height: 16px;
}
#case-study-inside h3 {
  font-weight: 500;
  color: black;
}
.post-content .regular-content h3 {
  font-weight: 500;
  color: black;
  margin-top: 40px;
}
#case-study-inside .reviews {
  padding-bottom: 48px;
}
#case-study-inside .fusion-testimonials.clean blockquote q {
  padding-top: 48px;
  padding-bottom: 10px;
}
#case-study-inside .fusion-testimonials.clean blockquote q p:before,
#case-study-inside .fusion-testimonials.clean blockquote q p:after {
  content: '"';
}
#case-study-inside .fusion-testimonials.clean blockquote q p,
.st_quote.fusion-testimonials.clean blockquote q p {
  font-size: 28px;
  line-height: 36px !important;
  text-align: left;
  font-style: normal;
  letter-spacing: 0;
}
.st_quote.fusion-testimonials.clean blockquote q {
  padding: 0 25px 25px;
}
#case-study-inside .fusion-testimonials.clean .author,
.st_quote.fusion-testimonials.clean .author {
  text-align: right;
  font-size: 14px;
  letter-spacing: 0;
}
#case-study-inside .fusion-testimonials.clean .author strong,
.st_quote.fusion-testimonials.clean .author strong {
  font-weight: normal;
}
.search-header-container {
  font-size: 14px;
}
/* roadmap */
a.roadmap-head {
  height: 166px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 10px;
  padding-left: 12px;
  transition: all 0.2s ease-in;
}
a.roadmap-head .icon {
  background: url(../images2019/icon-student-gray-small.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  height: 48px;
  width: 48px;
  margin-bottom: 29px;
}
a.roadmap-head:hover .icon,
a.roadmap-head.over .icon {
  background: url(../images2019/icon-student-black-small.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
a.roadmap-head .icon.academy {
  background: url(../images2019/icon-academy-gray-small.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  height: 48px;
  width: 48px;
  margin-bottom: 29px;
}
a.roadmap-head:hover .icon.academy,
a.roadmap-head.over .icon.academy {
  background: url(../images2019/icon-academy-black-small.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
a.roadmap-head .icon.buildings {
  background: url(../images2019/icon-buildings-gray-small.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  height: 48px;
  width: 48px;
  margin-bottom: 29px;
}
a.roadmap-head:hover .icon.buildings,
a.roadmap-head.over .icon.buildings {
  background: url(../images2019/icon-buildings-black-small.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
a.roadmap-head .icon.decision {
  background: url(../images2019/icon-decision-gray-small.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  height: 48px;
  width: 48px;
  margin-bottom: 29px;
}
a.roadmap-head:hover .icon.decision,
a.roadmap-head.over .icon.decision {
  background: url(../images2019/icon-decision-black-small.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
a.roadmap-head .title {
  color: #525252;
}
a.roadmap-head.over {
  border-bottom: solid 2px #0f62fe;
}
a.roadmap-head:hover .title,
a.roadmap-head.over .title {
  font-weight: 500;
  color: black;
}
.roadmap-content {
  display: none;
}

/* news */

.news {
  border-left: solid 1px #dcdcdc;
}
.news .col-1out3:nth-child(1) .box-square,
.news .col-1out3:nth-child(2) .box-square,
.news .col-1out3:nth-child(3) .box-square {
  border-top: solid 1px #dcdcdc;
}
.st_school_list.event_list.news {
  border-left: none;
}
.news .col-1out3 {
  flex: 0 1 33.33%;
}
.news_thumb .news_thumb_img {
  height: 50%;
  width: 100%;
  object-fit: cover;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
/* 
.home .news_item:first-child .box-square{
    height: 100%;
}
.home .news_item:first-child .news_thumb_img{
    height: 75.7%;
}
.home .news_item:first-child .box-square .news_thumb .title {
    height: 19.3%;
}
.home .news_item:first-child .box-square .news_thumb .source {
    height: 5%;
}
 */
.news_item .news_thumb_img.video:after {
  background-image: url(/wp-content/themes/ptech/images2019/icon-play-white.svg);
  width: 30%;
  height: 30%;
  position: absolute;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  content: '';
  z-index: 9999999999;
  top: 35%;
  right: 35%;
}
.news_item .box-square {
  box-sizing: border-box;
  border-bottom: solid 1px #dcdcdc;
  border-right: solid 1px #dcdcdc;
  padding: 0;
}
.news_item .box-square:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.news_thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 8px;
  box-sizing: border-box;
}
.news_thumb img {
  height: 50%;
  width: 100%;
  object-fit: cover;
}
.news_thumb .title {
  height: 25%;
  color: black;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
}
.news_thumb .source {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 25%;
  color: black;
  font-size: 12px;
  padding: 0 8px;
}
.news_item a.box-square:hover {
  background: #eaeaea;
}
.st_school_list.event_list .news_item a.box-square {
  background-color: white;
}
.st_school_list.event_list .news_item a.box-square :hover {
  background-color: #eaeaea;
}
.st_school_list.event_list.news
  .news_item.col-1out3:nth-child(3n + 1)
  .box-square {
  padding-top: 2px;
}
.st_school_list.event_list.news .news_item.col-1out3 .box-square {
  padding-top: 1px;
}

/* school style */

div#country-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.country-item {
  flex: 0 1 25%;
  font-size: 28px;
  line-height: 36px;
  padding-left: 0px;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.country-item a {
  color: #171717;
}
.country-item a:hover {
  color: #5cd07d;
}
.country-item.coming_soon {
  color: #aeaeae;
}
.front-school.school-index {
  border-top: solid 1px white;
}
.front-school.school-index .col-1out4:nth-child(4) .box-square:last-child {
  border-right: solid 1px white;
  border-bottom: solid 1px white;
}
.front-school.school-index .col-1out4 .box-square:first-child {
  border-top: solid 1px black;
}
.front-school.school-index .col-1out4:nth-child(1) .full-img {
  border-bottom: solid 1px black;
  border-top: solid 1px white;
  margin-bottom: -1px;
}
#map1 {
  width: 100%;
  height: 500px;
}
/* school inside style */

.st_pathways,
#usa_pathways {
  display: block;
  margin-bottom: 70px;
}
.usa_pathways {
  display: block;
}
.st_pathways > div,
.usa_pathways > div {
  flex: 0 1 25%;
  text-transform: lowercase;
  font-size: 16px;
  cursor: pointer;
  transition: all ease 0.3s;
  display: flex;
  color: #161616;
  margin-bottom: 14px;
  text-transform: capitalize;
}
.st_pathways > div:hover,
.usa_pathways > div:hover {
  color: #0064ff;
}
.st_pathways > div:before,
.usa_pathways > div:before {
  content: ' ';
  background: url(/wp-content/themes/ptech/images2019/checkbox-unselected.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center left;
  width: 28px;
  height: 16px;
  display: inline-flex;
  margin-top: 3px;
}
.st_pathways > div.over:before,
.usa_pathways > div.over:before {
  content: ' ';
  background: url(/wp-content/themes/ptech/images2019/checkbox-selected.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center left;
}
.st_pathways > div > span,
.usa_pathways > div > span {
  flex: 1 1 20%;
}

.usa_states_list,
.country-list {
  display: block;
  margin-bottom: 70px;
}
.usa_states_list > div,
.country-list > div {
  flex: 0 1 25%;
  text-transform: lowercase;
  font-size: 16px;
  cursor: pointer;
  transition: all ease 0.3s;
  display: flex;
  color: #161616;
  margin-bottom: 14px;
  text-transform: capitalize;
}
.usa_states_list > div:hover,
.country-list > div:hover {
  color: #0064ff;
}
.usa_states_list > div:before,
.country-list > div:before {
  content: ' ';
  background: url(/wp-content/themes/ptech/images2019/radio-unselected.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center left;
  width: 28px;
  height: 16px;
  display: inline-flex;
  margin-top: 3px;
}
.usa_states_list > div.over:before,
.country-list > div.over:before {
  content: ' ';
  background: url(/wp-content/themes/ptech/images2019/radio-selected.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center left;
}
.usa_pathways:not(.active) {
  display: none;
}

.st_school_list {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.st_school_list .box-square {
  box-sizing: border-box;
  border-bottom: solid 1px #dcdcdc;
  border-right: solid 1px #dcdcdc;
}
.st_school_list.school_front .box-square {
  border-bottom: none;
}
/*
.st_school_list .col-1out3:nth-child(3n+3) .box-square{ 
    border-right: solid 1px white; 
}
*/
.st_school_list a.box-square:hover {
  background: #eaeaea;
}
.st_school_list .box-square > .title {
  font-weight: normal;
}
.st_school_list a.box-square:hover > .title,
.st_school_list a.box-square:hover > .title h2,
.st_school_list a.box-square:hover > .desc {
  color: black;
}
.st_school_list a.box-square:hover .pointer {
  background: url(../images2019/icon-link-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.st_school_list a.box-square .pointer.external {
  background: url(../images2019/icon-external-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.st_school_name {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.st_school_location {
  font-size: 12px;
  line-height: 16px;
  margin-top: 6px;
}
.st_school_pathway {
  font-size: 12px;
  position: absolute;
  left: 15px;
  bottom: 15px;
  line-height: 16px;
  color: black;
  margin-right: 50px;
}

/* school overlay style */
#school_overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  animation: showForm 0.8s ease;
  align-items: center;
}
@keyframes showForm {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#school_pop {
  max-width: 700px;
  margin: 0 auto;
  width: 80%;
  background: white;
  padding: 0 16px;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
div#btn-close {
  float: right;
  padding: 5px 10px;
  color: white;
  font-size: 20px;
  cursor: pointer;
}
.bar {
  height: 240px;
  margin: 0 -32px;
  background: url(/wp-content/themes/ptech/images2019/pop_banner.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  background-color: #dafbe4;
}
div#btn-close {
  float: right;
  padding: 15px;
  color: white;
  font-size: 20px;
  transition: all ease 0.3s;
  margin-right: 20px;
}

div#btn-close img {
  transition: all ease 0.3s;
}
div#btn-close:hover img {
  transform: rotate(180deg) scale(1.5, 1.5);
}
div#school_pop_title {
  font-size: 28px;
  line-height: 36px;
  padding-top: 16px;
  padding-bottom: 8px;
}
div#school_pop_location,
#school_pop .title {
  font-size: 14px;
}
#school_pop_location {
  padding-bottom: 40px;
}
#school_pop_pathways {
  padding-top: 24px;
}
#school_pop .data a {
  color: black;
}
#school_pop .data a:hover {
  color: #0064ff;
}
#school_pop .data {
  font-size: 16px;
  padding-bottom: 24px;
  line-height: 22px;
}
div#school_pop_title,
div#school_pop_location,
div#school_pop_pathways,
div#school_pop_college {
  width: 90%;
}
div#school_pop_school_link_box {
  margin: 16px -16px 0;
}
div#school_pop_school_link_box a {
  display: block;
  padding: 16px 16px 31px 16px;
  background: #0f62fe;
  color: white;
}
div#school_pop_school_link_box a:hover {
  background: #0353e9;
}

/* students style */
.st_student_name {
  font-weight: 700;
}
.front-school.students:first-child {
  padding-top: 88px;
}
.front-school.students .box-square {
  transition: none;
}
.front-school.students:not(:first-child) {
  border-top: none;
}
.front-school.students {
  border-top: solid 1px white;
}
.front-school.students .title {
  font-weight: normal;
}
.front-school.students .title.txt-xxlarge {
  margin: 32px 32px 32px;
  overflow: auto;
  height: 86%;
}
.front-school.students .title.txt-xxlarge p {
  font-size: 28px;
  line-height: 36px;
}
.front-school.students .box-square {
  margin-bottom: -1px;
  box-sizing: border-box;
}

.front-school.students .box-square.over {
  background: #002b50;
  color: #e3f6ff;
}
.front-school.students .over.box-square > .title.txt-xxlarge p,
.front-school.students .over.box-square > .title.txt-xxlarge {
  color: #e3f6ff;
}
.front-school.students .student-name.over {
  background: #b3e6ff;
}

.front-school.students:nth-child(4n + 1)
  .col-1out4:nth-child(2)
  .box-square:first-child {
  border-top: solid 1px black;
  padding-top: 1px;
}
.front-school.students:nth-child(4n + 1)
  .col-1out4:nth-child(2)
  .box-square:last-child {
  border-left: none;
}
.front-school.students:nth-child(4n + 1)
  .col-1out4:nth-child(1)
  .full-img:nth-child(2) {
  border-bottom: none;
  padding-top: 4px;
  border-left: none;
}
.front-school.students:nth-child(4n + 1) .col-1out4:nth-child(1) .full-img {
  border-bottom: none;
  padding-top: 1px;
}
.front-school.students:nth-child(4n + 1) .col-2out4 .box-square {
  padding-top: 1px;
  border-right: solid 1px black;
  border-top: solid 1px black;
}

.front-school.students:nth-child(4n + 2) .box-square {
  border-left: none;
}
.front-school.students:nth-child(4n + 2) > .col-2out4:first-child .box-square {
  border-bottom: none;
  padding-top: 1px;
}
.front-school.students:nth-child(4n + 2)
  > .col-2out4:first-child
  > .box-square {
  border-right: solid 1px black;
  border-left: solid 1px black;
  border-top: solid 1px black;
}
.front-school.students:nth-child(4n + 2)
  > .col-2out4:nth-child(2)
  .col-2out4:first-child
  .box-square,
.front-school.students:nth-child(4n + 2)
  > .col-2out4:nth-child(2)
  > .box-square {
  border-right: solid 1px black;
}
.front-school.students:nth-child(4n + 2)
  > .col-2out4:nth-child(2)
  .col-2out4:first-child
  .box-square {
  border-top: solid 1px black;
}
.front-school.students:nth-child(4n + 2)
  > .col-2out4:nth-child(2)
  .col-2out4:last-child
  .box-square {
  padding-top: 1px;
}

.front-school.students:nth-child(4n + 3) > .col-2out4:first-child .box-square {
  border-top: solid 1px black;
}
.front-school.students:nth-child(4n + 3) > .col-1out4:last-child .box-square {
  border-left: none;
  border-bottom: none;
}
.front-school.students:nth-child(4n + 3) > .col-1out4:last-child .box-square {
  border-left: none;
  border-bottom: none;
}
.front-school.students:nth-child(4n + 3)
  > .col-2out4
  + .col-1out4
  .box-square
  + .box-square {
  margin-bottom: -2px;
  border-bottom: solid 1px black;
  padding-top: 2px;
}
.front-school.students:nth-child(4n + 3) > .col-2out4:first-child .box-square {
  margin-bottom: 0;
}
.front-school.students:nth-child(4n + 3) > .col-2out4 + .col-1out4 .photo {
  border-top: solid 1px black;
  padding-bottom: calc(100% - 2px);
}
.front-school.students:nth-child(4n + 3) > .col-1out4:nth-child(3) .box-square {
  border-left: none;
  border-bottom: none;
}
.front-school.students:nth-child(4n + 3)
  > .col-1out4:nth-child(3)
  .box-square:last-child {
  border-left: solid 1px black;
  padding-top: 4px;
}

.front-school.students:nth-child(4n + 4) > .col-2out4 {
  border-top: solid 1px black;
}
.front-school.students:nth-child(4n + 4)
  > .col-2out4:first-child
  .col-2out4
  .box-square {
  border-left: none;
  border-bottom: none;
}
.front-school.students:nth-child(4n + 4)
  > .col-2out4:nth-child(2)
  > .box-square {
  border-right: solid 1px black;
}
.front-school.students:nth-child(4n + 4)
  > .col-2out4:last-child
  .col-2out4:first-child
  .box-square {
  border-left: solid 1px black;
  border-bottom: solid 1px black;
}
.front-school.students:nth-child(4n + 4)
  > .col-2out4:last-child
  .col-2out4
  .box-square {
  border-left: none;
  border-bottom: none;
}
.front-school.students:nth-child(4n + 4) > .col-2out4:last-child > .box-square {
  border-top: solid 1px black;
  border-right: solid 1px black;
}
.front-school.students:nth-child(4n + 4)
  > .col-2out4:nth-child(2)
  .col-2out4:nth-child(2)
  > .box-square {
  border-left: none;
  border-bottom: none;
}
.front-school.students:nth-child(4n + 4)
  > .col-2out4:nth-child(2)
  .col-2out4:nth-child(1)
  > .box-square {
  padding-bottom: calc(100% - 2px);
  border-top: solid 1px black;
}
#pathway_legend,
#usa_pathway_legend,
#usa_state_legend,
#country_legend {
  display: block;
  cursor: pointer;
  padding-top: 10px;
}

/* contact style */
.contact-form-description-text {
  font-size: 12px;
  color: #606060;
  margin: -1em 0 1em;
  line-height: 20px;
}
#wpcf7-f2504-p107-o1 label,
#wpcf7-f6105-p6168-o1 label,
#wpcf7-f6911-p6908-o1 label,
.st-form label,
.p-tech-form label {
  font-size: 12px;
}
#wpcf7-f2504-p107-o1 form,
#wpcf7-f6105-p6168-o1 form,
#wpcf7-f6911-p6908-o1 form,
form.st-form {
  overflow: hidden;
}
#wpcf7-f2504-p107-o1 input.wpcf7-form-control.wpcf7-text,
#wpcf7-f2504-p107-o1 select.wpcf7-form-control.wpcf7-select,
#wpcf7-f2504-p107-o1 textarea.wpcf7-form-control.wpcf7-textarea,
#wpcf7-f6105-p6168-o1 input.wpcf7-form-control.wpcf7-text,
#wpcf7-f6105-p6168-o1 select.wpcf7-form-control.wpcf7-select,
#wpcf7-f6105-p6168-o1 textarea.wpcf7-form-control.wpcf7-textarea,
#wpcf7-f6911-p6908-o1 input.wpcf7-form-control.wpcf7-text,
#wpcf7-f6911-p6908-o1 select.wpcf7-form-control.wpcf7-select,
#wpcf7-f6911-p6908-o1 textarea.wpcf7-form-control.wpcf7-textarea,
.st-form input.wpcf7-form-control.wpcf7-text,
.st-form select.wpcf7-form-control.wpcf7-select,
.st-form textarea.wpcf7-form-control.wpcf7-textarea,
input.p-tech-input,
textarea.p-tech-input,
select.p-tech-input {
  border: none;
  border-bottom: solid 1px #8d8d8d;
  background: #f4f4f4;
  color: #161616;
  font-size: 14px;
  height: 18px;
  padding: 11px 16px;
  box-sizing: content-box;
  width: 100%;
}
#wpcf7-f2504-p107-o1 textarea.wpcf7-form-control.wpcf7-textarea,
#wpcf7-f6911-p6908-o1 textarea.wpcf7-form-control.wpcf7-textarea,
.st-form textarea.wpcf7-form-control.wpcf7-textarea {
  height: 128px;
}
#wpcf7-f2504-p107-o1 .wpcf7-form .wpcf7-submit,
#wpcf7-f6105-p6168-o1 .wpcf7-form .wpcf7-submit,
#wpcf7-f6911-p6908-o1 .wpcf7-form .wpcf7-submit,
.st-form .wpcf7-submit {
  float: right;
  margin-top: 64px;
  width: 255px;
  font-size: 16px;
  font-weight: normal;
  padding: 0;
  height: 127px;
  text-transform: none;
}
#wpcf7-f2504-p107-o1 .select-arrow,
#wpcf7-f6105-p6168-o1 .select-arrow,
#wpcf7-f6911-p6908-o1 .select-arrow,
.st-form .select-arrow {
  border-bottom: solid 1px #8d8d8d;
  background: #f4f4f4;
  border-left: none;
  border-right: none;
  border-top: none;
  color: #161616;
  font-size: 12px;
}
#wpcf7-f6105-p6168-o1 div + p {
  margin-top: 0;
}

input.p-tech-input {
  margin: unset;
}
.ptech-learning .box-square > .title {
  top: unset;
  bottom: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
}
.ptech-learning .box-square.full-img img {
  display: block;
  width: 85%;
  margin: auto;
  padding-bottom: 10%;
}
.ptech-learning .box-square .pointer {
  height: 30px;
  width: 18px;
}
.ptech-learning a.box-square:hover {
  background: white;
  opacity: 0.7;
}
.ptech-learning a.box-square:hover .pointer {
  background: url(../images2019/icon-link-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.ptech-learning a.box-square:hover > .title {
  color: black;
}

/* openptech */
.openptech .box-rectangle .pointer {
  height: 48px;
  width: 48px;
}
.toolsbox.openptech .box-rectangle.bg-white {
  border-bottom: solid 1px #002b50;
  border-right: solid 1px #002b50;
}
.toolsbox.openptech {
  border-top: solid 1px #002b50;
  border-left: solid 1px #002b50;
}
.openptech .col-1out3 {
  flex: 1 1 33.33%;
}
.model-chart.openptech a.box-square:hover {
  background: #002b50;
}

.front-school.openptech-index {
  border-top: none;
}
.openptech-index .box-square .pointer {
  background: url(../images2019/icon-link-black.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.front-school.openptech-index .col-1out4:nth-child(4) .box-square:first-child {
  border-top: solid 1px white;
}
.front-school.openptech-index .col-1out4 a.box-square:first-child {
  border-top: solid 1px black;
}
.front-school.openptech-index .col-1out4:nth-child(4) .box-square {
  border-right: none;
}
.front-school.openptech-index .col-1out4:nth-child(4) a.box-square {
  border-right: solid 1px black;
}
/*.front-school.openptech-index a.box-square:hover {
    background: #04196c;
}*/
.front-school.openptech-index a.box-square.purple_hover:hover {
  background: #6a1dc4;
}
.front-school.openptech-index a.box-square.green_hover:hover {
  background: #035d5d;
}
.front-school.openptech-index a.box-square.blue_hover:hover {
  background: #08519a;
}

.box-square .icon.cybersecurity {
  background: url('../images2019/icon-cybersecurity-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square .icon.blockchain {
  background: url('../images2019/icon-blockchain-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square .icon.datascience {
  background: url('../images2019/icon-datascience-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square .icon.designthinking {
  background: url('../images2019/icon-designthinking-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square .icon.artificialintelligence {
  background: url('../images2019/icon-artificialintelligence-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.box-square .icon.professionalskills {
  background: url('../images2019/icon-professionalskills-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}

.box-square .icon.chart-evaluation {
  background: url('../images2019/icon-chart-evaluation-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}

.box-square .icon.machine-learning {
  background: url('../images2019/icon-machine-learning-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}

.box-square .icon.question-and-answer {
  background: url('../images2019/icon-question-and-answer-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}

a.box-square:hover .icon.cybersecurity {
  background: url('../images2019/icon-cybersecurity-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
a.box-square:hover .icon.blockchain {
  background: url('../images2019/icon-blockchain-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
a.box-square:hover .icon.datascience {
  background: url('../images2019/icon-datascience-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
a.box-square:hover .icon.designthinking {
  background: url('../images2019/icon-designthinking-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
a.box-square:hover .icon.artificialintelligence {
  background: url('../images2019/icon-artificialintelligence-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
a.box-square:hover .icon.professionalskills {
  background: url('../images2019/icon-professionalskills-blue.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
a.box-square:hover .icon.chart-evaluation {
  background: url('../images2019/icon-chart-evaluation-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
a.box-square:hover .icon.machine-learning {
  background: url('../images2019/icon-machine-learning-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
a.box-square:hover .icon.question-and-answer {
  background: url('../images2019/icon-question-and-answer-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}

.open-ptech-topic .col-1out3 {
  border-top: solid 1px #dcdcdc;
  border-bottom: solid 1px #dcdcdc;
  border-left: solid 1px #dcdcdc;
  background: white;
}
.open-ptech-topic .col-1out3:last-child {
  border-right: solid 1px #dcdcdc;
}
.open-ptech-topic a {
  border-bottom: none;
}
.open-ptech-topic a.box-square:hover {
  background: #eaeaea;
}

.open-ptech-topic a.box-square:hover .icon.cybersecurity {
  background: url('../images2019/icon-cybersecurity-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.open-ptech-topic a.box-square:hover .icon.blockchain {
  background: url('../images2019/icon-blockchain-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.open-ptech-topic a.box-square:hover .icon.datascience {
  background: url('../images2019/icon-datascience-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.open-ptech-topic a.box-square:hover .icon.designthinking {
  background: url('../images2019/icon-designthinking-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.open-ptech-topic a.box-square:hover .icon.artificialintelligence {
  background: url('../images2019/icon-artificialintelligence-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.open-ptech-topic a.box-square:hover .icon.professionalskills {
  background: url('../images2019/icon-professionalskills-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.open-ptech-topic a.box-square:hover > .title,
.open-ptech-topic a.box-square:hover > .title h2,
.open-ptech-topic a.box-square:hover > .desc,
.open-ptech-topic a.box-square:hover > .image-title,
.open-ptech-topic a.box-square:hover > .subtitle {
  color: black;
}
.open-ptech-topic a.box-square:hover .pointer {
  background: url(../images2019/icon-link-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.open-ptech-topic .box-square:hover .pointer.external {
  background: url(../images2019/icon-external-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.open-ptech-topic a.box-square:not([href]) {
  background: white;
}
.open-ptech-topic .subtitle {
  position: absolute;
  bottom: 14px;
  left: 16px;
}
.open-ptech-topic .image-title {
  position: absolute;
  top: 54%;
  width: 100%;
  padding: 0 16px;
  font-weight: 500;
}
.open-ptech-topic .image-thumb {
  position: absolute;
  top: 8px;
  width: 100%;
  padding: 0 8px;
  height: 50%;
}
.open-ptech-topic .image-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.open-ptech-topic .col-1out3.row-2 .box-square:first-child {
  border-bottom: solid 1px #dcdcdc;
}
.open-ptech-topic .box-square .image {
  position: absolute;
  top: 16px;
  width: 100%;
  padding: 0 8px;
  height: 74%;
}
.open-ptech-topic .box-square .image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.open-ptech-topic .box-square > .title {
  padding: 16px;
  width: 100%;
  margin: 0 !important;
}
.curriculum-icon {
  padding-top: 2px;
  padding-right: 6px;
}
.open-ptech-topic.layout-odd .col-1out3 {
  background: none;
  border-bottom: none;
}
.open-ptech-topic.layout-odd .box-square {
  background: white;
  border-bottom: solid 1px #dcdcdc;
}
.open-ptech-topic.layout-odd .col-1out3:last-child .box-square {
  border-right: solid 1px #dcdcdc;
}
.open-ptech-topic.layout-odd .col-1out3:last-child {
  border-right: none;
}

/* event style */
.st_school_list.event_list a.box-square {
  background: #f4f4f4;
}
.st_school_list.event_list a.box-square:hover,
.page-events a.box-square:hover {
  background: #eaeaea;
}
.page-events a.box-square:hover > .title {
  color: black;
}
.page-events .box-square:hover .pointer.external {
  background: url(../images2019/icon-external-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.event_list .title h2 {
  font-weight: normal;
}
.event_list .event_tag {
  text-transform: capitalize;
}
.event_list .pw-upcoming .event_tag {
  color: #0062ff;
}
/*
.st_school_list.event_list {
    border-top: solid 1px #dcdcdc;
    border-left: solid 1px #dcdcdc;
}
*/
.page-events a {
  border-bottom: none;
}
.st_school_list.event_list .col-1out3:nth-child(1) .box-square,
.st_school_list.event_list .col-1out3:nth-child(2) .box-square,
.st_school_list.event_list .col-1out3:nth-child(3) .box-square,
.page-events > div > div > .fusion_builder_column_1_3:nth-child(1) .box-square,
.page-events > div > div > .fusion_builder_column_1_3:nth-child(2) .box-square,
.page-events > div > div > .fusion_builder_column_1_3:nth-child(3) .box-square {
  border-top: solid 1px #dcdcdc;
}
.page-events > div > div > .fusion_builder_column_1_3 .box-square,
.page-events
  > div
  > div
  > .fusion_builder_column_1_3
  .box-square.box-rectangle {
  border-right: solid 1px #dcdcdc;
  border-bottom: solid 1px #dcdcdc;
  box-sizing: border-box;
  padding-bottom: 100%;
}
.page-events .title {
  font-size: 28px;
  line-height: 1.2;
  font-weight: normal;
}
.st_school_list.event_list .col-1out3:nth-child(3n + 1) .box-square,
.page-events
  > div
  > div
  > .fusion_builder_column_1_3:nth-child(3n + 1)
  .box-square {
  border-left: solid 1px #dcdcdc;
}
.front-event.st_school_list.event_list .col-1out3 .box-square:nth-child(2) {
  padding-bottom: calc(100% - 3px);
  border-top: none;
}
.front-event.st_school_list.event_list .col-1out3 .box-square:nth-child(1) {
  padding-bottom: calc(100% - 4px);
}
.front-event.st_school_list.event_list .col-1out2:nth-child(1) .box-square {
  border-left: solid 1px #dcdcdc;
}

.st_school_list.event_list .col-1out3:nth-child(3n + 3) .box-square {
  border-right: solid 1px #dcdcdc;
}


/* curriculum */

.curriculum-resources .col-3out4 .box-square {
    box-sizing: border-box;
    border-bottom: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc;
}
.curriculum-resources .col-3out4 .col-1out3:nth-child(1) .box-square,
.curriculum-resources .col-3out4 .col-1out3:nth-child(2) .box-square,
.curriculum-resources .col-3out4 .col-1out3:nth-child(3) .box-square{
  border-top: solid 1px #dcdcdc;
}
.curriculum-resources .col-3out4 .col-1out3:nth-child(3n + 3) .box-square {
  border-right: solid 1px #dcdcdc;
}
.curriculum-resources .col-3out4 .col-1out3:nth-child(3n + 1) .box-square{
  border-left: solid 1px #dcdcdc;
}
.curriculum-resources a:hover {
    background: #e5e5e5;
}
.curriculum-resources a.box-square{
  transition: none;
}
.curriculum-resources a.box-square:hover > .title h2,
.curriculum-resources a.box-square:hover > .title,
.curriculum-resources a.box-square:hover .image-title,
.curriculum-resources a.box-square:hover .subtitle{
  color: black;
}
.curriculum-resources .box-square:hover .pointer.external{
    background: url(../images2019/icon-external-blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}
/* curator */
.crt-widget-grid.crt-grid-col4 .crt-grid-post {
  width: 25%;
  padding-right: 16px;
  padding-bottom: 16px;
}

/* footer style */
footer {
  background: #242a2e;
}
footer ul {
  background: #242a2e;
}
footer nav ul li {
  flex: 1 1 18%;
}
footer nav a {
  display: block;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 16px;
}
footer nav > ul > li > a {
  color: #f2f4f8;
  font-weight: 500;
}
footer nav > ul > li > a:not([href]) {
  color: #f2f4f8;
}
footer nav ul li ul li a {
  color: #d5d9e0;
}
footer nav > ul#menu-footer-menu > li > ul > li > a {
  margin-bottom: 4px;
}
footer .social {
  flex: 1 1 auto;
  text-align: right;
}
.copyright {
  color: #d5d9e0;
  flex: 0 1 72%;
  font-size: 13px;
}
.copyright a {
  color: #d5d9e0;
  margin-left: 30px;
  font-size: 13px;
}
/* start translation widget  */

div#ibm-tw-selector-div-id {
  height: unset !important;
}
table#ibm-tw-ui-container {
  margin: 0;
  border: 0;
}
#ibm-tw-ui-container select {
  color: white;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  height: 14px;
  font-size: 11px;
  font-weight: 400;
  font-family: 'IBM Plex Sans', Arial, Helvetica, sans-serif;
  letter-spacing: 0px;
  -webkit-appearance: none;
  padding-right: 25px;
  background: url(../images2019/chevron-white-down.svg) right 0.5vw center
    no-repeat;
  background-size: 10px 4px;
  min-width: 140px;
  background-color: #242a2e;
}
.ibm-tw-selector-table-default {
  height: 20px;
}
/* done translation widget  */

/* general style */
.fusion-post-content p,
.post-content p {
  margin: 1em 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
.fusion-modal h1,
.fusion-page-title-bar h1,
.fusion-title h1,
.fusion-widget-area h1,
.post-content h1,
.search-page-search-form h1,
h1, .h1  {
  font-size: 42px;
  font-weight: 300;
  line-height: 50px;
  color: #171717;
}
.fusion-title h1 p{
  font-size: 42px;
  font-weight: 300;
  line-height: 50px;
}
.post-content h1.txt-larger {
  font-size: 60px;
  line-height: 70px;
}

.fusion-title h1 p {
  line-height: 50px;
}
.fusion-modal h2,
.fusion-page-title-bar h2,
.fusion-title h2,
.fusion-widget-area h2,
.post-content h2,
.search-page-search-form h2,
h2 {
  font-size: 28px;
  line-height: 36px;
  font-weight: normal;
}
.fusion-modal h3,
.fusion-page-title-bar h3,
.fusion-title h3,
.fusion-widget-area h3,
.post-content h3,
.search-page-search-form h3,
h3 {
  font-size: 20px;
  line-height: 26px;
  color: #171717;
  font-weight: normal;
}
.post-content h3.txt-larger {
  font-size: 24px;
  line-height: 38px;
}

.fusion-modal h4,
.fusion-page-title-bar h4,
.fusion-title h4,
.fusion-widget-area h4,
.post-content h4,
.search-page-search-form h4,
h4,
.fusion-modal .h4 h2,
.fusion-page-title-bar .h4 h2,
.fusion-title .h4 h2,
.fusion-widget-area .h4 h2,
.post-content .h4 h2,
.search-page-search-form .h4 h2,
.h4 h2 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.margin-top-0 {
  margin-top: 0 !important;
}
.margin-top-xxlarge {
  margin-top: 160px !important;
}
.margin-top-xlarge {
  margin-top: 88px !important;
}
.margin-top-large {
  margin-top: 64px !important;
}
.margin-top-xmedium {
  margin-top: 48px !important;
}
.margin-top-medium {
  margin-top: 32px !important;
}
.margin-top-small {
  margin-top: 16px !important;
}
.padding-left-0 {
  padding-left: 0;
}
.padding-top-xxlarge {
  padding-top: 160px;
}
.padding-top-xlarge {
  padding-top: 88px;
}
.padding-top-large {
  padding-top: 64px;
}
.padding-top-xmedium {
  padding-top: 48px;
}
.padding-top-medium {
  padding-top: 32px;
}
.padding-top-small {
  padding-top: 16px;
}
.padding-top-xsmall {
  padding-top: 8px;
}
.padding-right-xxlarge {
  padding-right: 160px;
}
.padding-right-xlarge {
  padding-right: 88px;
}
.padding-right-large {
  padding-right: 64px;
}
.padding-right-xmedium {
  padding-right: 48px;
}
.padding-right-medium {
  padding-right: 32px;
}
.padding-right-small {
  padding-right: 16px;
}
.padding-left-xxlarge {
  padding-left: 160px;
}
.padding-left-xlarge {
  padding-left: 88px;
}
.padding-left-large {
  padding-left: 64px;
}
.padding-left-xmedium {
  padding-left: 48px;
}
.padding-left-medium {
  padding-left: 32px;
}
.padding-left-small {
  padding-left: 16px;
}

.padding-left-small-desktop-lablet {
  padding-left: 16px;
}
.padding-bottom-xxlarge {
  padding-bottom: 160px;
}
.padding-bottom-xlarge1 {
  padding-bottom: 128px;
}
.padding-bottom-xlarge {
  padding-bottom: 88px;
}
.padding-bottom-large {
  padding-bottom: 64px;
}
.padding-bottom-xmedium {
  padding-bottom: 48px;
}
.padding-bottom-medium {
  padding-bottom: 32px;
}
.padding-bottom-small {
  padding-bottom: 16px;
}
.padding-bottom-xsmall {
  padding-bottom: 8px;
}
.col {
  display: flex;
  flex-wrap: wrap;
}
.flex-end {
  justify-content: flex-end;
}
.col-3out16 {
  flex: 0 1 18.75%;
}
.col-1out1 {
  flex: 0 1 100%;
}
.col-1out5 {
  flex: 0 1 20%;
}
.col-1out2 {
  flex: 0 1 50%;
}
.col-1out3 {
  flex: 0 1 33.33%;
}
.col-2out3 {
  flex: 0 1 66%;
}
.col-1out4 {
  flex: 0 1 25%;
}
.col-1out8 {
  flex: 0 1 12.5%;
}
.col-2out4 {
  flex: 0 1 50%;
}
.col-3out4 {
  flex: 0 1 75%;
}
.width25 {
  width: 25%;
}
.width75 {
  width: 75%;
}
.widht33 {
  width: 33%;
}
.width50 {
  width: 50%;
}
.width60 {
  width: 60%;
}
.width65 {
  width: 65%;
}
.width80 {
  width: 80%;
}
.width90 {
  width: 90%;
}
ol,
ul {
  margin: 0;
  padding: 0;
  margin-left: 17px;
}
ul.dashed-ul {
  list-style-type: none;
  margin: 0;
  margin-left: 17px;
}
ul.dashed-ul > li {
  text-indent: -17px;
}
ul.dashed-ul > li:before {
  content: '\2014  ';
  text-indent: -17px;
}
hr {
  border: none;
  height: 1px;
  color: #d3d3de; /* old IE */
  background-color: #d3d3de; /* Modern Browsers */
}
.image-landscape {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding: 75% 0 0 0; /* 34.37% = 100 / (w / h) = 100 / (640 / 220) */
}
.image-landscape img {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.border-all {
  border: solid 1px black;
}
.border-top {
  border-top: solid 1px black;
}
.border-left {
  border-left: solid 1px black;
}
.border-right {
  border-right: solid 1px black;
}
.border-bottom {
  border-bottom: solid 1px black;
}

.border-top-gray {
  border-top: solid 1px #dcdcdc;
}
.border-left-gray {
  border-left: solid 1px #dcdcdc;
}
.border-right-gray {
  border-right: solid 1px #dcdcdc;
}
.border-bottom-gray {
  border-bottom: solid 1px #dcdcdc;
}
.border-disable {
  border: none !important;
}
.border-all-blue {
  border: solid 1px #0f62fe;
}

.txt-xxlarge {
  font-size: 28px;
  line-height: 36px;
}
.txt-xlarge {
  font-size: 20px;
  line-height: 26px;
}
.txt-small {
  font-size: 14px;
  line-height: 18px;
}
.txt-xsmall {
  font-size: 12px;
  line-height: 16px;
}
.txt-cyan,
.post-content h2.txt-cyan {
  color: #b3e6ff !important;
}
.txt-blacklight {
  color: #171717 !important;
}
.txt-blue1 {
  color: #04196c !important;
}
.txt-blue2 {
  color: #003d73 !important;
}
.txt-blue3 {
  color: #0f62fe !important;
}
a.txt-blue3:hover {
  color: #0353e9 !important;
}
.txt-blue4 {
  color: #e3f6ff !important;
}
.txt-blue5 {
  color: #010f41 !important;
}
.txt-blue6 {
  color: #0062ff !important;
}
.txt-blue7 {
  color: #032b30 !important;
}
.txt-blue8 {
  color: #032649 !important;
}
.txt-white {
  color: white !important;
}
.txt-green {
  color: #004548 !important;
}
.txt-green1 {
  color: #01330f !important;
}
.txt-green2 {
  color: #9deeb2 !important;
}
.txt-green3 {
  color: #071908 !important;
}
.txt-purple {
  color: #38146b !important;
}
.txt-purple1 {
  color: #310e5e !important;
}
.txt-purple2 {
  color: #f7f1ff !important;
}
.txt-purple3 {
  color: #1c0e30 !important;
}
.txt-grey {
  color: #6f6f6f !important;
}

.txt-grey1 {
  color: #8d8d8d !important;
}

.txt-weight-normal {
  font-weight: normal !important;
}
.txt-alignright {
  text-align: right;
}
.txt-alignleft {
  text-align: left;
}
img.full-img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

img.full-img.full100 {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.bg-purplelight {
  background: #f7f1ff;
}
.bg-purple {
  background: #310e5e;
}
.bg-purple1 {
  background: #e8d9ff;
}
.bg-purple2 {
  background: #1c0e30;
}
.bg-white {
  background: white;
}
.bg-navy {
  background: #002b50;
}
.bg-blue {
  background: #0062ff;
}
.bg-bluelight {
  background: #e3f6ff;
}
.bg-bluelight1 {
  background: #d0e1ff;
}
.bg-bluelight2 {
  background: #a7c7ff;
}
.bg-bluelight3 {
  background: #edf5ff;
}
.bg-bluelight4 {
  background: #d9fbfb;
}
.bg-bluelight5 {
  background: #bbe5ff;
}
.bg-bluedark {
  background: #002b50;
}
.bg-cyan {
  background: #b3e6ff;
}
.bg-grey {
  background: #f3f3f3;
}
.bg-grey1 {
  background: #f4f4f4;
}
.bg-lightblue {
  background: #d0e1ff;
}
.bg-blue1 {
  background: #04196c;
}
.bg-turquoise {
  background: #92eeee;
}

.bg-turquoiselight {
  background: #dbfbfb;
}
.bg-green {
  background: #004548;
}
.bg-greendark {
  background: #01330f;
}
.bg-greenlight {
  background: #dafbe4;
}
.bg-green1 {
  background: #9deeb2;
}
.bg-green2 {
  background: #a7f0ba;
}
p,
body li {
  line-height: 24px;
}
#main .post h2 a,
.about-author .title a,
.fusion-content-widget-area .widget .recentcomments a,
.fusion-content-widget-area .widget li a,
.fusion-content-widget-area .widget_categories li,
.fusion-hide-pagination-text .pagination-next:after,
.fusion-hide-pagination-text .pagination-prev:before,
.fusion-load-more-button,
.fusion-rollover a,
.pagination .pagination-next:after,
.pagination .pagination-prev:before,
.project-content .project-info .project-info-box a,
.shop_attributes tr th,
.single-navigation a[rel='next']:after,
.single-navigation a[rel='prev']:before,
body a,
a {
  border-bottom: solid 1px #0f62fe;
}
body footer a,
.country-item a,
a.case_item,
a.faq_question,
a#logo-main,
a#search-main,
a#profile-main,
a#mobile-menu,
ul#menu-main-menu-mobile > li li a {
  border-bottom: none;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.content .fusion-text.width75 p:nth-child(1) {
  margin-top: 0;
}
.fusion-builder-row.fusion-row.content {
  max-width: 1200px;
  width: 1200px;
}
.st-fusion-div .fusion-layout-column.fusion-one-third {
  margin-right: 0 !important;
  width: 32.33% !important;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fusion-video.fusion-youtube {
  max-width: unset !important;
  max-height: unset !important;
  margin-top: 64px !important;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.mobile-only {
  display: none;
}
.table-age-consent table {
  width: 100%;
  border: 1px solid #dcdcdc;
  margin-top: 48px;
}
.table-age-consent tr:nth-child(even) {
  background: #f6f6f6;
}
.table-age-consent tr td {
  width: 50%;
  border: 1px solid #dcdcdc;
  padding: 10px 20px;
}
#main .post h2,
#main .reading-box h2,
#main h2,
.ei-title h2,
.fusion-modal h2,
.fusion-title h2,
.fusion-widget-area h2,
.main-flex .slide-content h2,
.post-content h2,
.title h2 {
  letter-spacing: 0 !important;
}

div#st-slide {
  min-height: 32.536585365854vw;
}
.Slide {
  display: flex !important;
}
.slider .Slide .width75 h2 {
  min-height: 108px;
}
.slider-pager {
  z-index: 999999999;
  position: absolute;
  bottom: 80px;
}
.slider-pager span {
  color: #eaeaea;
  font-size: 18px;
  padding: 3px;
  font-family: auto;
  cursor: pointer;
  opacity: 0.5;
}
.slider-pager .cycle-pager-active,
.slider-pager span:hover {
  opacity: 1;
}
div.stackla-widget {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 112px;
}
/* https://www.ptech.org/p-tech-network/news/p-tech-poland-partners-with-national-polish-radio-symphony-orchestra-to-create-a-web-application-with-ai-nospr-ai/?lang=1 */
.page-id-8142 .post-content h3 {
  font-weight: 500;
}
.page-id-8142 .fusion-testimonials.clean blockquote q {
  text-align: left;
}
.page-id-8142 .st-custom-casestudy .fusion-text p:first-child {
  flex: 0 1 auto;
  margin-bottom: 0;
}

.modal-badges-banner img.full-img {
  height: 255px;
}

/* tooltips1  */

.tooltip1 {
  position: relative;
  display: inline-block;
}

.tooltip1 .tooltiptext {
  visibility: hidden;
  position: absolute;
  font-size: 14px;
  width: 120px;
  background-color: #393939;
  color: #fff;
  text-align: center;
  padding: 8px 16px;
  line-height: 24px;
  border-radius: 3px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip1:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltip-right {
  top: -5px;
  left: 125%;
}

.tooltip-right::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #393939 transparent transparent;
}

.tooltip-bottom {
  top: 98%;
  left: 50%;
  margin-left: -60px;
}

.tooltip-bottom::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 20%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #393939 transparent;
}

.tooltip-top {
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
}

.tooltip-top::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #393939 transparent transparent transparent;
}

.tooltip-left {
  top: -5px;
  bottom: auto;
  right: 128%;
}
.tooltip-left::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #393939;
}
a#profile-main {
  font-size: 14px;
}
/* responsive  */

@media only screen and (max-width: 1220px) {
  .content,
  .content,
  .fusion-layout-column.fusion-column-last.content {
    margin-left: 30px;
    margin-right: 30px;
  }

  .st-fusion-div
    .fusion-layout-column.fusion_builder_column.fusion_builder_column_1_4.fusion-builder-column-4 {
    margin-right: 0 !important;
  }
}

@media only screen and (max-width: 1110px) {
  .event_list .title h2,
  .page-events .title {
    font-size: 22px;
  }
}

@media only screen and (max-width: 1020px) {
  .event_list.col-3out4 {
    flex: 1 0 100%;
  }
  .event_list .title h2,
  .page-events .title {
    font-size: 28px;
  }
  .st-fusion-div div {
    flex-wrap: wrap;
  }
  .page-events {
    flex: 1 1 100%;
    width: 100% !important;
  }
  .page-events > div > div {
    margin: 0;
  }
}
@media only screen and (min-width: 831px) {
  .country-list,
  .usa_states_list,
  .usa_pathways.active,
  #usa_pathway_legend {
    display: block !important;
  }
}
@media only screen and (max-width: 830px) {
  .crt-widget button {
    display: none;
  }
  .banner .content .more-info {
    width: 40%;
  }
  .padding-left-small-desktop-lablet {
    padding-left: 0px;
  }
  .front-school.students .title.txt-xxlarge {
    position: unset;
  }
  .mobile-only {
    display: block;
  }
  .mobile-only.student-name .title {
    position: static;
  }
  .mobile-only.student-name.box-square {
    border-left: solid 1px black;
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    padding-bottom: 96px;
  }
  .front-school.students .title.txt-xxlarge {
    height: auto;
  }
  #map1 {
    height: 300px;
  }
  .country-item {
    flex: 0 1 50%;
  }
  .col.col-3 .col-1out8 {
    flex: 0 1 25%;
  }
  .col.col-4 .col-1out4,
  .col.col-3 .col-1out4,
  .col.col-2 .col-1out4 {
    flex: 0 1 50%;
  }
  .col.col-3 .col-1out3,
  .col.col-2 .col-2out4,
  .col.col-2 .col-1out3,
  .col.col-2 .col-1out4,
  .col.col-2 .col-3out4,
  .col.col-1 .col-1out3,
  .col.col-1 .col-3out4,
  .col.col-2 .copyright,
  .col.col-4 .col-3out4,
  .col.col-3 .col-2out3,
  .col.col-2 .col-2out3,
  .col.col-2 .col-1out2,
  .col.col-2 .lang {
    flex: 0 1 100%;
  }
  .col.col-1 .col-3out4.col-3 .col-1out3 {
    flex: 0 1 33%;
  }
  .front-school .col-1out4:nth-child(2) .box-square {
    border-right: solid 1px black;
  }
  .front-school .col-1out4:nth-child(1) .full-img:first-child {
    border-bottom: solid 1px black;
  }
  .front-school.openptech-index .col-1out4:nth-child(1) .full-img:first-child {
    border-bottom: none;
  }
  footer nav li {
    display: none;
  }
  .desktop-only {
    display: none;
  }
  nav.mobile-only {
    display: flex;
    justify-content: flex-end;
    font-size: 20px;
    margin-right: 40px;
  }
  .case_item .title {
    padding-top: 16px;
  }
  .case_item > div:last-child {
    padding-left: 0;
  }
  .width25 {
    width: 50%;
  }
  .st_school_list .col-1out3 {
    flex: 0 1 50%;
  }
  .st_school_list .col-1out3:nth-child(3n + 3) .box-square {
    border-right: solid 1px #dcdcdc;
  }
  .st_school_list .col-1out3:nth-child(even) .box-square {
    border-right: solid 1px white;
  }
  .front-school.students .box-square.graphic {
    display: none;
  }
  .front-school.students .col-2out4,
  .front-school.students .col-1out4 {
    flex: 1 1 100%;
  }
  .partner-chart .col-1out2 .box-square {
    padding-bottom: 150%;
  }
  .partner-chart .col-1out2 .width60 {
    width: 100%;
  }
  .front-school.students:nth-child(4n + 1)
    .col-1out4:nth-child(2)
    .box-square:last-child,
  .front-school.students:nth-child(4n + 2) .box-square {
    border-left: solid 1px black;
  }
  .front-school.students:nth-child(4n + 3) > .col-2out4:first-child .box-square,
  .front-school.students:nth-child(4n + 4)
    > .col-2out4:last-child
    .col-2out4:first-child
    .box-square {
    border-right: solid 1px black;
  }
  .front-school.students:nth-child(4n + 2)
    > .col-2out4:nth-child(2)
    > .box-square
    .title.txt-xxlarge {
    margin-top: 0px;
    padding-top: 32px;
  }
  header#st-main {
    margin-bottom: 32px;
  }

  .st_school_list.event_list .col-1out3:nth-child(3) .box-square {
    border-top: none;
  }
  .st_school_list.event_list .col-1out3:nth-child(3n + 1) .box-square {
    border-left: none;
  }
  .st_school_list.event_list .col-1out3:nth-child(even) .box-square {
    border-right: solid 1px #dcdcdc;
  }
  .st_school_list.event_list .col-1out3:nth-child(odd) .box-square {
    border-left: solid 1px #dcdcdc;
  }
  .front-event.st_school_list.event_list .box-square {
    border-left: solid 1px #dcdcdc;
  }
  /*
    #school-more-list{
        flex-direction: column-reverse;
        flex-wrap: nowrap;
    }
    #school-more-list > .col-1out4.padding-right-xmedium{
        margin-top: 70px;
    }*/
  #school-more-list h4.padding-bottom-medium.txt-grey,
  #usa_pathways h4.padding-bottom-medium.txt-grey,
  #usa_states h4.padding-bottom-medium.txt-grey,
  h4.country-list-title {
    cursor: pointer;
  }
  #school-more-list h4.padding-bottom-medium.txt-grey:after,
  #usa_pathways h4.padding-bottom-medium.txt-grey:after,
  #usa_states h4.padding-bottom-medium.txt-grey:after,
  h4.country-list-title:after {
    background: url(/wp-content/themes/ptech/images2019/chevron-black-down.svg);
    content: '';
    margin-left: 10px;
    padding-left: 25px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
  }
  #school-more-list .st_pathways,
  #usa_pathways .usa_pathways,
  #usa_states .usa_states_list,
  #usa_pathway_legend,
  .country-list {
    display: none;
  }
  .st-pager,
  .slider-pager {
    display: none;
  }
}

@media only screen and (max-width: 800px) {
  .fusion-layout-column.content {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .fusion-body .fusion-layout-column {
    width: unset !important;
    flex: 1 1 100%;
  }
  .st-fusion-div .fusion-builder-row .content {
    margin-left: 0px;
    margin-right: 0px;
  }
  .fusion-builder-row.fusion-row.content {
    width: unset !important;
    display: flex;
    flex-wrap: wrap;
  }

  .st-fusion-div .fusion-layout-column.fusion-one-fourth {
    padding-bottom: 16px;
  }

  .st-fusion-div .fusion-layout-column.fusion-one-third {
    flex: 1 1 100%;
  }
  .page-events a {
    border-bottom: none;
    border-left: solid 1px #dcdcdc;
  }
  .st-custom-casestudy > div {
    flex-wrap: wrap;
  }

  .st-custom-casestudy > div span.fusion-imageframe {
    flex: 1 0 33%;
  }
}

@media only screen and (max-width: 780px) {
  .col.col-1 .col-3out4.col-3.open-ptech-topic .col-1out3 {
    flex: 0 1 50%;
  }
}

@media only screen and (max-width: 640px) {
  .home .more-info .title {
    max-width: 70%;
  }
  .home h1 {
    margin-bottom: 32px;
  }
  .banner img {
    height: 50vh;
    width: auto;
    object-fit: cover;
  }
  .title {
    margin-bottom: 0px !important;
  }
  .box-rectangle > .title {
    margin: 16px !important;
  }
  .box-rectangle.box-rectangle-small > .title {
    margin: 9px !important;
  }
  .box-square > .title {
    margin: 16px !important;
  }
  .front-school.students:nth-child(4n + 2)
    > .col-2out4:nth-child(2)
    > .box-square
    .title.txt-xxlarge {
    margin-top: 0 !important;
  }
  .partner-chart .box-square > .title {
    margin-top: 0 !important;
  }

  /* override fusion style */
}
@media only screen and (max-width: 530px) {
  a#logo-main {
    flex: 1 1 auto;
  }
  .post-content h1.txt-larger {
    font-size: 42px;
    line-height: 50px;
  }
  a#logo-main img {
    height: 24px;
  }
  .model-chart.openptech .col-1out3 ~ .col-1out3 + .col-1out3 .desc {
    top: 160px;
  }

  footer nav {
    display: none;
  }
  .copyright {
    padding-top: 50px;
  }
  .col.col-1 .col-3out4.col-3 .col-1out3,
  .col.col-4:not(.front-school) .col-1out4,
  .front-news .col-1out3,
  .col.col-2 .col-2out3 {
    flex: 0 1 100%;
  }
  .country-item {
    flex: 0 1 100%;
  }
  .width25,
  .width60,
  .width65,
  .width75,
  .width90,
  .width80 {
    width: 100%;
  }
  .box-square > .stats .num {
    font-size: 60px;
  }
  .box-square.box-square-tall {
    padding-bottom: 100%;
    min-height: 510px;
    box-sizing: border-box;
  }
  .copyright {
    text-align: left;
  }
  .copyright a {
    display: block;
    text-align: left;
    margin: 0;
  }
  .copyright a:first-child {
    margin-top: 15px;
  }
  .st_school_list .col-1out3 {
    flex: 0 1 100%;
  }
  .st_school_list .col-1out3:nth-child(3n + 3) .box-square {
    border-right: solid 1px white;
  }
  .front-school .box-square > .title {
    top: 0;
  }
  .box-square > .title {
    top: 32px;
  }
  .partner-chart .box-square > .title {
    top: 16px;
  }
  body.page-template-roadmap .col-1out4.border-bottom-gray {
    display: none;
  }
  a.roadmap-head {
    margin-top: 34px;
  }
  a.roadmap-head.col-3out16 {
    flex: 1 1 18.75%;
  }
  .partner-chart .col-1out2 {
    flex: 1 1 100%;
  }
  .front-school.school-index .col-1out4:nth-child(4) .box-square:nth-child(1) {
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    border-top: none;
  }
  .front-school.school-index .col-1out4:nth-child(3) .box-square:nth-child(1) {
    border-top: none;
  }
  .banner .content .more-info {
    width: 60%;
  }

  .st_school_list.event_list .col-1out3:nth-child(2) .box-square {
    border-top: none;
  }
  .st_school_list.event_list .col-1out3:nth-child(even) .box-square {
    border-right: solid 1px #dcdcdc;
    border-left: solid 1px #dcdcdc;
  }
  .open-ptech-topic .col-1out3 {
    border-left: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc;
  }
  .col.col-1 .col-3out4.col-3.open-ptech-topic .col-1out3 {
    flex: 1 1 100%;
  }
}

#main #comment-submit,
#main .comment-submit,
#reviews input#submit,
.button-default,
.button.default,
.comment-form input[type='submit'],
.fusion-button,
.fusion-button-default,
.fusion-portfolio-one .fusion-button,
.post-password-form input[type='submit'],
.slidingbar-area .button-default,
.ticket-selector-submit-btn[type='submit'],
.tml-submit-wrap input[type='submit'],
.wpcf7-form input[type='submit'],
.wpcf7-submit,
input.button-default {
  letter-spacing: 0;
}

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.grecaptcha-badge {
  display: none !important;
}
.st-ol {
    list-style-type: decimal;
    margin-left: 20px;

}
.bg-blue8 {
    background: #A6C8FF;
}
.bx--row .flex_col_end {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
li.bx--legal-nav__list-item {
    display: none;
}


.wpcf7-select-parent .select-arrow{
  left: unset;
}