/*menu*/
 /* =Nav
-------------------------------------------------------------- */
 
 #nav-trigger {
     display: none;
 }
 
 #nav-trigger span {
     display: inline-block;
     width: 30px;
     margin: 5px 20px 0 0;
     height: 25px;
     background: #000 url(../acplimages/nav-toggle.png) no-repeat center center;
     background-size: cover;
     color: white;
     cursor: pointer;
     text-transform: uppercase;
 }
 
 #nav-trigger span:after {
     display: inline-block;
     content: "";
 }
 
 #nav-trigger span:hover {
     background-color: #E22228;
 }
 
 #nav-trigger span.open:after {
     background-color: #E22228;
     left: 0;
 }
 
 nav {}
 
 nav#nav-main {
     padding: 0px 0;
 }
 
 nav#nav-main ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
     text-align: left;
 }
 
 nav#nav-main li {
     display: inline-block;
     padding: 0 0px;
     font-size: 14px;
     color: #fff;
     text-transform: uppercase;
     line-height: 11px;
     font-weight: 700;
     letter-spacing: 1px;
 }
 
 nav#nav-main li:last-child {
     border-right: none;
 }
 
 nav#nav-main a {
     display: block;
     color: #333;
     padding: 0px;
     text-decoration: none;
     margin-right: 38px;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     transition: all 0.3s ease;
     position: relative;
 }
 
 nav#nav-main a:hover {}
 
 nav#nav-main a .line {
     width: 0%;
     height: 2px;
     background-color: #333;
     border: 0px solid #000;
     position: absolute;
     margin-top: 5px;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     transition: all 0.3s ease;
     position: relative;
 }
 
 nav#nav-main a.active .line {
     width: 100%;
     height: 2px;
     background-color: #333;
     border: 0px solid #000;
     position: absolute;
     margin-top: 5px;
     position: relative;
 }
 
 nav#nav-main a:hover .line {
     width: 100%;
 }
 
 nav#nav-mobile a:hover {
     color: #333
 }
 
 nav#nav-mobile a .line {
     width: 0%;
     height: 2px;
     background-color: #333;
     border: 0px solid #000;
     position: absolute;
     margin-top: 5px;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     transition: all 0.3s ease;
     position: relative;
 }
 
 nav#nav-mobile a:hover .line {
     width: 100%;
     background: #333;
 }
 
 nav#nav-mobile {
     position: relative;
     display: none;
 }
 
 nav#nav-mobile ul {
     display: none;
     list-style-type: none;
     position: absolute;
     left: 0;
     right: 0;
     /*    text-align: center;
*/
     background-color: #fff;
     margin: 22px 0 0 0;
     padding: 0px;
     z-index: 999999;
     -webkit-box-shadow: 2px 7px 5px -2px rgba(0, 0, 0, 0.35);
     -moz-box-shadow: 2px 7px 5px -2px rgba(0, 0, 0, 0.35);
     box-shadow: 2px 7px 5px -2px rgba(0, 0, 0, 0.35);
 }
 
 nav#nav-mobile li {
     display: block;
     float: left;
     /*    padding: 5px 0;
*/
     margin: 0 10px;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-size: 11px;
     line-height: 11px;
     text-align: left;
 }
 
 nav#nav-mobile li:last-child {
     border-bottom: none;
 }
 
 nav#nav-mobile a {
     display: block;
     color: #4d4c4c;
     padding: 8px 0px;
     margin-right: 30px;
     text-decoration: none;
 }
 /* =Sections
-------------------------------------------------------------- */
 
 section h1 {
     margin-bottom: 10px;
 }
 
 section p {
     margin-bottom: 30px;
 }
 
 section p:last-child {
     margin-bottom: 0;
 }
 /* =Media Queries
-------------------------------------------------------------- */
 
 @media all and (max-width: 900px) {
     #nav-trigger {
         display: block;
     }
     nav#nav-main {
         display: none;
     }
     nav#nav-mobile {
         display: block;
     }
 }
 
 #cslide-slides h2 {
     margin-bottom: 10px;
     font-weight: 700;
 }
 /*=Slides
----------------------------------------------- */
 
 .cslide-slides-master {
     overflow: hidden;
 }
 
 .cslide-slides-master:last-child {
     margin-bottom: 0;
 }
 
 .cslide-slides-container {
     visibility: hidden;
 }
 
 .cslide-slide {
     float: left;
     border: solid 0px #38678f;
 }
 
 .cslide-slide h2,
 .cslide-slide p {
     color: #fff;
 }
 /* prev next buttons */
 
 .cslide-prev-next {
     margin-bottom: 5px;
     display: none;
     text-align: right;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 
 .cslide-prev {
     display: inline-block;
     background: url(../aicadimages/arrow-left.png) no-repeat;
     cursor: pointer;
     width: 45px;
     height: 10px;
     float: left;
 }
 
 .cslide-next {
     display: inline-block;
     background: url(../aicadimages/arrow-right.png) no-repeat;
     cursor: pointer;
     width: 45px;
     height: 10px;
 }
 
 .cslide-prev:hover,
 .cslide-next:hover {
     opacity: 0.5;
 }
 
 .cslide-prev.cslide-disabled:hover,
 .cslide-next.cslide-disabled:hover {
     opacity: 0.3;
     cursor: default;
 }
 
 .cslide-disabled {
     opacity: 0.3;
 }
 /*slider*/
 
 .krakatoa {
     display: none;
     position: relative;
     width: 85%;
 }
 
 .krakatoa-control {
     padding-bottom: 20px;
     z-index: 999999;
     position: absolute;
     border: 1px solid #000;
     right: 20px;
     top: 40%;
 }
 
 .arrows {
     position: absolute;
     top: 1px;
     left: 0;
     z-index: 100;
 }
 
 .arrow {
     float: left;
     width: 13px;
     height: 0;
     margin-right: 7px;
     padding-top: 16px;
     overflow: hidden;
     background: transparent url('../acplimages/arrows.png') no-repeat;
 }
 
 .arrow-left {
     background-position: 0 0;
     display: none;
 }
 
 .arrow-left:hover {
     background-position: 0 -16px;
 }
 
 .arrow-right {
     background-position: -20px 0;
     left: 20px;
 }
 
 .arrow-right:hover {
     background-position: -20px -16px;
 }
 
 .buttons {
     position: absolute;
     top: 5px;
     right: 0px;
     z-index: 100;
 }
 
 .pagination {
     float: left;
     margin: 0 2px;
     display: none;
 }
 
 .pagination a {
     display: block;
     width: 10px;
     height: 0;
     padding-top: 10px;
     background-image: url('../acplimages/pagination.png');
     background-position: 0 0;
     overflow: hidden;
 }
 
 .pagination a:hover,
 .active-button a {
     background-position: 0 -30px;
 }
 
 .site-row {
     display: flex;
     flex-wrap: wrap;
     /* align-items: center; */
 }
 
 .column-6 {
     flex: 0 0 50%;
     max-width: 50%;
     -webkit-box-flex: 0;
 }
 
 .okta-section .left-bar {
     padding-right: 30px;
 }
 
 .okta-section .bigfont40 {
     text-align: left!important;
     padding-left: 0!important;
     font-size: 53px!important;
     padding-right: 0!important;
 }
 
 .okta-section .content {
     font-size: 22px;
 }
 
 .text-center {
     text-align: center;
 }
 
 .text-left {
     text-align: left!important;
 }
 
 .okta-product-section .bigfont35 {
     color: #333!important;
     padding-bottom: 0px!important;
     padding: 0!important;
 }
 
 .product-list {
     display: flex;
     flex-wrap: wrap;
     list-style: none;
     padding: 0;
     margin-left: -10px;
     margin-right: -10px;
     padding-top: 15px;
 }
 
 .product-list li {
     padding: 5px 10px;
     width: 31.933%;
 }
 
 .product-list li a {
     display: flex;
     text-decoration: none;
     color: #333;
     transition: .3s all;
 }
 
 .product-list li a:hover .right-bar .link {
     text-decoration: underline;
     color: #003366;
 }
 
 .product-list li a article {
     width: 40px;
     min-width: 40px;
     height: 40px;
     overflow: hidden;
     margin-top: 5px;
     margin-right: 15px;
 }
 
 .product-list li a .right-bar .link {
     font-weight: 700;
     font-size: 15px;
 }
 
 .product-list li a .right-bar .content {
     font-size: 13px;
 }
 
 .product-list li a .right-bar .content p:first-child {
     margin-top: 0px;
 }
 
 .video-section {
     position: relative;
     z-index: 1;
 }
 
 .video-section video {
     border-top-right-radius: 30px;
 }
 
 .video-section:before {
     content: "";
     position: absolute;
     top: 0;
     left: -240px;
     background-color: #f5f4f6;
     width: 300px;
     height: 100%;
     z-index: -1;
     border-bottom-left-radius: 30px;
 }
 
 .left-bar {
     z-index: 111;
     position: relative;
 }
 
 .row {
     display: flex;
     flex-wrap: wrap;
 }
 
 .column-8 {
     flex: 0 0 73%;
     max-width: 73%;
     -webkit-box-flex: 0;
 }
 
 .column-4 {
     flex: 0 0 27%;
     max-width: 27%;
     -webkit-box-flex: 0;
 }
 
 .form-okta {
     background-color: #F6F6F6;
     border: 1px solid #ccc;
     padding: 20px;
     margin-bottom: 20px;
 }
 
 .form-okta .form-group {
     margin-bottom: 18px;
     width: 100%;
 }
 
 .form-okta .form-group:last-child {
     margin-bottom: 5px;
 }
 
 html {
     box-sizing: border-box;
 }
 
 *,
 *:before,
 *:after {
     box-sizing: inherit;
 }
 
 .box-size {
     box-sizing: initial!important;
 }
 
 .form-okta .form-group label {
     font-size: 13px;
     margin-bottom: 5px;
     display: block;
     font-weight: 600;
 }
 
 .form-okta .form-group input,
 .form-okta .form-group textarea {
     width: 100%;
     padding: 10px;
     border: 1px solid #333;
     border-radius: 0px!important;
 }
 
 .form-okta .form-group textarea {
     resize: none;
 }
 
 .form-okta .form-group .error {
     border-color: red!important;
 }
 
 .mt-0 {
     margin-top: 0;
 }
 
 .submit-btn {
     outline: none;
     cursor: pointer;
     border: none;
     padding: 10px 20px;
     background-color: #003366;
     color: #fff;
     text-transform: uppercase;
     transition: .3s;
 }
 
 .submit-btn:hover {
     background-color: #333;
 }
 
 .align-itmes-center {
     align-items: center;
 }
 
 .okta-logo {
     margin-bottom: 45px;
 }
 
 .okta-logo img {
     max-width: 100%;
     width: 150px;
 }
 /*slideshow*/
 
 #slideshowWrapper {
     position: relative;
     width: 100%;
     margin: auto;
 }
 
 #fssPrev {
     position: absolute;
     top: 169px;
     left: -67px;
     background: url(arrows.png) -67px 0px;
     width: 67px;
     height: 143px;
     text-indent: -999999px;
 }
 
 #fssNext {
     position: absolute;
     top: 169px;
     left: 646px;
     background: url(arrows.png) no-repeat;
     width: 67px;
     height: 143px;
     text-indent: -999999px;
 }
 
 #fssPlayPause {
     position: absolute;
     top: 435px;
     right: 20px;
     background: url(white.png) repeat;
     padding: 4px 0 5px 0;
     -moz-border-radius: 5px;
     border-radius: 5px;
     width: 60px;
     text-align: center;
     display: block;
     color: #333;
     text-decoration: none;
 }
 
 ul#slideshow {
     list-style: none;
     border: 1px solid #999;
     padding: 2px;
     margin: auto;
     margin-top: 5%;
     width: 100%;
     height: auto;
     overflow: hidden;
 }
 
 ul#slideshow li {
     background-color: #D93226
 }
 
 .about-section {
     background-size: cover;
     background-attachment: fixed;
 }
 
 .hero-section {
     /* padding-bottom: 40px; */
     padding-bottom: 10px;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     background-attachment: fixed;
 }
 
 .hero-section .hero-item .hero-row {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
 }
 
 .hero-section .hero-item .hero-row .column-5 {
     width: 50%;
 }
 
 .hero-section .hero-item .hero-row .column-7 {
     width: 50%;
 }
 
 .hero-section .hero-item .hero-row .hero-img img {
     width: 100%;
 }
 
 .hero-section .hero-item .hero-row .hero-img {
     padding-left: 10px;
 }
 
 .hero-section .hero-item .hero-row .text-banner {
     padding-right: 70px;
     /* color: #fff; */
     /* text-align: center; */
     position: relative;
     z-index: 11;
 }
 
 .hero-section .hero-item .hero-row .text-banner h1 {
     font-size: 55px;
     margin-bottom: 30px;
     font-family: 'Adelleregular';
     font-weight: 700;
     margin-top: 0;
 }
 
 .hero-section .hero-item .hero-row .text-banner h1.font-75 {
     font-size: 75px;
 }
 
 .hero-section .hero-item .hero-row .text-banner .content {
     font-size: 22px;
 }
 
 .hero-section .hero-item .hero-row .text-banner .content.font-28 {
     font-size: 30px;
 }
 
 .hero-section .hero-item .hero-row .text-banner .bigHead {
     color: #000;
     font-size: 8vw;
 }
 
 .hero-section .hero-item .hero-row .text-banner .bigHeadSub {
     color: #000;
     border-color: #000;
     width: 92%;
 }
 
 .hero-section .hero-item .hero-row .text-banner .content p:first-child {
     margin-top: 0;
 }
 
 .hero-section .hero-item .hero-row .text-banner a {
     text-decoration: none;
     color: #000;
 }
 
 .hero-section .hero-item .hero-row .text-banner .content p:last-child {
     margin-bottom: 0;
 }
 
 .hero-section .sectionInner {
     max-width: 1260px;
 }
 
 .hero-item {
     max-width: 1051px;
     margin: auto;
     /* padding: 20px 0; */
     padding: 20px 0 45px;
 }
 
 .hero-section .swiper-button-next,
 .hero-section .swiper-button-prev {
     color: #003366;
 }
 
 .hero-section .swiper-pagination-bullet-active {
     background-color: #003366;
 }
 
 .hero-section .hero-item .hero-row .text-banner .logo-okta {
     width: 150px;
     padding-bottom: 80px;
 }
 
 .pr-0 {
     padding-right: 0!important;
 }
 
 .justify-content-center {
     justify-content: center;
 }
 
 .pt-6 {
     padding-top: 40px;
 }
 
 .align-items-start {
     align-items: flex-start!important;
 }
 
 .mb-4 {
     margin-bottom: 15px;
 }
 
 .hero-img-section {
     border-bottom-left-radius: 30px;
     border-top-right-radius: 30px;
     /* overflow: hidden; */
     position: relative;
     margin-left: -240px;
 }
 
 .hero-img-section img {
     border-bottom-left-radius: 30px;
 }
 
 .hero-img-section:before {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     background-color: #0d0f0e;
     width: 300px;
     height: 100%;
     z-index: -1;
     border-top-right-radius: 30px;
 }
 
 .red {
     color: #E22228;
 }
 
 .cmr-minus-5 {
     margin-right: -50px;
 }
 
 .fullWidth .innerWrapper.d-block {
     display: block;
 }
 
 .py-0 {
     padding-top: 0!important;
     padding-bottom: 0!important;
 }
 /* .content-slider li p {
     padding-bottom: 0!important;
 }
 
 .equal-height {
     height: auto!important; 
      min-height: 225px;
 } */