.feature-logo {
  max-width:250px;
}
.fluid {
  max-width: 100% !important;
}
.feature-2 .feature-image img {
    max-width: 75%;
}

.feature-2 {
  padding-left: 3em;
  padding-right: 3em;
}

.column, [class*=content-grid] .grid-item {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.bg-sky {
  background: #F4F8FB !important;
}

.bg-aa {
  background-color: #2687cd !important;
  color: #fff;
}

.c-icon-list {margin-bottom: 2rem;}

.bg-black {
  background-color: #000 !important;
  color: #fff;
}

.bg-ocean {
  background-color: #172751 !important;
  color: #fff;
}
#company-bg {
  background: url('images/bg/company.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

#testimonial-bg {
  background: url('images/bg/hero-testimonials.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

#security-bg {
  background: url('images/bg/hero-legal.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

#careers-bg {
  background: url('images/bg/hero-careers.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

#oem-bg {
  background: url('images/bg/oem-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}


.text-white {
  color: white !important;
}
.right-sky-fill-ocean-primary {
  background-image: linear-gradient(127.3deg, #F4F8FB 30%, #172751 calc(25% + 2px));
}

.left-white-fill-o2o-secondary {
  background-image: linear-gradient(127.3deg, #FFF 75%, #172751 calc(15.5% + 2px));
}

.right-white-fill-ocean-primary {
  background-image: linear-gradient(127.3deg, #FFF 15.5%, #172751 calc(15.5% + 2px));
}

.right-white-fill-tasca-primary {
  background-image: linear-gradient(127.3deg, #FFF 15.5%, #000 calc(15.5% + 2px));
}

.right-sky-fill-ocean-secondary {
  background-image: linear-gradient(127.3deg, #172751 30%, #F4F8FB calc(25% + 2px));
}

.left-white-fill-ocean-secondary {
  background-image: linear-gradient(127.3deg, #f4f8fb 82.5%, #2687cd calc(82.5% + 2px));
}

.right-sky-fill-pando-primary {
  background-image: linear-gradient(127.3deg, #F4F8FB 30%, #1CC8F0 calc(25% + 2px));
}

.right-white-fill-pando-primary {
  background-image: linear-gradient(127.3deg, #FFFFFF 15.5%, #1CC8F0 calc(15.5% + 2px));
}

.right-white-fill-slm-primary {
  background-image: linear-gradient(127.3deg, #FFFFFF 15.5%, #33699E calc(15.5% + 2px));
}

.right-white-fill-o2o-primary {
  background-image: linear-gradient(127.3deg, #FFFFFF 15.5%, #2687cd  calc(15.5% + 2px));
}

.right-sky-fill-pando-secondary {
  background-image: linear-gradient(127.3deg, #1CC8F0 15.5%, #F4F8FB calc(15.5% + 2px));
}

.right-white-fill-pando-secondary {
  background-image: linear-gradient(127.3deg, #1CC8F0 15.5%, #FFF calc(15.5% + 2px));
}

.row, body.boxed .wrapper-inner {
    max-width: 125rem;
}

.hidden {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.in-text-logo {
  width: 200px;
  margin-top: -15px !important;
}

.feature-content h1 {
  font-size: 40px;
  color: #fff;
  line-height: 45px;
  margin-bottom: 5px;
}

.feature-content p {
  font-size: 18px;
}

.feature-content h1 span {
}

#slide-x img {
  max-width: 300px;
  margin-bottom: .5em;
}

#wheel-section .feature-content-inner {
  padding-right: 21em;
}



.feature-content #slide-x  h1 span {
  font-size: 25px;
  line-height: 25px;
}

#cxm-logo {
  cursor: pointer;
}


/* Home Page */


.slide-col {
  margin-left: 4em;
}

#wheel-section {
  height: 671px;
  overflow: hidden;
}

.wheel-internal {
  position: relative;
  bottom: 385px;
  left: 51px;
}


.slider-bg {
  position: absolute;
    bottom: -281px;
    right: 0px;
    height: 754px;
    max-width: 1920px;
    z-index: -1;
}

.product-grid .feature-content {
  padding: 1em;
  padding-right: 4em;
}

.product-logo {
  margin-bottom: 10px;
}

.product-logo img {
    max-width: 200px;
}

.bg-holder {
  position: absolute;
  bottom: 0px;
  right: 0px;
}


#wheelDiv {
  background: #fff;
  border-radius: 100%;
  width: 385px;
  height: 385px;
  position: relative;
  margin: auto
}
#wheelDiv svg {
  vertical-align: unset;
}
.wheelNav > svg {
    width: 100%;
    height: 100%;
}
.wheel {position: relative;
}
.wheel {width: 491px;}
#triangle {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 35px 0 35px 30px;
  border-color: transparent transparent transparent #ffffff;
  top: 160px;
  right: 80px;
}
#cxm-logo {
  position: absolute;
  width: 175px;
  top: 153px;
  right: 209px;
}
.box-slide h1 {
  color: #1F8BD5;
  font-size: 28px;
  line-height: 33px;
  margin-bottom: 1.5rem;
}

.box-slide img:first-of-type {
    max-width: 350px;
    margin-bottom: 1.5rem;
}

.box-slide h1 span {
}

.box-slide p {
}

.product-boxes .width-6 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.product-boxes .width-6 .box {
  height: 250px;
  padding: 0 !important;
}
.box-slides .active {
  display: block !important;
}
.box-slide {
  display: none;
}
.box-slide img:first-of-type {
  max-width: 350px;
  margin-bottom: 1.5rem;
}
.box-slide .c-icon-list {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}
.box-slide .c-icon-list .item {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #172851;
}
.box-slide .c-icon-list .item img {
  margin-right: 5px;
  padding: 10px;
}
.box-slide h1 {
  color: #1f8bd5;
  font-size: 28px;
  line-height: 33px;
  margin-bottom: 1.5rem;
}
.box-slide h1 span {
}
.box-slide p {
}
.product-boxes .box-logo {
  margin-bottom: 1.5rem;
}
.product-boxes .box-subtitle {
  color: #454b50;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.product-boxes .box {
  margin-bottom: 0;
  background: white;
}

.product-boxes .box-body{
  padding: 1em;
  height: 100%;
}

#wheel-section .feature-content-inner {
    padding-right: 21em;
    top: 100px;
    position: relative;
}

.slide-col{    margin-left: 0em !important;
    width: 64%;
    left: 7%;}
@media only screen and (min-width: 1700px) {
      .wheel-col {
        left: 8.33333%;
        position: relative;
      }
    }

@media only screen and (min-width: 1800px) {
  .bg-holder {
    right: -0px
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .bg-holder {
    right: -75px
  }

}

@media only screen and (min-width: 1500px) and (max-width: 1600px ) {
  .bg-holder {
    right: -200px
  }

}

@media only screen and (min-width: 1700px) {
  #home-qa-video .question-col .qa {
    padding: 6em 0em;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1920px){
  #home-qa-video .question-col .qa {
    padding: 5em 0em;
  }
}




@media only screen and (min-width: 1300px) and (max-width: 1400px){
  #home-qa-video .question-col .qa {
    padding: 2em 0em;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px){
  #home-qa-video .question-col .qa {
    padding: 1em 0em;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .bg-holder {
    right: -250px
  }
  #home-qa-video .video-col {
    position: relative;
    background-image: linear-gradient(54deg, #17275100 30%, #ffffff calc(25% + 40px));
  }
}



@media only screen and (min-width: 1000px) and (max-width: 1200px) {
  .bg-holder {
    right: -460px
  }
  .slide-col {
    margin-left: 0em !important;
    width: 51%;
    left: 1%;
    top: 0px;    padding: 0px;}
    .wheel-col {
    padding: 0px;
}
#wheel-section .feature-content-inner {
    padding-right: 2em;
}
.feature-content {
    top: 106px;
    position: relative;
}
  #home-qa-video .video-col {
    position: relative;
    background-image: linear-gradient(54deg, #17275100 30%, #ffffff calc(26% + 26px));
  }

  #home-qa-video .question-col .qa {
    padding: 1em 0em;
}

#home-qa-video .question-col .qa .question-item {
    display: flex;
    align-items: center;
    margin-bottom: 0em;
    padding: 1em;
}


}

@media only screen and (min-width: 1000px) {

  .flex-desk-center {
    display: flex;
    align-items: center;
  }
  .product-grid .push-6 {
    padding-left: 2em;
  }
  .product-grid .pull-6 {
    padding-right: 2em;
  }
}

#wheel-mobile {
  display: none;
}
@media only screen and (max-width: 999px){
  .bg-holder {
    position: absolute;
    top: 0px;
    right: 0px;}
}





@media only screen and (max-width: 1000px) {

  .internal-qa .question-col .qa .question-item img {
    max-width: 200px !important;
  }
#wheel-section .feature-content-inner {
    padding-right: 4em;
}
.slide-col {
    margin-left: 0em !important;
    width: 100%;
    left: 0%;
    }
  .internal-qa .question-col .qa .question-item img:first-of-type {
    margin-right: 20px;
    width: 50px;
    display:block;
}

#home-qa-video .question-col .qa .question-item img {
    max-width: 200px !important;
  }

  #home-qa-video .question-col .qa .question-item img:first-of-type {
    margin-right: 20px;
    width: 50px;
    display:block;
}

  #wheelDiv, #cxm-logo, #triangle {
    display: none;
  }

  .slide-col {
    width: 100%;
  }

  .terry-video, .play-button {
    display: none;
  }

  #home-qa-video .question-col .qa .question-item {
    margin-bottom: 0em;
  }

  #home-qa-video .question-col .qa {
    padding: 2em 0em;
  }

  .nav-btn {
    display: none;
  }
  .nav-btn-2 {
    display: none;
  }
  .section-block, .fullscreen-section .fullscreen-inner, .pagination-2 .pagination-next, .row.xlarge {
     padding-top: 0rem;
     padding-bottom: 0rem !important;
   }

}