body {font-size:14px; line-height: 20px;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 12px; margin-top:24px;}
h1 {font-size: 24px; line-height: 28px; font-weight: 700; margin-top:0; width: 80%; position:relative; z-index: 99;}
h2 {font-size: 24px; font-weight: 500;}
h3 {font-size: 18px; font-weight: 500;}
h4 {font-size: 15px; font-weight: 700;}
h5 {font-size: 15px; font-weight: 500;}
h6 {font-size: 12px; font-weight: 700;}

.navbar {min-height:118px;}
.navbar-menu.in {display:block;}
.navbar-header {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-start; padding:12px;}
.navbar-brand img {width:80px; height: 80px;}
.navbar-brand .title {font-size:18px; line-height:22px; max-width: 120px; margin-left: 12px;}
.navbar-burger {position: absolute; right: 48px;}
.navbar-burger span {background-color:#203d7c; height: 5px; left: calc(50% - 18px); width: 36px; border-radius: 50px;}
.navbar-burger span:nth-child(1) {top: calc(50% - 15px);}
.navbar-burger span:nth-child(2) {top: calc(50% - 7px); font-family: 'Inter'; font-size: 12px; color: #203d7c; font-weight: 600; line-height: 24px;}
.navbar-burger span:nth-child(3) {top: calc(50% + 11px);}
.navbar-burger.is-active span:nth-child(1) {top:calc(50% - 6px);}
.navbar-burger.is-active span:nth-child(3) {top:calc(50% + 4px);}

.nav.navbar-nav {margin-left:0;}
.navbar-start {column-count: 3;}
.nav .nav-item {padding: 9px 0 9px 12px; font-size:16px; break-inside: avoid-column;}
.nav .nav-item:nth-of-type(2) {break-after:column; display:block;}
.nav .nav-item a {text-decoration:none;}
.nav .dropdown {display:block;-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
.nav .dropdown.is-active .dropdown-menu {width:100%; display:contents;}
.navbar .nav-item .dropdown-menu li {padding:0; list-style:disc; margin-left:18px;}
.navbar .nav-item .dropdown-menu li a.dropdown-item {font-size:15px; padding: 6px 0 6px 3px;}
.navbar-end {column-count:2;}
.navbar-end .nav-item {padding: 16px 0;}
.navbar-end .nav-item:hover {background-color: transparent;}
.navbar-end .nav-item a {background-color: #203d7c; border: 1px solid #203d7c; border-radius: 0 0 42px 0; color:#fff; padding: 15px 85px 15px 32px; margin-top: 0; transition: background-color 0.3s ease, color 0.3s ease;}
.navbar-end .nav-item:hover a {background-color: #fff; color: #203d7c;}

.hide-on-mobile {display:none;}
.row-pop {margin: 0 -6%;}
.pop-full {width:auto!important;}

.stripe {background-image: url("/themes/demo/assets/images/certified-analytics-professionals-cap-acap-border-strip.jpg"); height: 24px; width: auto; background-size: cover; background-position: left; max-width: inherit; margin: 0 -6%;}

/*-------------shapes setup ----------------*/
.arc-green-mobile {background-image: url("data:image/svg+xml,%3Csvg class='bottom-right' width='180' height='180' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='dk-blue bottom-right' d='M50,0H0V50A50,50,0,0,1,50,0Z' fill='%2381bd41' transform='rotate(270deg)' /%3E%3C/svg%3E"); background-repeat:no-repeat; height: 140px; position: relative; top: 0; margin-bottom: -140px; position:relative; z-index:-10;}
.arc-green-mobile-180 {background-image: url("data:image/svg+xml,%3Csvg width='178.5' height='178.5' viewBox='0 0 45 45' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath  d='M50,0H0V50A50,50,0,0,1,50,0Z' fill='%2381bd41' /%3E%3C/svg%3E"); background-repeat:no-repeat; background-position: bottom; width: 178.5px; height: 178.5px; float:right; margin-right: -6%; margin-bottom:-180px; position:relative; z-index:-10;}
.arc-lt-blue-mobile-180 {background-image: url("data:image/svg+xml,%3Csvg width='178.5' height='178.5' viewBox='0 0 45 45' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath  d='M50,0H0V50A50,50,0,0,1,50,0Z' fill='%236377A3' /%3E%3C/svg%3E"); background-repeat:no-repeat; background-position: bottom; width: 178.5px; height: 178.5px; float:right; margin-right: -6%; margin-bottom:-180px;}
.arc-dk-orange-mobile {background-image: url("data:image/svg+xml,%3Csvg width='178.5' height='178.5' viewBox='0 0 45 45' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50,0H0V50A50,50,0,0,1,50,0Z' fill='%23EE7623' /%3E%3C/svg%3E"); background-repeat: no-repeat;}
.circle-lt-blue-mobile {background-color: #6377A3; height: 180px; width:112%; border-top-left-radius: 180px; border-top-right-radius: 180px; margin:0 -6% -102px; z-index:-1; display: flex; justify-content: flex-start; align-items: flex-end; padding: 0 5% 12px; color: #fff; position: relative; top:-90px;}
.ethics-img {max-width:150px;}
.arc-in-bottom-left, .double-arc-right-wCirc {height:0;}

.top-right-mobile {transform: rotate(90deg);}
.bottom-right-mobile {transform: rotate(180deg);}
.bottom-left-mobile {transform: rotate(270deg);}
.mobile-margin--6 {margin-right:0;}
.width-90-mobile {width:87%;}
.width-80-mobile {width:80%;}

#layout-content .container {padding: 0 5%;}
.button {position: relative; left: -6%; padding-left: 6%; white-space:inherit; text-align:left;}

.cta {margin-left:-6%; margin-right:-6%; padding-left: 6%; padding-right: 6%;}
.cta.corner-right-top-mobile {border-radius: 0 50px 0 0;}
.cta.corner-right-bottom-mobile {border-radius: 0 0 50px 0;}

/* Accordion styles */
.tabs {
  overflow: hidden;
  display:block;
  margin-left:-6%; 
  margin-right:-6%;
  font-size:14px;
}
.tabs input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab {
  width: 100%;
  color: #202225;
  overflow: hidden;}
.tab-label {
    display: flex;
    justify-content: flex-start;
    padding: 1em;
    font-weight: 600;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size:18px;
}    
.tab.orange .tab-label {background: #EE7623;}
.tab.lt-orange .tab-label {background: #f7ba91;}
.tab.dk-blue .tab-label {background: #203d7c;}
.tab.green .tab-label {background: #81bd41;}
.tab.lt-blue .tab-label, .tab.lt-blue-mobile .tab-label {background: rgba(99, 119, 163, 0.5);}

/* Icon */
.tab-label::before {
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='23' viewBox='0 0 20 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5,0,23,20H0Z' fill='%23ee7623' /%3E%3C/svg%3E");
      width: 20px;
      height: 20px;
      text-align: left;
      transition: all .35s;
      color: #ee7623;
      margin-right:12px;
      transform: rotate(90deg) translate(-1px, 0px);
    }
.tab.lt-blue .tab-label::before, .tab.lt-blue-mobile .tab-label::before {background-image: url("data:image/svg+xml,%3Csvg width='20' height='23' viewBox='0 0 20 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5,0,23,20H0Z' fill='%23203d7c' /%3E%3C/svg%3E");}
.tab-content {
    max-height: 0;
    padding: 0 1em;
    color: #202225;;
    background: white;
    transition: max-height .3s ease, padding .3s ease;
    white-space:normal;
  }
.tab-content p:last-child {margin-bottom:0;}
.tab-content .colflow, .colflow {columns: 40px 2;}
.tabs .column:last-child {padding: 0 0 .75rem 0;}
.columns .tabs .lt-blue-mobile .tab-label {margin-bottom:12px}
/* :checked */
/*input[type=checkbox]:checked + .tab-label {background: #ee7623;}*/
input[type=checkbox]:checked + .tab-label::before {transform: rotate(180deg);}
input[type=checkbox]:checked ~ .tab-content {max-height: 100vh;padding: 12px 5%;}

.no-margin-top-mobile {margin-top:0;}
.no-margin-bottom-mobile {margin-bottom:0!important;}
.no-padding-mobile {padding:0;}
.no-padding-mobile .tab-label {padding:1em 2em;}
.no-padding-mobile input[type=checkbox]:checked ~ .tab-content {padding: 12px 8%;}

/*Homepage*/
.border .news .item {margin-bottom: 12px;}

.border-mobile {border-width:3px 3px 0 3px; border-style: solid; padding: 12px 5%; background-color:#fff;}
.border-mobile:last-child {border-bottom-width: 3px;}
.border-mobile h3 {margin-top:0;}
.columns.is-mobile .border-mobile h3 {text-align:right;}
.border-mobile h4 {margin-top: 6px; margin-bottom: 6px;}
.border-mobile .indent {margin-left: 18px;}
.border-mobile.orange {border-color:#EE7623;}
.border-mobile.lt-orange {border-color:#f7ba91;}
.border-mobile.dk-blue {border-color:#203D7C;}
.border-mobile.lt-blue {border-color:#6377A3;}
.border-mobile.green {border-color:#81BD41;}

.border-mobile.corner-left-top {border-radius: 50px 0 0 0;}
.border-mobile.corner-right-top {border-radius: 0 50px 0 0;}
.border-mobile.corner-right-bottom {border-radius: 0 0 50px 0;}
.border-mobile.corner-left-bottom {border-radius: 0 0 0 50px;}
.border-mobile.corner-none {border-radius: 0;}

.step {height:93px; margin-left: -6%;}
.step img {height: 100%; width: auto; background-size: cover; background-position: left; max-width: inherit;}
.numeral {
    background: white;
    height: 93px;
    width: 93px;
    border-radius: 50px;
    color: #203D72;
    font-size: 64px;
    font-family: 'Inter';
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -98px;
}
.numeral.\32 {left: 93px;}
.numeral.\33 {left: 186px;}
.indent p {margin-bottom:6px;}
.indent h6 {margin-top:0; margin-bottom:6px;}
.stat {float: left; font-size: 42px; margin: 9px 18px 6px 0;}
.jta .weights .circle {width: 100px; height: 100px;}

.testimonials-main {display:block;}
.testimonial-back .container {padding: 0!important;}
.col-md-3, .col-md-9 {width: 100%; display: inline-flex;}
.testimonials-text {padding-top:0!important; padding-bottom:0!important; margin-top:0!important; margin-bottom:0!important;}
.box {padding:0;}

.block h2 {font-size: 24px;}

.classitem {display:block;}
.classinfo {padding-bottom:12px;}

.radio {font-size: 14px;}

iframe {max-width:100%;}

table, .dataTable.no-footer {max-width:100%;}
.dataTable.no-footer {width:100%!important;}
#certificants_table th {font-size:14px; padding: 7.5px 6px;}
#certificants_table td {padding: 7.5px 6px;}
.dataTables_wrapper .dataTables_paginate {float:none; text-align:center;}
#certificants_table tr th:nth-child(2), #certificants_table tr td:nth-child(2), #certificants_table tr th:nth-child(3), #certificants_table tr td:nth-child(3) {display: none;}

.sampTest, .sampTest tbody, .sampTest tr, .sampTest th, .sampTest td, .pdu-table, .pdu-table tbody, .pdu-table tr, .pdu-table th, .pdu-table td {display:block;}
.sampTest tr:first-child, .pdu-table tr:first-child {display: none;}
.sampTest td {border: none;padding-left: 50%!important;}
.pdu-table td {border: none;padding-left: 40%!important;}
.sampTest td::before, .pdu-table td:before {
    position: absolute;
    left: 15%;
    width: 45%;
    padding-right: 10px;
    white-space: break-spaces;
    color: #202225;
}
.pdu-table td:before {left:10%;}
.sampTest td:nth-of-type(2)::before {content: 'Gasoline Technology';}
.sampTest td:nth-of-type(3)::before {content: '"Green" Technology';}
.pdu-table td:nth-of-type(1):before {content: 'PDU Category';}
.pdu-table td:nth-of-type(2):before {content: 'Description of Policy';}
.pdu-table td:nth-of-type(3):before {content: 'PDU Points Allowed';}

.post-list h3 {line-height:1.4;}

.top-36-mobile {margin-top:36px;}
.top-24-mobile {margin-top:24px!important;}
.no-bottom-mobile {margin-bottom:0;}
.bottom-21-mobile {margin-bottom:21px;}
.bottom-48-mobile {margin-bottom:48px;}
.padding-left-8-mobile {padding-left:8.5%;}

#layout-footer {background: rgb(247,186,145); background: linear-gradient(90deg, rgba(247,186,145,1) 50%, rgba(32,61,124,1) 50%);}
#footer {background-image: url('/themes/demo/assets/images/footer-mobile.svg'); background-repeat: no-repeat; background-position: center; height: 124px;}
#footer .columns {display:flex;}
#footer .columns .column  {display:none; padding:0;}
#footer .columns .column:first-child, #footer .columns .column:last-child {display:block;}
#footer .columns .column:first-child {padding-left:.75rem;}
#footer .columns .column:last-child {padding-right:.75rem;}
.ansi {background-color: #203d7c; border-radius: 100px; width: 124px; height: 124px; display: flex; justify-content: center; align-items: center; color: #fff; flex-direction:column;}
.ansi img {width:100px;}
.ansi p {font-size:12px;}
.logo {background-color: #fff; border-radius: 100px; width: 124px; height: 124px; float:right; display: flex; justify-content: center; align-items: center;}
.logo img {width:100px;}

/*Any Firefox*/
@media all and (min--moz-device-pixel-ratio:0) {
    .navbar-burger span:nth-child(2) {font-size:11px; top: calc(50% - 9px);}
}
@media all and (min--moz-device-pixel-ratio:0) and (min-width: 440px){
    .navbar-burger span:nth-child(2) {font-size:12px; top: calc(50% - 7px);}
}

@media all and (min-width: 480px) {
    .jta .weights .circle {width: 120px; height: 120px;}
}

@media all and (min-width: 768px) {
    #certificants_table th {font-size:18px; padding: 12px 18px;}
    #certificants_table td {padding: 7.5px 21px;}
    .jta .weights .circle {width: 100px; height: 100px;}
    img.place-top-right {float: right; margin-bottom: 12px; margin-left: 15px; border-radius: 0 50px 0 0;}
    img.place-left-bottom {float: left; margin-right: 15px; border-radius: 0 0 0 50px;}
    #footer .columns .column:last-child {flex:auto;}
}

/* iPad 1, 2, Mini and Air */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    #certificants_table th {text-align:left;}
    .hs-button {-webkit-appearance: none;}
}

/* iPad 3, 4 and Pro 9.7" */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    #certificants_table th {text-align:left;}
    .hs-button {-webkit-appearance: none;}
}
/* iPhone 8*/
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .nav .nav-item {padding-left:3px;}
    .hs-button {-webkit-appearance: none;}
    
}

/* iPhone XR*/
@media only screen and (-webkit-device-pixel-ratio : 3) {
    .hs-button {-webkit-appearance: none;}
}

/*Galaxy S8*/
@media only screen and (-webkit-min-device-pixel-ratio: 4) {
    .nav .nav-item {padding:9px 0;}
    .navbar .nav-item .dropdown-menu li {margin-left:12px;}
}