.sp {
    background-image: url(/wp-content/themes/shoptimizer/assets/images/spritesheet.png);
    vertical-align: middle;
    background-repeat: no-repeat;
    display: inline-block
}

.d0 {
    width: 32px;
    height: 32px;
    background-position: -1px -1px
}

.d1 {
    width: 32px;
    height: 32px;
    background-position: -35px -1px
}

.academic-calendar {
    width: 32px;
    height: 32px;
    background-position: -69px -1px
}

.academic-staff {
    width: 32px;
    height: 32px;
    background-position: -103px -1px
}

.accreditation-seal {
    width: 32px;
    height: 32px;
    background-position: -137px -1px
}

.admission-gender-Men-Only {
    width: 32px;
    height: 32px;
    background-position: -171px -1px
}

.admission-gender-Men-and-Women-_coed_ {
    width: 32px;
    height: 32px;
    background-position: -205px -1px
}

.admission-gender-Women-Only {
    width: 32px;
    height: 32px;
    background-position: -1px -35px
}

.admission-rate-0-10 {
    width: 32px;
    height: 32px;
    background-position: -35px -35px
}

.admission-rate-10-20 {
    width: 32px;
    height: 32px;
    background-position: -69px -35px
}

.admission-rate-20-30 {
    width: 32px;
    height: 32px;
    background-position: -103px -35px
}

.admission-rate-30-40 {
    width: 32px;
    height: 32px;
    background-position: -137px -35px
}

.admission-rate-40-50 {
    width: 32px;
    height: 32px;
    background-position: -171px -35px
}

.admission-rate-50-60 {
    width: 32px;
    height: 32px;
    background-position: -205px -35px
}

.admission-rate-60-70 {
    width: 32px;
    height: 32px;
    background-position: -1px -69px
}

.admission-rate-70-80 {
    width: 32px;
    height: 32px;
    background-position: -35px -69px
}

.admission-rate-80-90 {
    width: 32px;
    height: 32px;
    background-position: -69px -69px
}

.admission-rate-90-100 {
    width: 32px;
    height: 32px;
    background-position: -103px -69px
}

.admission-rate-Not-applicable {
    width: 32px;
    height: 32px;
    background-position: -137px -69px
}

.admission-rate-Not-available {
    width: 32px;
    height: 32px;
    background-position: -171px -69px
}

.admission-selection {
    width: 32px;
    height: 32px;
    background-position: -205px -69px
}

.areas-of-studies-arts-humanities {
    width: 40px;
    height: 40px;
    background-position: -1px -103px
}

.areas-of-studies-business-social-sciences {
    width: 40px;
    height: 40px;
    background-position: -43px -103px
}

.areas-of-studies-engineering {
    width: 40px;
    height: 40px;
    background-position: -85px -103px
}

.areas-of-studies-language-cultural-studies {
    width: 40px;
    height: 40px;
    background-position: -127px -103px
}

.areas-of-studies-medicine-health {
    width: 40px;
    height: 40px;
    background-position: -169px -103px
}

.areas-of-studies-science-technology {
    width: 40px;
    height: 40px;
    background-position: -211px -103px
}

.campus-setting-Rural {
    width: 32px;
    height: 32px;
    background-position: -1px -145px
}

.campus-setting-Suburban {
    width: 32px;
    height: 32px;
    background-position: -35px -145px
}

.campus-setting-Urban {
    width: 32px;
    height: 32px;
    background-position: -69px -145px
}

.control-type-Private {
    width: 32px;
    height: 32px;
    background-position: -103px -145px
}

.control-type-Public {
    width: 32px;
    height: 32px;
    background-position: -137px -145px
}

.course-levels-bachelor-degrees {
    width: 64px;
    height: 50px;
    background-position: -171px -145px
}

.course-levels-doctorate-degrees {
    width: 64px;
    height: 50px;
    background-position: -1px -197px
}

.course-levels-master-degrees {
    width: 64px;
    height: 50px;
    background-position: -67px -197px
}

.course-levels-pre-bachelor-degrees {
    width: 64px;
    height: 50px;
    background-position: -133px -197px
}

.entity-type-For-Profit {
    width: 32px;
    height: 32px;
    background-position: -199px -197px
}

.entity-type-Non-Profit {
    width: 32px;
    height: 32px;
    background-position: -199px -231px
}

.facebook16x16 {
    width: 16px;
    height: 16px;
    background-position: -239px -1px
}

.financial-aids {
    width: 32px;
    height: 32px;
    background-position: -257px -1px
}

.housing {
    width: 32px;
    height: 32px;
    background-position: -239px -35px
}

.iTunesU16x16 {
    width: 16px;
    height: 16px;
    background-position: -273px -35px
}

.instagram16x16 {
    width: 16px;
    height: 16px;
    background-position: -273px -53px
}

.international-students {
    width: 32px;
    height: 32px;
    background-position: -239px -69px
}

.library {
    width: 32px;
    height: 32px;
    background-position: -253px -103px
}

.linkedin16x16 {
    width: 16px;
    height: 16px;
    background-position: -273px -71px
}

.oeconsortium16x16 {
    width: 16px;
    height: 16px;
    background-position: -253px -137px
}

.online-courses {
    width: 32px;
    height: 32px;
    background-position: -237px -155px
}

.sport-facilities {
    width: 32px;
    height: 32px;
    background-position: -233px -205px
}

.student-enrollment {
    width: 32px;
    height: 32px;
    background-position: -233px -239px
}

.study-abroad {
    width: 32px;
    height: 32px;
    background-position: -291px -1px
}

.twitter16x16 {
    width: 16px;
    height: 16px;
    background-position: -291px -35px
}

.wikipedia16x16 {
    width: 16px;
    height: 16px;
    background-position: -309px -35px
}

.youtube16x16 {
    width: 16px;
    height: 16px;
    background-position: -291px -53px
}

.edgt-boxed .edgt-content {
    overflow: inherit !important
}

.edgt-woo-single-page .edgt-single-product-summary .edgt-single-product-title {
    display: block;
    margin: 0 0 4px;
    width: 100% !important;
    line-height: 1.1 !important;
    font-size: 22px !important
}

.panel-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px
}

.panel-cart p {
    border: none !important
}

.panel-cart span {
    display: none
}

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

.table-responsive {
    padding-top: 1rem;
}

.table-responsive ol, ul {
    padding: inherit!important;
    padding-top: 0px!important;
}

.panel-footer {
    border-top: 1px solid #e0d4d4;
    margin-top: 20px
}

.panel-footer p {
    font-size: 13px;
    padding: 0;
    margin: 0;
    margin-top: 20px
}

.sub-text {
    margin: 10px 0
}

.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>thead>tr>th {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #f2f0f0;
    border-right: 1px dashed #CCC;
}

table tbody tr,
table thead tr {
    border: none !important
}

.text-nowrap {
    white-space: nowrap
}

.product-two {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    align-content: center;
    width: 100%
}

.product-left strong {
    margin-right: 5px;
}

.product-right strong {
    margin-right: 5px;
}

.product-left span {
    display: flex
}

.product-left {
    width: 68%;
    margin-right: 2%
}

.product-right span {
    display: flex
}

.product-right {
    width: 30%
}

.product-ranks span {
    display: flex;
    flex-direction: row
}

.share i {
    margin-left: 5px;
    font-size: 20px
}

.code {
    overflow: hidden;
    display: none;
    position: absolute;
    z-index: 105;
    border-top: none;
    left: 0;
    margin-top: 10px;
}

.product-ranks {
    position: relative
}

.share {
    display: flex;
    align-items: center;
    background: #3e3e3e;
    color: #fff;
    justify-content: center;
    align-content: center;
    border-radius: 5px;
    margin-top: 10px
}

.share:hover {
    background: #2b2b2b;
    cursor: pointer
}

.product-ranks a {
    color: #d9230f;
    margin-left: 10px;
    font-weight: 700;
    border-bottom: 1px dotted red
}

.product-top {
    margin: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px
}

#crumbs a {
    color: #63130e
}

.edgt-title-holder {
    border: 1px solid #dfdfdf;
    width: auto !important
}

body {
    background-color: #f7f7f7 !important
}

.product-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #d7d0d0;
    margin: 0 auto;
    margin-top: 15px;
    padding: 30px;
    border-radius: 5px
}

.product-text {
    font-size: 14px;
}

.panel-heading h2 {
    margin: 0;
    font-size: 26px;
    font-weight: 100
}

.panel-heading {
    padding-bottom: 15px;
    border-bottom: 1px solid #ebe9e9;
    margin-bottom: 15px;
}

.visible-xs {
    display: none
}

.btn-success {
    color: #fff;
    background: linear-gradient(#e91e63,#e91e63 6%,#df3770);
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    font-weight: 200;
    text-transform: capitalize;
}

.product-box {
    background: #fff;
    border: 1px solid #d7d0d0;
    margin: 0 auto;
    margin-top: 15px;
    padding: 30px;
    border-radius: 5px
}

.headings {
    font-size: 25px;
    font-weight: 400;
    font-family: 'Montserrat';
    color: #696262
}

.product-name {
    text-align: center
}

@media only screen and (max-width:980px) {
    .edgt-header-standard.edgt-boxed .edgt-vertical-align-containers {
        padding: 0 !important
    }
    .product-details {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column
    }
    .product-two {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        align-content: center;
        flex-direction: column
    }
    .product-left {
        width: 100%;
        margin-right: 0%
    }
    .product-right {
        width: 100%
    }
    .hidden-xs {
        display: none
    }
    .visible-xs {
        display: block !important
    }
}



/* ======================================
The juicy stuff
====================================== */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}


.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

/* The Close Button */
.close {
  color: #f1f1f1;
  font-size: 28px;
  font-weight: bold;
}

.demo-close svg {
    width: 24px;
    fill: #007cc4;
    pointer-events: none;
    vertical-align: top
}
.table-responsive img {
    max-width: inherit;
    display: inherit;
}
.table-responsive td, th {
    text-align: center;
}
.text-center {
    text-align: center;
}
.product-box hr {
    margin: 8px 0;
}