/* =====================================

          FLEXIBLE CONTENT STYLES 

========================================

* This stylesheet is exclusively for styles for the flexible content blocks. Don't cross the streams!
* Please do not edit this file, unless you wish to make a global change for all websites that use one of the OPS child themes.
* If you are unsure, please contact Laura Wheatman or Francis Whiteley or email us at projects@flex4.co.uk
*/

/* Flexible General */

.flexible h2{
  display: inline-block!important;
}
.flexible input[type="submit"]{
  font-size: 1rem;
}
/*=======================
  WEBFLOW RESPONSIVE
======================*/
.w-container, .w-row, .w-col { box-sizing: border-box; }
.w-container {  margin-left: auto;  margin-right: auto;  max-width: 1200px;}
.w-container:before,
.w-container:after {  content: " ";  display: table;}
.w-container:after {  clear: both;}
.w-container .w-row {  margin-left: -10px;  margin-right: -10px;}
.w-row:before,
.w-row:after {  content: " ";  display: table;}
.w-row:after { clear: both;}
.w-row .w-row {  margin-left: 0;  margin-right: 0;}
.w-col {  position: relative;  float: left;  width: 100%;  min-height: 1px;  padding-left: 10px;  padding-right: 10px;}
/*.w-col .w-col {  padding-left: 0;  padding-right: 0;}*/
.w-container  .w-col .w-row { margin-left: -10px; margin-right: -10px; }
.w-col-1 {  width: 8.33333333%;}
.w-col-2 {  width: 16.66666667%;}
.w-col-3 {  width: 25%;}
.w-col-4 {  width: 33.33333333%;}
.w-col-5 {  width: 41.66666667%;}
.w-col-6 {  width: 50%;}
.w-col-7 {  width: 58.33333333%;}
.w-col-8 {  width: 66.66666667%;}
.w-col-9 {  width: 75%;}
.w-col-10 {  width: 83.33333333%;}
.w-col-11 {  width: 91.66666667%;}
.w-col-12 {  width: 100%;}
.w-col-push-1 {  left: 8.33333333%;}
.w-col-push-2 {  left: 16.66666667%;}
.w-col-push-3 {  left: 25%;}
.w-col-push-4 {  left: 33.33333333%;}
.w-col-push-5 {  left: 41.66666667%;}
.w-col-push-6 {  left: 50%;}
.w-col-push-7 {  left: 58.33333333%;}
.w-col-push-8 {  left: 66.66666667%;}
.w-col-push-9 {  left: 75%;}
.w-col-push-10 {  left: 83.33333333%;}
.w-col-push-11 {  left: 91.66666667%;}
.w-col-pull-1 {  right: 8.33333333%;}
.w-col-pull-2 {  right: 16.66666667%;}
.w-col-pull-3 {  right: 25%;}
.w-col-pull-4 {  right: 33.33333333%;}
.w-col-pull-5 {  right: 41.66666667%;}
.w-col-pull-6 {  right: 50%;}
.w-col-pull-7 {  right: 58.33333333%;}
.w-col-pull-8 {  right: 66.66666667%;}
.w-col-pull-9 {  right: 75%;}
.w-col-pull-10 {  right: 83.33333333%;}
.w-col-pull-11 {  right: 91.66666667%;}
.w-col-offset-1 {  margin-left: 8.33333333%;}
.w-col-offset-2 {  margin-left: 16.66666667%;}
.w-col-offset-3 {  margin-left: 25%;}
.w-col-offset-4 {  margin-left: 33.33333333%;}
.w-col-offset-5 {  margin-left: 41.66666667%;}
.w-col-offset-6 {  margin-left: 50%;}
.w-col-offset-7 {  margin-left: 58.33333333%;}
.w-col-offset-8 {  margin-left: 66.66666667%;}
.w-col-offset-9 {  margin-left: 75%;}
.w-col-offset-10 {  margin-left: 83.33333333%;}
.w-col-offset-11 {  margin-left: 91.66666667%;}
.w-hidden-main {  display: none !important;}
@media screen and (max-width: 991px) {
  .w-container {    max-width: 728px;  }
  .w-hidden-main {    display: inherit !important;  }
  .w-hidden-medium {    display: none !important;  }
  .w-col-medium-1 {    width: 8.33333333%;  }
  .w-col-medium-2 {    width: 16.66666667%;  }
  .w-col-medium-3 {    width: 25%;  }
  .w-col-medium-4 {    width: 33.33333333%;  }
  .w-col-medium-5 {    width: 41.66666667%;  }
  .w-col-medium-6 {    width: 50%;  }
  .w-col-medium-7 {    width: 58.33333333%;  }
  .w-col-medium-8 {    width: 66.66666667%;  }
  .w-col-medium-9 {    width: 75%;  }
  .w-col-medium-10 {    width: 83.33333333%;  }
  .w-col-medium-11 {    width: 91.66666667%;  }
  .w-col-medium-12 {    width: 100%;  }
  .w-col-medium-push-1 {    left: 8.33333333%;  }
  .w-col-medium-push-2 {    left: 16.66666667%;  }
  .w-col-medium-push-3 {    left: 25%;  }
  .w-col-medium-push-4 {    left: 33.33333333%;  }
  .w-col-medium-push-5 {    left: 41.66666667%;  }
  .w-col-medium-push-6 {    left: 50%;  }
  .w-col-medium-push-7 {    left: 58.33333333%;  }
  .w-col-medium-push-8 {    left: 66.66666667%;  }
  .w-col-medium-push-9 {    left: 75%;  }
  .w-col-medium-push-10 {    left: 83.33333333%;  }
  .w-col-medium-push-11 {    left: 91.66666667%;  }
  .w-col-medium-pull-1 {    right: 8.33333333%;  }
  .w-col-medium-pull-2 {    right: 16.66666667%;  }
  .w-col-medium-pull-3 {    right: 25%;  }
  .w-col-medium-pull-4 {    right: 33.33333333%;  }
  .w-col-medium-pull-5 {    right: 41.66666667%;  }
  .w-col-medium-pull-6 {    right: 50%;  }
  .w-col-medium-pull-7 {    right: 58.33333333%;  }
  .w-col-medium-pull-8 {    right: 66.66666667%;  }
  .w-col-medium-pull-9 {    right: 75%;  }
    .w-col-medium-pull-10 {    right: 83.33333333%;  }
  .w-col-medium-pull-11 {    right: 91.66666667%;  }
  .w-col-medium-offset-1 {    margin-left: 8.33333333%;  }
  .w-col-medium-offset-2 {    margin-left: 16.66666667%;  }
  .w-col-medium-offset-3 {    margin-left: 25%;  }
  .w-col-medium-offset-4 {    margin-left: 33.33333333%;  }
  .w-col-medium-offset-5 {    margin-left: 41.66666667%;  }
  .w-col-medium-offset-6 {    margin-left: 50%;  }
  .w-col-medium-offset-7 {    margin-left: 58.33333333%;  }
  .w-col-medium-offset-8 {    margin-left: 66.66666667%;  }
  .w-col-medium-offset-9 {    margin-left: 75%;  }
  .w-col-medium-offset-10 {    margin-left: 83.33333333%;  }
  .w-col-medium-offset-11 {    margin-left: 91.66666667%;  }
  .w-col-stack {      width: 100%;    left: auto;    right: auto;  }
}
@media screen and (max-width: 767px) {
  .w-hidden-main {    display: inherit !important;  }
  .w-hidden-medium {    display: inherit !important;  }
  .w-hidden-small {    display: none !important;  }
  .w-row,  .w-container .w-row {    margin-left: 0;    margin-right: 0;  }
  .w-col {    width: 100%;    left: auto;    right: auto;  }
  .w-col-small-1 {    width: 8.33333333%;  }
  .w-col-small-2 {    width: 16.66666667%;  }
  .w-col-small-3 {    width: 25%;  }
  .w-col-small-4 {    width: 33.33333333%;  }
  .w-col-small-5 {    width: 41.66666667%;  }
  .w-col-small-6 {    width: 50%;  }
  .w-col-small-7 {    width: 58.33333333%;  }
  .w-col-small-8 {    width: 66.66666667%;  }
  .w-col-small-9 {    width: 75%;  }
  .w-col-small-10 {    width: 83.33333333%;  }
  .w-col-small-11 {    width: 91.66666667%;  }
  .w-col-small-12 {    width: 100%;  }
  .w-col-small-push-1 {    left: 8.33333333%;  }
  .w-col-small-push-2 {    left: 16.66666667%;  }
  .w-col-small-push-3 {    left: 25%;  }
  .w-col-small-push-4 {    left: 33.33333333%;  }
  .w-col-small-push-5 {    left: 41.66666667%;  }
  .w-col-small-push-6 {    left: 50%;  }
  .w-col-small-push-7 {    left: 58.33333333%;  }
  .w-col-small-push-8 {    left: 66.66666667%;  }
  .w-col-small-push-9 {    left: 75%;  }
  .w-col-small-push-10 {    left: 83.33333333%;  }
  .w-col-small-push-11 {    left: 91.66666667%;  }
  .w-col-small-pull-1 {    right: 8.33333333%;  }
  .w-col-small-pull-2 {    right: 16.66666667%;  }
  .w-col-small-pull-3 {    right: 25%;  }
  .w-col-small-pull-4 {    right: 33.33333333%;  }
  .w-col-small-pull-5 {    right: 41.66666667%;  }
  .w-col-small-pull-6 {    right: 50%;  }
  .w-col-small-pull-7 {    right: 58.33333333%;  }
  .w-col-small-pull-8 {    right: 66.66666667%;  }
  .w-col-small-pull-9 {    right: 75%;  }
  .w-col-small-pull-10 {    right: 83.33333333%;  }
  .w-col-small-pull-11 {    right: 91.66666667%;  }
  .w-col-small-offset-1 {    margin-left: 8.33333333%;  }
  .w-col-small-offset-2 {    margin-left: 16.66666667%;  }
  .w-col-small-offset-3 {    margin-left: 25%;  }
  .w-col-small-offset-4 {    margin-left: 33.33333333%;  }
  .w-col-small-offset-5 {    margin-left: 41.66666667%;  }
  .w-col-small-offset-6 {    margin-left: 50%;  }
  .w-col-small-offset-7 {    margin-left: 58.33333333%;  }
  .w-col-small-offset-8 {    margin-left: 66.66666667%;  }
  .w-col-small-offset-9 {    margin-left: 75%;  }
  .w-col-small-offset-10 {    margin-left: 83.33333333%;  }
  .w-col-small-offset-11 {    margin-left: 91.66666667%;  }
}
@media screen and (max-width: 479px) {
  .w-container {    max-width: none;  }
  .w-hidden-main {    display: inherit !important;  }
  .w-hidden-medium {    display: inherit !important;  }
  .w-hidden-small {    display: inherit !important;  }
  .w-hidden-tiny {    display: none !important;  }
  .w-col {    width: 100%;  }
  .w-col-tiny-1 {    width: 8.33333333%;  }
  .w-col-tiny-2 {    width: 16.66666667%;  }
  .w-col-tiny-3 {    width: 25%;  }
  .w-col-tiny-4 {    width: 33.33333333%;  }
  .w-col-tiny-5 {    width: 41.66666667%;  }
  .w-col-tiny-6 {    width: 50%;  }
  .w-col-tiny-7 {    width: 58.33333333%;  }
  .w-col-tiny-8 {    width: 66.66666667%;  }
  .w-col-tiny-9 {    width: 75%;  }
  .w-col-tiny-10 {    width: 83.33333333%;  }
  .w-col-tiny-11 {    width: 91.66666667%;  }
  .w-col-tiny-12 {    width: 100%;  }
  .w-col-tiny-push-1 {    left: 8.33333333%;  }
  .w-col-tiny-push-2 {    left: 16.66666667%;  }
  .w-col-tiny-push-3 {    left: 25%;  }
  .w-col-tiny-push-4 {    left: 33.33333333%;  }
  .w-col-tiny-push-5 {    left: 41.66666667%;  }
  .w-col-tiny-push-6 {    left: 50%;  }
  .w-col-tiny-push-7 {    left: 58.33333333%;  }
  .w-col-tiny-push-8 {    left: 66.66666667%;  }
  .w-col-tiny-push-9 {    left: 75%;  }
  .w-col-tiny-push-10 {    left: 83.33333333%;  }
  .w-col-tiny-push-11 {    left: 91.66666667%;  }
  .w-col-tiny-pull-1 {    right: 8.33333333%;  }
  .w-col-tiny-pull-2 {    right: 16.66666667%;  }
  .w-col-tiny-pull-3 {    right: 25%;  }
  .w-col-tiny-pull-4 {    right: 33.33333333%;  }
  .w-col-tiny-pull-5 {    right: 41.66666667%;  }
  .w-col-tiny-pull-6 {    right: 50%;  }
  .w-col-tiny-pull-7 {    right: 58.33333333%;  }
  .w-col-tiny-pull-8 {    right: 66.66666667%;  }
  .w-col-tiny-pull-9 {    right: 75%;  }
  .w-col-tiny-pull-10 {    right: 83.33333333%;  }
  .w-col-tiny-pull-11 {    right: 91.66666667%;  }
  .w-col-tiny-offset-1 {    margin-left: 8.33333333%;  }
  .w-col-tiny-offset-2 {    margin-left: 16.66666667%;  }
  .w-col-tiny-offset-3 {    margin-left: 25%;  }
  .w-col-tiny-offset-4 {    margin-left: 33.33333333%;  }
  .w-col-tiny-offset-5 {    margin-left: 41.66666667%;  }
  .w-col-tiny-offset-6 {    margin-left: 50%;  }
  .w-col-tiny-offset-7 {    margin-left: 58.33333333%;  }
  .w-col-tiny-offset-8 {    margin-left: 66.66666667%;  }
  .w-col-tiny-offset-9 {    margin-left: 75%;  }
  .w-col-tiny-offset-10 {    margin-left: 83.33333333%;  }
  .w-col-tiny-offset-11 {    margin-left: 91.66666667%;  }
}

.page-template-flexible .content-wrapper{
  padding-top: 96px;
}

.whitesection {  background-color: white; padding:2rem 0;}
.whitesection h3 {  color: #69556f;}
.greysection {  background-color: #f5f5f5; padding:2rem 0;}
.greysection h3 {  color: #442B4B;}
.colorsection {  background-color: #422a51;  color: white; padding:2rem 0;}
.colorsection h1, .colorsection h2, .colorsection h3, .colorsection p, .colorsection a{  color: white;}

/*.centered {
  display: block;
  width: 100%;
  max-width: 700px;
  margin: auto;
  text-align: center !important;
}
.centered h1, .centered h2, .centered h3 {
  margin: inherit auto;
  text-align: center;
}*/

/*=====================================================
Single Column
=====================================================*/
.singl-col{
  position: relative;
}
.banner{
  position: relative;
  height: 288px;
}
.banner h2, .banner h1{
  position: absolute;
  bottom: 0;
  left: 0;
  margin:0;
  color:#422a51;
  background-color: #FFF;
  text-transform: uppercase;
  padding:9px;
  line-height: 50px;
}
.banner h2 .subheading{ font-size: 2.1rem; font-weight: normal; color:#eee;}

.banner-content{
  position: absolute;
  bottom: 0;
  left: 0;
  color:#422a51;
  background-color: #FFF;
  padding:9px;
  font-size: 1rem;
}
.banner-content .readmore{
  padding:5px;
  display: inline-block;
}

/*=====================================================
Graphic Links
=====================================================*/

.single_solution{
  margin:2rem 0;
}

/*=====================================================
Feature Icons
=====================================================*/

span.subheading{
  display: block;
  font-weight: bold;
  font-size: 1.2rem;
  color:#422a51;
}

.benefit {  padding-top: 3rem;  }
.benefit-12 {  padding-left: 100px;}
.benefit i {  font-size: 2.5rem;  width: 60px;  top: 3rem; transition: 0.3s ease-in-out;}
.benefit-12 i {  top: 3.5rem;  font-size: 3.5rem;}
.benefit h3 {  margin-top: 0.5rem;  margin-bottom: 0.5rem;}

/*=====================================================
Image with text block
=====================================================*/
.sideimage {  margin-top: 1rem;}
@media only screen and (min-width: 992px) {  .sideimage {    margin-top: 0;  }}

/*=====================================================
Text Only
=====================================================*/

.sub-heading h2{
  border-bottom: 0;
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: none;
}

/*=====================================================
Photo Gallery
=====================================================*/

.gallery-header{margin-bottom: 1rem;}
.photo-tile img {padding:0px 10px;}
.photo-gallery button.slick-next.slick-arrow{top:10rem;right:-0.8rem; z-index:-999; }
.photo-gallery button.slick-prev.slick-arrow{top:10rem; left:-0.8rem; z-index:-999; }
/*.photo-gallery .slick-dots{bottom:65px;}*/

.photo-gallery .slick-slider{
  height: auto;
}

/*=====================================================
Text With Sidebar
=====================================================*/
.sidebar_box {
  display: block;
  margin-bottom: 1rem;
  background-color: #422a51;
  padding:20px;
  text-align: center;
  text-transform: uppercase;
}
.sidebar_box:last-child {  margin-bottom: 0;}

.sidebar_box h3 {
  color: white;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 0;
}

.sidebar_box_content {
  color:#FFF;
}

.sidebar_box .cta{
  background-color: #c8d625;
  display: inline-block;
  width: auto;
  color:#422a51;
  text-decoration: none;
}
.sidebar_box .cta:hover{
  background-color: #eeff2d;
  color:#422a51;
}

/*=====================================================
Tabs
=====================================================*/
.responsiveTabs {  display: block;  margin-top: 1rem;}
div.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {  border-top-right-radius: 0px;  border-top-left-radius: 0px;}

div.r-tabs {
  position: relative;
  background: #f5f5f5;
  border-top: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  border-radius: 0px;
}

div.r-tabs .r-tabs-panel {
  background-color: white;
  border-bottom: 4px solid white;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

div.r-tabs .r-tabs-nav .r-tabs-tab {  background-color: #422a51;}

div.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  background-color: #422a51;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom: 1px solid #f0f0f0;
}

div.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #422a51; color:#FFF ;}
div.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {  color: #422a51;}

/*=====================================================
Feature List
=====================================================*/
.features {
  text-align: left;
  margin: 0;
  list-style: none;
  padding-left: 0;
}

.features li {  position: relative;  padding-left: 2rem;}

.features li:before {
  font-family: 'FontAwesome';
  content: '\f00c';
  position: absolute;
  left: 0;
  top: 0;
  color: #422a51;
}

/*=====================================================
Portfolio
=====================================================*/

.pf_title{text-align: center;}
.examples {  padding-top: 1.5rem;}
.example_container {  padding: 0 10px;}
.examples .slick-dots {  bottom: -2rem;  text-align: center;  padding: 0 20px 0 0;}
.examples .slick-dots li button:before {  color: #422a51;  opacity: 1;  font-size: 1rem;}
.examples .slick-dots li.slick-active button:before {/*  content: "\f111";*/  color: #422a51;}


/*=====================================================
Grid Section
=====================================================*/
.grid_single {
  display: block;
  margin-bottom: 1rem;
  text-align: center;
}
.grid_single:hover {  opacity: 0.8;}
.grid_single img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
}
/*=====================================================
Testimonials
=====================================================*/

.testimonial{
  margin-bottom: 1rem;
  padding:0 1rem;
}

.clientname {
  font-weight: bold;
  color: #422a51;
  display: block;
}

.org {  color: #4a4a4a;}
.single_resource {  padding: 1rem 0;  border-bottom: 1px solid #E3E3E3;}

.w-row:last-child .single_resource {
  border-bottom: 0;
  padding-bottom: 0;
}
h3.resource_title {  margin-bottom: -0.5rem;}
@media only screen and (max-width: 1400px) {	.testimonial{padding:0px 50px;}}
@media only screen and (max-width: 640px) {	.testimonial{padding:0px 10px;}}

.testimonials .slick-slider{
  height: auto;
}

/*=====================================================
Resources
=====================================================*/

.cta, input[type="submit"], header .cta_container a {
  display: block;
  background-color: #422a51;
  color: white;
  padding: 0.75rem 20px;
  border: none;
  text-align: center;
  transition: 0.5s;
}
.cta:visited, input[type="submit"]:visited, header .cta_container a:visited {  color: white;}
.cta:focus, input[type="submit"]:focus, header .cta_container a:focus {  color: white;}
.cta:hover, input[type="submit"]:hover, header .cta_container a:hover {  color: white;}
.cta:active, input[type="submit"]:active, header .cta_container a:active {  color: white;}
.cta:hover, input[type="submit"]:hover, header .cta_container a:hover {  background-color: #302956;}
@media only screen and (min-width: 768px) {  .cta, input[type="submit"], header .cta_container a {    display: inline-block;    padding: 0.5rem 20px;  margin-top: 0.5rem;}}

.single_resource {  padding: 1rem 0;  border-bottom: 1px solid #E3E3E3;}
.w-row:last-child .single_resource {  border-bottom: 0;  padding-bottom: 0;}
h3.resource_title {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: bold;
  color:#FFF;
  text-transform: uppercase;
}

.resource-box{
  
  padding:1.5rem;
}
.resource-content{
  background-color: rgba(66,42,81,0.88);
  color:#FFF;
  padding:1.5rem;
  border-radius: 5px;
}
.resource-content .download{
  color: #FFFFFF;
  text-decoration: none;
  font-size: 1.2rem;
}


/*=====================================================
Blog
=====================================================*/

.solution_container {  margin-bottom: 1rem;}

a.solution {
  display: block;
  height: 15rem;
  position: relative;
  background-color: #422a51;
  overflow: hidden;
  margin-bottom: 1rem;
}

.solution_container .solution {  margin-bottom: 0;}
.solution h3 {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: white;
  background-color: #422a51;
  padding: 0.5rem 20px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 0;
}

.solution img {
  min-width: 100%;
  min-height: 100%;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  transform-origin: 50% 0%;
  opacity: 0.5;
}

.solution:hover h3 {
  -moz-transform: translateY(5rem);
  -ms-transform: translateY(5rem);
  -webkit-transform: translateY(5rem);
  transform: translateY(5rem);
}

.solution:hover img {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 1;
}

.readmore {
  display: block;
  font-size: 0.875rem;
  margin-top: -0.5rem;
}

.single_sol_img {
  display: block;
  max-width: 300px;
}

h3.single_sol_h3 {
  margin-bottom: 0;
  margin-top: 0.25rem;
  font-weight: bold;
}

.single_solution p {  margin-top: 0;}

/*=====================================================
Feature Tabs
=====================================================*/
.slider-nav {  display: none;}
@media only screen and (min-width: 768px) {
  .slider-nav {
    display: block;
    z-index: 100;
  }
}

.slider-nav-link {  padding: 10px;  outline: none !important;  cursor: pointer;}

.slider_nav_link_internal {
  text-align: center;
  background-color: #e1e1e1;
  padding: 20px;
}

.slick-current .slider_nav_link_internal {  background-color: #422a51;  color: white;}
.slider-nav-link i {  display: block;  font-size: 1.5rem;}
.slider-for {  background-color: white;}
@media only screen and (min-width: 768px) {
  .slider-for {    margin-top: -3rem;  }
}

.feature_slide {  padding: 3rem 20px;}
.slideimage {  width: 60%;  display: block;  margin: 1rem auto 0;}


.slider-for .slick-prev, .slider-for .slick-next {  z-index: 300;}
.slider-for .slick-prev:before, .slider-for .slick-next:before {  color: #422a51;  font-size: 2rem;}
.slider-for .slick-prev {  left: -15px;}.slider-for .slick-next {  right: -5px;}
@media only screen and (min-width: 768px) {
  .feature_slide {    padding: 5rem 20px 3rem;  }
}

.slideimage {
  width: 60%;
  display: block;
  margin: 1rem auto 0;
}
@media only screen and (min-width: 768px) {
  .slideimage {
    width: 100%;
    margin: 0;
  }
}

.slider-for .slick-prev, .slider-for .slick-next {  z-index: 300;}
.slider-for .slick-prev:before, .slider-for .slick-next:before {  color: #422a51;  font-size: 2rem;}
.slider-for .slick-prev {  left: -15px;}.slider-for .slick-next {  right: -5px;}

@media only screen and (max-width: 680px) {
	.feature_title{display: none;}
}

/*=====================================================
Pricing/Features Table
=====================================================*/
div.matrixwrapper {  position: relative;}

div.matrix {
  width: 100%;
  overflow-x: scroll;
  padding-left: 200px;
  overflow-y: visible;
  padding-bottom: 1px;
  padding-top: 1rem;
}
@media only screen and (min-width: 768px) {
  div.matrix {
    overflow: auto;
  }
}

div.matrix table {
  border-collapse: collapse;
  width: 100%;
  min-width: 650px;
}

div.matrix td, div.matrix th {
  margin: 0;
  border: 1px solid #e1e1e1;
  white-space: nowrap;
  padding: 5px 10px;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1rem;
}

div.matrix th {
  font-family: 'Open Sans', sans-serif;
  color: white;
  padding: 1rem 10px;
  font-size: 1.25rem;
}
div.matrix th.purple {
  background-color: #555;
  border: 1px solid #555;
}
div.matrix th.red {
  background-color: #422a51;
  border: 1px solid #422a51;
}
div.matrix th.green {
  background-color: #1abc9c;
  border: 1px solid #1abc9c;
}

div.matrix td.purple {
  background-color: #f5f4f6;
  border: 1px solid #d9d4db;
}
div.matrix td.red {
  background-color: #f8f6fb;
  border: 1px solid #e7dbf2;
}
div.matrix td.green {
  background-color: #f4f8f8;
  border: 1px solid #d5e3e3;
}

div.matrix .headcol {
  font-family: 'Open Sans', sans-serif;
  position: absolute;
  width: 200px;
  left: 0;
  top: auto;
  background-color: white;
  z-index: 10;
  text-align: left;
  font-size: 1rem;
}
div.matrix .headcol.empty {
  border-top: 1px solid white;
  border-left: 1px solid white;
}

div.matrix tr:nth-child(even) .headcol {  background-color: #f5f5f5;}
div.matrix .fa-times {  color: #b7b7b7;}
div.matrix .fa-check {  color: #59918f;}

@media only screen and (max-width: 680px) {
	.headcol{display: inline-block;}
}

/*=====================================================
Sample Pack
=====================================================*/
section#sample_pack{
  padding:0;
}
.sample-pack{
  background-color: #422a51;
  color:#FFF;
  display: block;
  margin:2rem 0;
  overflow: hidden;
}

.sample-pack a.readmore{
  background-color:#c8d625;
  color:#422a51;
  display:inline-block;
  padding:10px;
  text-decoration:none;
}

.sample-image{
  overflow: hidden;
  margin-left: -20px;
  margin-bottom: -8px;
}
.sample-content{
  padding:20px;
}


/*=====================================================
General Slider
=====================================================*/

a.anchor .fa{
	color: white;
	font-size: 2em;
	margin-top: 2em;
	cursor: pointer;
}

.slider-section{padding:0;}
.gen_slider.slick-slide{
	height:400px;
	padding:5rem 0;
}

.gen_slider .centered{margin-top: 9rem;}
.gen_slider h1{color:white; margin-bottom:2rem;font-weight: bold; }
.gen_slider h2{color:white; margin:0; font-weight: normal; font-size: 2rem; }

.slider-section ul.slick-dots{bottom:0; background-color: #FFF;}
.slider-section .slick-dots li button:before,
.slider-section .slick-dots li.slick-active button:before{color:white;}
.slider-section .slick-dotted.slick-slider{margin-bottom: 0;}
.slider-section button.slick-next.slick-arrow{right:25px;}
.slider-section button.slick-prev.slick-arrow {left:25px; z-index: 50;}

.slide_link{
	background-color: #46cfd4;
    padding: 10px 20px;
    margin-top: 10px;
    border-radius: 5px;
    transition: 0.5s;
    color:white;
    font-size:1.1rem;
}
.slide_link:hover{
	color:white;
	background-color: #29b2b7;
}
.slide_link:visited{color:#fff;}

.slide_content{
  color: #FFFFFF;
  background-color: rgba(66,42,81,0.9);
  padding: 20px;
  border-radius: 5px;
  margin-top: 5rem;
}

.slider-content{margin-bottom: 1rem; color:white}
.slider-content p{margin-top:1rem;}

.slide{
  height: 400px;
}

.slide_content h2{
  color:#FFF;
}
.slider_text{
  display: block;
}
.slide .cta{
  border: 1px solid #a0ae01;
  background-color: #c8d625;
  color:#422a51;
  text-decoration: none;
  font-size: 1.2em;
}
img.slide_image{
  margin:0 auto;
}
.message{
  color:#FFF;
}
.slick-prev, .slick-next{
  z-index: 1;
}

.slider-section .slick-dots li button:before, .slider-section .slick-dots li.slick-active button:before{
  color:#000;
}
.slick-prev, .slick-next{
  padding:20px;
}