/* Globals 
 ======================================================= */
 @import 'https://fonts.googleapis.com/css?family=Karla';
/* General Page Styles
 ======================================================= */
.row{padding-top:1%;}
li{font-size: 15px; line-height: 25px;} 
p{line-height: 24px;}
html body{width:100%; overflow-x: hidden; background-color:#3d3d3d;}
body a{ color: #b9243c; }
body a:hover{color:#000;}
footer{background-color: #3d3d3d;}
h1 strong{font-weight: bold; color: #c63c46; -webkit-font-smoothing: antialiased; }
h1{font:bold 32px 'Helvetica', 'Helvetica Neue', sans-serif;-webkit-font-smoothing: antialiased; }
h2 {margin:0; padding:0; -webkit-font-smoothing: antialiased; font-size:30px; color: #b9243c; font-family:'Helvetica Neue', 'Helvetica', sans-serif; font-weight: 400; margin: 10px 0;}
h3{font-family: 'Helvetica', 'Helvetica Neue', sans-serif; font-size: 20px; color: grey; -webkit-font-smoothing: antialiased; }
h4{font-family: 'Helvetica Neue', 'Helvetica', sans-serif; color: #333; font-weight: normal; font-size:1.2em !important;-webkit-font-smoothing: antialiased; }
p{font-family: 'Helvetica', 'Helvetica Neue', sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; }
#subnav{ padding: 2.5%;
    background-color: #f7f7f7;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;}
#subnav a:first-of-type{
	border-left: none;
}
#subnav a {
    padding: 1.5% 3%;
    color: #555;
    border-left: 1px solid #ccc;
    font-size: 18px;
}
button{
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #4d85ff;
    color: #ffffff;
    font-weight: bold;
    font-size: 17px;
    border-radius: 2px;
    padding: 1.5% 5%;
    border: 1px solid #4d85ff;
    box-shadow: none;
    -webkit-font-smoothing: antialiased;} 
#csubnav button{
	font-size: 15px;
	background-color: #b9243c;
	border: 2px solid #b9243c;
	padding-bottom: 3%;
 }
 #csubnav{ transition: ease .3s; } 
 #csubnav button:focus{
 	outline: none;
 }
 #myNavbar{background-color: #b9243c;} 
 #csubnav .nav li a{ color: #fff; } 
.panel-title{ text-align: center; padding-bottom: 5px; }
.panel-group{
	position: fixed;
	z-index: 999;
    top: 200px;
    border-radius: 2px;
    right: 4vw;
    background-color: #ba243d;
    color: white;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.3);
    padding: 14px 0;
    width: 250px;
    font-weight: 300;
    letter-spacing: .5px;
    font-size: 12px;
    transition: 0.5s;
}
.list-group li{ font-weight: 500; font-size: 13px; line-height: 24px;}  
.list-group li:hover{color:#ccc;}
/* Testing Stuff Out 
 ======================================================= */
.coverviewHeader:hover{text-decoration:none !important;}
.navbar-fixed{position: fixed; top: 3em;}
#navbar{ font-weight: bold; letter-spacing: 0.025em; z-index: 999; background-color: #f7f7f7;}
#navbar ul{text-align: center;}
#navbar ul li{ display: block; padding: 0 3em; line-height: 3em;}
#subnav li a:hover{text-decoration: none; color: #ccc; transition: 1s; } 
.navbar-fixed{width:500px;} 
.two{height:3000px;}  
#cahpsnav .accordion-inner{border-top:none;}
#navbar .accordion-group{border:none;} 
.navbar-fixed ul{ grid-template-columns: 1fr; } 
.collapsed{text-decoration: none ;} 
#cahpsnav{overflow:hidden;} 
#cahpsnav .accordion-inner ul{ display: grid; grid-template-columns: repeat(2, 1fr); }
#cahpsnav .navbar-fixed .accordion-inner ul{grid-template-columns: 1fr;} 
#cahpsnav .row{background-color: #f7f7f7;} 
#cahpsoverview .row{margin-left: 3% !important; margin-right: 3% !important;} 
.cahpsOverview{background-color:#fff;}
.whycahps{padding-left:3% !important; padding-right:3% !important;} 
 /* Hero
 ======================================================= */
.top-header { padding: 20px 10px 40px 10px;}
#hero {background-repeat: repeat; background-position: 20% 30%; background-color: #e5e5e5;}
#hero .container {padding:30px 0 0 0;}
#hero h1 {margin-top: 0; line-height: 1.1em; color: #b9243c; }
#hero h2 {color: #FFF; text-shadow: 1px 1px #000;}
#hero h3 {font-size: 1.4em; line-height: 1em; color: #FFF; text-shadow: 1px 1px #000;}
.heroBox h2{font-size:1.8em;}
.heroBox{background-color: rgba(0, 0, 0, .7); padding: 2%;}
.content p{ padding-top:1%; }
.w-content{/*Hero box text white */color: #3e3e3e;font-size: 1.1em;}
.signupbtn{background-color: transparent; border: 1px solid #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold;color: #fff; box-shadow: none; padding: 2.2% 7%; text-shadow: none; white-space: nowrap;-webkit-font-smoothing: antialiased;}
.signupbtn:hover{background-color:#fff;color:#c63c4c;text-decoration: none;border:1px solid #c63c4c;}
.watchvidbtn{font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;background-color: #4d85ff;color:#ffffff;font-weight: bold;font-size:17px;border-radius: 2px;padding: 2.5% 6%;border: 1px solid #4d85ff;;box-shadow: none; -webkit-font-smoothing: antialiased; }
.watchvidbtn:hover{background-color:#568bff;border:1px solid #4d85ff;color:#fff;}
.icon-play-sign{font-size:21px;}
.thisimg{ padding-left: 1.2em; }
.narrowchart h3{ padding-right: 12%;}
.faq h2{ padding-left: 9.5%; }
.thisimg{ padding-left: 1.2em; }
.heroheading h1{line-height: 35px !important;} 
.heroheading h2{line-height:27px !important;}

/* Body 
 ======================================================= */
 .oasoverview{background-color: #fff; color:grey;}
 .faq{background-color:#fff; padding-bottom: 3%;}
 .whyPartner{background-color:#fff;}

/* Accordion
 ======================================================= */
.faqheader{font-weight: 400; }
.accordianheader {padding:2px; margin-top:20px; outline-color:#fff;}
.accordianheader:focus{outline:none;}
.accordion-heading h4{ color:#898989; }
.icon-plus{color:#898989; transition: transform 1s ease-out; transform:rotate(90deg);}
.icon-minus{color:#b9243c; transition: all 0.5s ease-out;}

/* Carousel 
========================================================= */ 
.benefits{padding-bottom: 40px; background-color: #F7F7F7;}
.benefits .slick-list {margin-left: 20px;}
#benefitsPrevArrow, #benefitsNextArrow{padding-left: 20px; padding-right: 20px;}
#benefitsNextArrow:hover,#benefitsPrevArrow:hover{-webkit-filter:brightness(1000%);filter:brightness(1000%);padding:5px 20px}
.benefits h2{text-align:center;color:#c63c4c;font-size:35px;padding-bottom:10px}
.benefits h1{font-size:31px;line-height:110%;color:#787878}
.slider-content2{ padding-left: 0%; margin-left:0%; }
.slider-content2 .slick-next,.slider-content2 .slick-prev{position:absolute;text-decoration:none;top:20%;font-size:80px;color:#c63c4c}
.slider-content2 .slick-prev{left:-60px}
.slider-content2 .slick-next{right:-60px}
.slider-content2  a{color: #c63c4c];}
.slider-content2  a:link{color: #b9243c;}
.slider-content2  a:visited{color: #b9243c;}
.slider-content2 a:hover{ background-color: #c63c4c;}
.slider-content2  a:active{color: rgba(198,60,76,0.8);}
.icon-cloud, .icon-circle-arrow-up, .icon-book, .icon-group, .icon-cogs, .icon-comments, .icon-bar-chart, .icon-comment, .icon-arrow-up, .icon-usd, .icon-laptop, .icon-user{font-size:80px !important;text-align: center;}
.slider-content2 h4{font-family: 'Helvetica', 'Helvetica Neue', Arial, sans-serif; text-align: center;font-weight: 300;width: 300px;font-size: 33px;color: #000000;line-height: 120%;padding-bottom: 1%;padding-top: 2%;}
.slider-content2 p{width: 280px;text-align: center;font-size: 15px;}
.slider-content2 p{text-align: center;}
.slider-content p{font-size:120%;}
.slider-content div{padding: 0 1% 0 1%;}
.slider-content>div h4{color: #ffffff; font-weight:500;}
.slider-content2>div h4{font-size:1.3em !important;}
table, tr, td, th{border: 1px solid #000;}
table{text-align: center;}
/* Responsive Media Queries
 ======================================================= */
/* Large desktop */
@media (min-width: 1200px)  {
/* hero btn spacing */
 	.benefits .slick-list {margin-left: 80px;}
 	#csubnav{display: none;}
}

/*======================================================= */
/* Landscape tablet */
@media (min-width: 769px) and (max-width: 1200px) {
	/* Hero */
	#hero h3 {font-size: 22px;line-height: 34px;}
	#hero{background-position: 55% 30%;}
	.heroBox{padding: 2% 4%}
	/* Hero Btns */
	#signupbtn{padding:3% 12%;}
	.watchvidbtn{padding: 3% 10%;}
	/* Hero Btn Spacing */
	#benefitsPrevArrow, #benefitsNextArrow{padding-left: 30px; padding-right: 30px;}
	#csubnav{display: none;}
}

/*======================================================= */
@media (min-width: 769px) and (max-width: 979px){ /*------Test Media Queries for Sign Up Button---*/
	/* Hero Btn */ 
	.signupbtn{padding:3% 13%;}
	.watchvidbtn{padding: 3% 10%;}
	/* Hero Box Shadow */ 
	#heroBox{padding: 2% 7%;}
	#cahpsnav{display:grid;} 
	#csubnav{display: none;}
}
/*======================================================= */
/* Portrait tablet */
@media (max-width: 768px) {
	nav.nav-main{padding-top: 0!important; padding-bottom:0!important;} 
	#csubnav{display: block;} 
	.cahpsOverview{padding: 5%;}
	#hero .container:first-of-type{padding-top: 5%; padding-bottom: 3%;} 
	html, body { width:100%;}
	#hero h3 {font-size: 21px;line-height: 28px;}
	#hero{background-position: 70% 50%;}
	/* Hero Btn Panel*/ 
	.signupbtn{padding:1.5% 5%;font-size: 1.4em;}
	.watchvidbtn{padding: 1.5% 5%;}
	.btn-pair{text-align: center;}
	/* General Btn Style */
	.faqheader{padding:2%;}
	/*.faq h2{padding-left: 0%;}*/ 
	.panel-slider .slider-content>div p { padding: 0% !important; }
	.panel-slider .slider-content{ padding: 3% !important; }
	/*.narrowchart{padding-left:2%;}*/
	.narrowchart{padding-left: 0%;}
	.faq h2{ padding-left: 3%; padding-right: 2%;}
	#benefitsPrevArrow, #benefitsNextArrow{padding-left: 40px; padding-right: 40px;}
	.benefits .slick-list {margin-left: 50px;}
	.accordioncol{padding-bottom:2%;}
	#cahpsnav .accordion-inner ul{ grid-template-columns: 1fr } 
	#cahpsnav .accordion-toggle{padding-top: 3%;} 
	#cahpsnav{display: none;}
	#csubnav ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
    padding-top: 3%;
    padding-bottom: 2%;
	}
	#myNavbar{display:grid;}
	footer{overflow: hidden;} 

}
 /* Carousel */ 
 @media (min-width: 479px) and (max-width: 705px){
 	#desktopimg{display: none;}
 }
/*======================================================= */
/* Landscape phones and down */
@media (max-width: 480px) {
	nav.nav-main{padding-top: 0!important; padding-bottom:0!important;} 
	#subnav{padding: 6% 0 6% 0;}
	#csubnav ul{ display: grid; grid-template-columns: repeat(2, 1fr); } 
	#cahpsnav{display: none;}
	.cahpsOverview{padding: 5%;}
	#hero h3 {font-size:18px;}
	#hero {background-size: cover;background-repeat: no-repeat; padding:5%;}
	.thisimg{padding-bottom:5%;}
	.faqheader{padding-bottom: 2%;}
	.title{border-bottom: 1px solid #c63c4c;}
	.features-benefits .mobile p{padding-bottom: 10%}
 /* Hero Btn Panel */ 
	.signupbtn{padding: 2.2% 8%;border-radius: 2px;font-size: 1.4em;}
	.watchvidbtn{color:#fff;background-color: #4d85ff;padding: 2.2% 8%;}
	.watchvidbtn:hover{color:#fff;background-color: #568bff;}
	.btn-pair{text-align: center;}
/* General Btn Style */
	.newBtn{padding: 2.2% 8%;}
	.container .container-padded {padding: 20px;}
  	#desktopimg{display:none;}
  	#vid{padding-left:1%;}
  	.accordioncol{margin-bottom: 5% !important;} 
  	footer{overflow: hidden;}
  }