body {
       font-family: 'OpenSans', 'Open Sans', sans-serif;
   }

   .hero-slider .hero-item .image.cover {
      opacity: .60!important;
   }

   .zcta {
       background-color: #ff9b1d;
       border: none;
       color: white;
       padding: 15px 32px;
       text-align: center;
       text-decoration: none;
       display: inline-block;
       font-size: 22px;
       margin: 4px 2px;
       cursor: pointer;
   }

   .overview {
       height: 100%;
       width: 100%;
       padding-top: 10px;
       padding-bottom: 45px;
       background-color: #333;
   }

   .overview-grid {
       margin-top: 10px;
       margin-bottom: 0px;

       max-width: 1800px;
       margin-left: auto;
       margin-right: auto;
       padding-top: 20px;
       zoom: 1;
       padding: 0px;
       overflow: hidden;
       min-height: 1000px;
   }

   .overview-item {
       width: 33.3333%;
       float: left;
       padding-left: 40px;
       padding-right: 40px;
       text-align: center;
       padding: 15px;
   }

   .overview-item-content {
       border: 1px solid #cccccc;
       padding: 15px;
   }

   .overview-item-content h3 {
       font-family: 'Open Sans';
       position: relative;
       margin-top: 10px;
       font-size: 16px !important;
       font-weight: 700;
       color: #003161;
   }

   .overview-item-content .title {
       font-family: 'Open Sans';
       font-weight: 200;
       font-style: italic;
       font-size: 16px !important;
       margin-bottom: 10px;
   }

   .overview-item-content a {
       position: relative;
   }


   .overview-item-content p {
       margin-bottom: 15px;
   }

   .overview-item-content a span {
       width: 100%;
       top: -55px;
       left: 40px;
       float: none;
       position: absolute;
   }

   .overview-item-content img {
       width: 200px;
       height: 200px;
   }

   .overview-item::after {
       clear: both;
       content: '';
       display: block;
   }

   .overview-item span {
       pointer-events: all;
       font-size: 16px !important;
       float: right;
       text-transform: uppercase;
       color: #398ece;
   }

   .overview-item span:hover {
       cursor: pointer;
   }

   .overview-item span::after {
       clear: both;
       content: '';
       display: block;
   }

   .overview-item i.fa {
       margin: 0 5px;
       font-size: 50px;
       vertical-align: text-bottom;
       color: orange;
       box-shadow: 0 0 6px 1px #333333;
       height: 45px;
       width: 44px;
       background: white;
       -webkit-border-radius: 50%;
       border-radius: 50%;
   }

   .overview-item i.fa-play-circle:before {
       top: -3px;
       position: relative;
   }

   .page-heading-wrapper {
       padding-left: 40px;
   }

   .wysiwyg h3 {
       font-size: 20px;
   }

   .degree-data {
       min-height: 1000px;
   }

   .page-heading-wrapper {
       padding-left: 20px;
   }

   #degree-tabs ul {
       border-bottom: 2px solid #cccccc;
       margin-left: 15px;
       margin-bottom: 15px;
   }

   #degree-tabs ul li {
       margin-left: 10px;
       margin-right: 10px;
       display: inline-block;
       position: relative;
   }

   #degree-tabs ul li:focus {
       outline: 0px;
   }

   #degree-tabs ul li a {
       color: #333;
       font-size: 16px;
   }

   #degree-tabs ul li.ui-tabs-active a {
       color: orange !important;
       text-decoration: none;
       font-weight: 600;
   }

   #degree-tabs ul li.ui-tabs-active a:focus,
   #degree-tabs ul li.ui-tabs-active a:active {
       outline: 0px;
   }

   a:hover,
   a:active,
   a:focus {
       outline: auto;
       text-decoration: none;
   }

   .border {
       width: 146px;
       height: 4px;
       background: orange;
       position: absolute;
       margin-top: 6px;
       margin-left: -10px;
       display: none;
   }

   .border.two {
       width: 174px;
   }

  .border.three {
       width: 151px;
   }


   .border.active {
       display: block;
   }

   @media screen and (max-width: 768px) {
       /* line 56, _scss/modules/_overview.scss */
       /* .overview-item {
            min-height: 100%;
        } */
   }

   @media screen and (max-width: 767px) {
       /* line 56, _scss/modules/_overview.scss */
       .overview-grid {
           margin-top: 10px;
           margin-bottom: 0px;
       }
   }
   /* line 76, _scss/modules/_overview.scss */

   @media screen and (max-width: 1280px) {
       .wysiwyg h3 {
           font-size: 16px;
       }
   }

   @media screen and (max-width: 1024px) {
       /* line 76, _scss/modules/_overview.scss */
       .overview-item {
           width: 50%;
           float: left;
           padding: 10px;
       }
       .page-heading-wrapper {
           padding-left: 10px;
       }
       .overview-item span {
           font-size: 12px !important;
       }
       .overview-item i {
           font-size: 14px;
           vertical-align: inherit;
       }
       .wysiwyg h3 {
           font-size: 14px;
       }
   }

   @media screen and (max-width: 767px) {
       /* line 76, _scss/modules/_overview.scss */
       .overview-item {
           width: 100%;
           float: left;
           padding-left: 10px;
           padding-right: 10px;
           margin-top: 10px;
           margin-bottom: 10px;
           /*min-height: 100%;*/
       }
       #rn-item {
           height: 300px !important;
       }
       #rn-content {
           top: 130px;
       }
       .overview-item i {
           margin: 0 5px;
           font-size: 24px;
           vertical-align: text-bottom;
       }
       .overview-item span {
           font-size: 16px !important;
       }
       .wysiwyg h3 {
           font-size: 18px;
       }
   }

   @media screen and (max-width: 667px) {}

   @media screen and (max-width: 480px) {
       /* line 76, _scss/modules/_overview.scss */
       .overview-item {
           width: 100%;
           float: left;
           padding-left: 10px;
           padding-right: 10px;
       }
       .overview-grid {
           padding-top: 0px;
       }
       .primary-container {
           margin-top: 0px;
       }
       .page-heading-wrapper {
           padding-left: 10px;
       }
       #rn-item {
           height: 300px !important;
       }
       #rn-title {
           font-size: 28px !important;
       }
       .overview-item i {
           font-size: 14px !important;
           vertical-align: inherit;
           margin: 5px 5px 5px 0;
       }

       .overview-item span {
           font-size: 12px !important;
           float: none;
           display: block;
       }
       .wysiwyg h3 {
           font-size: 14px;
       }
       #degree-tabs ul li a {
           font-size: 14px;
       }
       .border {
           width: 135px;
       }
       .border.two {
           width: 157px;
       }
   }

   @media screen and (max-width: 360px) {
       #main-content {
           padding-left: 0px;
       }
       .overview-item {
           padding-right: 15px;
       }
       body {
           overflow-x: hidden;
       }
   }