@import "https://fonts.googleapis.com/css?family=Lato:300,400,700";
/*------------------------------------------------------ Bootstrap Overrides ------------------------------------------------------*/
/** {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}*/
body {
    font-family:Lato,sans-serif;
    font-weight:300;
    padding-bottom:0px !important;
}
p {
    font-size: 16px;
}
h1, h2, h3, h4, h5, h6{
    font-weight: 300;
}
a {
    color:#3b3b3b;
}
a:hover {
  color: #aa0f1d;
  text-decoration:none;
}
a:focus {
    text-decoration: none;
}
h5 {
    font-size:18px;
    color:#3b3b3b;
}
h6 {
    font-size:16px;
}
.centerdiv {
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
 ::-moz-selection { /* Code for Firefox */
    color: #FFF;
    background: #868686;
}
::selection {
    color: #FFF;
    background: #868686;
}
/*---------------------------------------- Margin Classes ------------------------------------*/
.margin-bottom {
    margin-bottom: 15px;
}
.margin-bottom-medium {
    margin-bottom: 25px;
}
.margin-bottom-large {
    margin-bottom: 40px;
}
.margin-bottom-xlarge {
    margin-bottom: 50px;
}
.margin-top {
    margin-top: 5px;
}
.margin-top-medium {
    margin-top: 25px;
}
.margin-top-large {
    margin-top: 40px;
}
.margin-top-xlarge {
    margin-top: 65px;
}
/*---------------------------------------- Buttons ------------------------------------*/
.btn-default {
    color:#b13625;
}
.btn-primary, .btn-primary:active {
    color: #fff;
    background-color: #aa0f1d;
    border-color: #aa0f1d;
    border-radius: 2px !important;
    padding:5px 10px;
    font-weight: bold !important;
}
.btn-primary:hover {
    background-color: #4d4b4c !important;
    border-color: #4d4b4c !important;
    color: white !important;
}
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #aa0f1d;
    border-color: #aa0f1d; !important;
}
.btn-primary.active {
    color:#fff;
    border-color:#aa0f1d;
    background-color:#aa0f1d;
 }
.btn-default{
    border: 1px solid #aa0f1d !important;
    border-radius: 2px !important;
    color: #aa0f1d !important;
    font-weight: 300 !important!;
}
.btn-default:hover{
    background-color: #aa0f1d !important;
    color:white !important;
    border: 1px solid transparent !important;
}
.btn-gray{
    border: 1px solid #777 !important;
    border-radius: 2px !important;
    color: white !important;
    background-color: #4d4b4c !important;
    font-weight: 400 !important;
}
.btn-gray:hover{
    border: 1px solid #4d4b4c !important;
    color: black !important;
    background-color:#f9f9f9 !important;
}

.btn-gray-reverse {
    border: 1px solid #4d4b4c !important;
    color: black !important;
    background-color:#f9f9f9 !important;
    border-radius: 2px !important;
    font-weight: 400 !important;
}
.btn-gray-reverse:hover {
    border: 1px solid #777 !important;
    color: white !important;
    background-color: #4d4b4c !important;
}
.btn-white {
    border: 1px solid #4d4b4c !important;
    border-radius: 2px !important;
    color: black !important;
    background-color:white !important;
    font-weight: 400 !important;
}
.btn-white:hover {
    background-color: #4d4b4c !important;
    color: white !important;
    border: 1px solid #777 !important;
}
.btn-lightgray{
    border: 1px solid #6b6b6b !important;
    border-radius: 2px !important;
    color: white !important;
    background-color: #6b6b6b !important;
    font-weight: 300 !important;
}
.btn-lightgray:hover {
    border: 1px solid #4d4b4c !important;
    color: white!important;
    background-color: #4d4b4c !important;
}
/*---------------------------------------- Nav Bar ------------------------------------*/
.navbar-header {
    background-color:white;
    height:80px;
}
.navbar-default>.container {
    height: 122px;
    padding-top: 35px;
}
.nav>li>a:hover, .nav>li>a:focus {
    background-color: white;
    color:#3e3e3e;
}
.navbar-default {
    background-color: white;
    border-color: #e7e7e7;
    font-size: 17px;
    font-weight:300;
    padding-top: 10px;
    padding-bottom:5px;
}
@media (max-width: 991px) {
    .navbar-default {
        font-size:15px;
    }
}
.navbar-header {
    margin-top: -7px;
}
.navbar-nav>li>a {
    color: #222222 !important;
    padding-top:15px;
    padding-bottom:15px;
}
@media (max-width: 992px) {
    .navbar-nav>li>a  {
        padding: 15px 10px;
    }
}
.navbar-nav>li>ul>li>a:hover {
    background-color:#f4f4f4 !important;
}
.dropdown-menu>li>a {
    color: #222222 !important;
    font-size:15px;
    font-weight:300;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #f5f5f5;
}
.navbar-default {
    z-index:101;
    padding-top: 50px;
    padding-bottom: 100px;
}
@media (max-width: 992px) {
    .navbar-default{
        padding-top: 25px;
        padding-bottom: 10px;
    }
}
.navbar-default ul, .navbar-default li {
    background-color: white;
    z-index:1010;
}
.navbar-default form {
    padding-right:0px;
    padding-left:25px;
    margin-top: 7px;
}
.navbar-default img {
    width:265px;
    height:auto;
    margin-top:0px;
}
@media (max-width:660px) {
    .navbar-default img {
        margin-left:10px;
        width:200px;
    }
}
.navbar-form {
    border-bottom: none;
}
.navbar-default .navbar-nav > .active > a {
    background-color:#FFF;
}
#navbar .navbar-nav .active .activeTest {
  border-bottom: 2px solid #aa0f1d;
  padding-bottom: 5px;
}
.activeTest:hover {
    border-bottom: 2px solid #E0E0E0;
    padding-bottom: 5px;
}
.dropdown-menu>.active>a {
    background-color:#f4f4f4;
}
.navbar-default .navbar-nav>.active>a {
    background-color: white !important;
}
.selected {
    border-bottom: 2px solid #aa0f1d;
    padding-bottom: 5px;
}
/*---------------------------------------- Images Backgrounds ------------------------------------*/
.widewrapper_index {
    background-image: url('https://cdn.cd2learning.com/CD2_web/cd2-home-2015/HP_RedChair_Awards.jpg');
    background-position: 50% 75%;
    background-size: cover;
    -ms-behavior: url(/App_Themes/homepage-learning/backgroundsize.min.htc);
    height: 550px;
}
.widewrapper_feature {
    background-image: url('https://cdn.cd2learning.com/CD2_web/cd2-home-2015/HP_RedChair_Awards.jpg');
    background-position: 80% 0;
    background-size: cover;
    -ms-behavior: url(/App_Themes/homepage-learning/backgroundsize.min.htc);
    height: 550px;
}
.widewrapper_solutions {
    background-image: url('https://cdn.cd2learning.com/CD2_web/cd2-home-2015/HP_RedChair_Awards.jpg');
    background-position: 80% 0;
    background-size: cover;
    -ms-behavior: url(/App_Themes/homepage-learning/backgroundsize.min.htc);
    height: 550px;
}
.widewrapper_content_authoring {
    background-image: url('https://cdn.cd2learning.com/CD2_web/public/authoring_header_dark.png');
    background-position: 50% 0;
    background-size: cover;
    -ms-behavior: url(/App_Themes/homepage-learning/backgroundsize.min.htc);
    height: 400px;
    color:white;
    text-align: center;
}
@media (max-width: 768px) {
    .widewrapper_content_authoring {
    background-position-x:0px;
    }
}
.widewrapper_clients2 {
    background-image: url('https://cdn.cd2learning.com/CD2_web/public/clients_header_dark2.png');
    background-position: 50% 0;
    background-size: cover;
    -ms-behavior: url(/App_Themes/homepage-learning/backgroundsize.min.htc);
    height: 400px;
    color:white;
    text-align: center;
}
.widewrapper_why2 {
    background-image: url('https://cdn.cd2learning.com/CD2_web/cd2-home-2015/why_happyuser_dark.jpg');
    background-position: 80% 0;
    background-size: cover;
    -ms-behavior: url(/App_Themes/homepage-learning/backgroundsize.min.htc);
    height: 550px;
    background-repeat:no-repeat;
}
@media (min-width: 1375px) {
    .widewrapper_why2 {
        background-position-y: -100px;
        background-repeat:no-repeat;
    }
}
@media (max-width: 991px) {
    .widewrapper_why2 {
        background-image: url('https://cdn.cd2learning.com/CD2_web/cd2-home-2015/why_happyuser_dark30.jpg');
    }
}
@media (max-width: 768px) {
    .widewrapper_why2 {
        background-position-x: -450px;
    }
}
.widewrapper_lms {
    background-image: url('https://cdn.cd2learning.com/CD2_web/public/lms_header_dark.png');
    background-position: 80% 0;
    background-size: cover;
    -ms-behavior: url(/App_Themes/homepage-learning/backgroundsize.min.htc);
    height: 400px;
    color:white;
    text-align: center;
}
.widewrapper_managed_services {
    background-image: url('https://cdn.cd2learning.com/CD2_web/public/managedservices_dark.png');
    background-position: 80% 0;
    background-size: cover;
    -ms-behavior: url(/App_Themes/homepage-learning/backgroundsize.min.htc);
    height: 400px;
    text-align: center;
}
@media (max-width: 768px) {
    .widewrapper_managed_services {
    background-position: 30% 0;
    }
}
.widewrapper_content_creation {
    background-image: url(https://cdn.cd2learning.com/CD2_web/public/contentcreation_dark.png);
    background-position: 80% 0;
    background-size: cover;
    -ms-behavior: url(/App_Themes/homepage-learning/backgroundsize.min.htc);
    height: 400px;
    text-align: center;
}
.widewrapper_about {
    background-image: url('https://cdn.cd2learning.com/CD2_web/cd2-home-2015/about_skyline2.jpg');
    background-position: 80% 0;
    background-size: cover;
    -ms-behavior: url(/App_Themes/homepage-learning/backgroundsize.min.htc);
    height: 550px;
}
@media (min-width: 768px) {
    .widewrapper_about {
    background-position: 80% 0;
    }
}
.widewrapper_award {
    background-image: url('https://cdn.cd2learning.com/CD2_web/cd2-home-2015/gray_bkgd.gif');
    background-position: 80% 100%;
    background-size: cover;
    -ms-behavior: url(/App_Themes/homepage-learning/backgroundsize.min.htc);
    height: 550px;
}
.widewrapper_clients {
    background-image: url('https://cdn.cd2learning.com/CD2_web/cd2-home-2015/hero_clients.jpg');
    background-position: 75% -146px;
    background-size: cover;
    -ms-behavior: url(/App_Themes/homepage-learning/backgroundsize.min.htc);
    height: 418px;
    background-color:gray;
    background-repeat: no-repeat;
}


@media (max-width: 1199px) {
    .widewrapper_clients  {
    content: url('https://cdn.cd2learning.com/CD2_web/cd2-home-2015/hero_clients_mini.jpg');
    width:100%;
    height:auto;
    }
}
@media (max-width: 768px) {
    .client_row_support {
        height:400px;
    }
}
.widewrapper_learning_management {
    background-image: url('https://cdn.cd2learning.com/CD2_web/cd2-home-2015/learning_management.jpg');
    background-position: 80% 0;
    background-size: cover;
    -ms-behavior: url(/App_Themes/homepage-learning/backgroundsize.min.htc);
    height: 550px;
}
@media (max-width: 768px) {
    .widewrapper_learning_management {
    background-image: none;
    height:auto;
    }
}
.widewrapper_content_management {
    background-image: url('https://cdn.cd2learning.com/CD2_web/cd2-home-2015/content_management.jpg');
    background-position: 80% 0;
    background-size: cover;
    -ms-behavior: url(/App_Themes/homepage-learning/backgroundsize.min.htc);
    height: 550px;
}
@media (max-width: 768px) {
    .widewrapper_content_management{
    background-image: none;
    height:auto;
    }
}
.widewrapper_social_collaboration {
    background-image: url('https://cdn.cd2learning.com/CD2_web/cd2-home-2015/social_collaboration.jpg');
    background-position: 80% 0;
    background-size: cover;
    -ms-behavior: url(/App_Themes/homepage-learning/backgroundsize.min.htc);
    height: 550px;
}
@media (max-width: 768px) {
    .widewrapper_social_collaboration {
    background-image: none;
    height:auto;
    }
}
.widewrapper_talent_management {
    background-image: url('https://cdn.cd2learning.com/CD2_web/cd2-home-2015/talent_management2.jpg');
    background-position: 80% 0;
    background-size: cover;
    -ms-behavior: url(/App_Themes/homepage-learning/backgroundsize.min.htc);
    height: 550px;
}
@media (max-width: 768px) {
    .widewrapper_talent_management {
    background-image: none;
    height:auto;
    }
}
#main_headline h1 {
    padding-top:70px;
    font-size:60px;
    color:#b53626;
}
@media (max-width: 768px) {
    #main_headline h1 {
        text-align: center;
        padding-top:50px;
    }
    #main_headline h2 {
        text-align: center; 
    }
}
#main_headline h2 {
    margin-top: -3px;
    padding:0 0 0 5px;
    font-size:36px;
    color:#606060;
}
#TrainingIndustry_Award {
    position:absolute;
    right:1px;
    top:224px;
}
.widewrapper_index {
    z-index:1;
    pointer-events:none;
}
#TrainingIndustry_Award {
    z-index:2;
    cursor:pointer;
}
#TrainingIndustry_Award img{
    width: 535px;
    height: 153px;
    cursor:pointer;
}
@media (max-width: 1230px) {
    #TrainingIndustry_Award{
        display:none;
    }
}
@media (min-width: 1550px) {
    #TrainingIndustry_Award{
        right:5%;
    }
}
@media (max-width: 1310px) {
    #TrainingIndustry_Award img{
        width: 500px;
        height: auto;
    }
}
.down_arrow {
    margin: -20px 0 0px 0;
}
.widewrapper_content_authoring img, .widewrapper_content_management img, .widewrapper_learning_management img, .widewrapper_social_collaboration img, .widewrapper_talent_management img, .widewrapper_clients2 img, {
    width:100%;
    height: auto;
}
/*---------------------------------------- Logo - TRIANGLE ------------------------------------*/
.triangle.white {
    border-color: #fff transparent transparent transparent;
}
.triangle {
    width: 0;
    height: 0;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    border-top: 20px solid #f00;
    position: absolute;
    left: 15px;
    z-index: 100;
}
@media (max-width: 768px) {
    .triangle {
    left:25px;
    }
}
.top-gradient {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e1e1e1), color-stop(25% #ececec), color-stop(50% #f6f6f6), color-stop(100% #fff));
  background-image: -webkit-linear-gradient(top, #e1e1e1 0, #ececec 25%, #f6f6f6 50%, #fff 100%);
  background-image: -moz-linear-gradient(top, #e1e1e1 0, #ececec 25%, #f6f6f6 50%, #fff 100%);
  background-image: -ms-linear-gradient(top, #e1e1e1 0, #ececec 25%, #f6f6f6 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #e1e1e1 0, #ececec 25%, #f6f6f6 50%, #fff 100%);
  background-image: linear-gradient(top, #e1e1e1 0, #ececec 25%, #f6f6f6 50%, #fff 100%);
  -pie-background: linear-gradient(top, #e1e1e1 0, #ececec 25%, #f6f6f6 50%, #fff 100%);
  behavior: url(PIE.htc);
  height: 50px;
}
/*---------------------------------------- SubNav Bar ------------------------------------*/
#subpage_navigation {
    margin-bottom: 77px;
}
#subnav_v2 {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    padding: 25px 0;
}
#subnav_v2 .btn {
    margin-top:-9px;
}
@media (max-width: 768px) {
    #subnav_v2 .btn {
    margin-top:0px;
    }
}
.subnav_v2-fixed {
    position:fixed;
    top:0;
    width:100%;
    z-index:99;
}
.subnav_bkgd_v2 {
    background-color: rgba(255,255,255,.95) !important;
    border-bottom: 1px solid #DADADA;
    box-shadow: 0 1px 10px rgba(81, 81, 81, 0.2);
    border-top: 1px solid #DADADA;
}
#subnav_v2 ul {
    display: inline;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
}
#subnav_v2 ul li {
    text-decoration: none;
    list-style: none;
    height: 100px;
    text-align: center;
    display: inline;
    margin-right: 15px;
    margin-left: auto;
    line-height: 37px;
    font-size: 22px;
    padding: 0 10px;
    color: #AFAFAF;
    font-weight: 300 !important;
}
.text_btn {
    border:none;
    background-color:none;
    background:none;
}
.subnav-margin {
    margin-top: 78px;
}
/*---------------------------------------- Features ------------------------------------*/
#features {
    padding-top:30px;
}
#features-sidemenu ul {
    padding:10px 0;
    line-height: 26px;
}
.features-sidemenu-fixed {
    position:fixed;
    top:85px;
}
#features-sidemenu ul li {
    color:#3b3b3b;
    list-style-type:none;
    text-decoration:none;
    font-size:16px;
}
@media (max-width:992px) {
    #features img{
        margin-right:auto;
        margin-left:auto;
    }
}
.features-sidemenu-next {
    font-weight: 400 !important;
    margin-top: 60px !important;
    color:#151515;
}
.feature_title {
    font-size:26px;
    color:#393838;
    padding-top: 85px;
}
@media (max-width:992px) {
    .feature_title {
        text-align:center;
        padding-top: 10px;
    }
}
.feature_title>.red_underline {
    border-bottom:2px solid #aa0f1d !important;
    width:500px;
}
.feature_padding-top {
    padding-top:110px;
}
#features h5, #overview h5 {
    font-size:20px;
    padding-top:45px;
    font-weight:400;
}
.overview_title {
    text-align: center;
    font-size: 32px;
    color: #393838;
    padding-top:40px;
}
#solutions_overview h6 {
    font-size: 25px;
    padding: 70px 45px 45px 45px;
    text-align: center;
    line-height: 40px;
}
@media (max-width:992px) {
    #solutions_overview h6 {
        font-size: 20px;
    }
}
.overview_points_image {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding:20px 0;
}
.graybkgd {
    background-color: #F8F8F8;
}
.gradient_bkgd {
  background: -webkit-linear-gradient(#F8F8F8;, white);
  background: -o-linear-gradient(#F8F8F8;, white);
  background: -moz-linear-gradient(#F8F8F8;, white);
  background: linear-gradient(#F8F8F8;, white);
}
.ov_rowheight {
    padding-top:40px;
}
.feature_rowheight {
    height:500px;
}

#overview p {
    font-size:18px;
}
@media (max-width:992px) {
    #overview p {
        margin: 0px 45px;
        background-color:yellow;
    }
}
.overview_points_copy p {
    padding-top:10px;
    font-size:18px;
}
@media (max-width:992px) {
    .overview_points_copy {
        text-align:center;
    }
}
.overview_background {
    background-color:white;
    border-top: 1px solid #DADADA;
}
.overview_summary {
    background-color: #f3f3f3 !important;
    border-top: 1px solid #DADADA;
    text-align:center;
    padding:25px 0;
}
.overview_summary h3 {
    font-size:25px;
    line-height:24px
}
.overview_summary p {
    font-size:18px;
    padding:0 75px;
    line-height:24px;
}
/*---------------------------------------- Features Grid ------------------------------------*/
.demo_features h1 {
  font-size: 32px;
  text-align: center;
  color: #acacac;
  padding: 24px 0 24px;
}
.demo_features p {
  font-weight: 300;
  color: #757575;
  font-size: 16px;
}
.feature_grid_border {
  border: 1px solid #dedede;
  margin-bottom: 25px;
  background-color: white;
}
.addfeatures {
  text-align: center !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 30px 10px 10px 10px !important;
  height: 220px;
}
.addfeatures i {
  color: #565656 !important;
  font-size: 28px;
}
.large_feature_icon {
    font-size: 32px !important;
}
.features_grid_bkgd {
    background-color: #f5f5f5;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}
.addfeatures h4 {
    color: #565656 !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    line-height: 14px;
    margin-bottom: 5px;
}
/*---------------------------------------- Talent Management Content ------------------------------------*/
.wht_bkgd {
    background-color:white;
    border: 1px solid #bdbdbd;
    height:390px;
}
@media (max-width:768px) {
    .wht_bkgd {
          height:auto;
    }
}
#talentManagement_list h4 {
    text-align: center;
    padding: 0 10px 0px 10px;
    color: #565656 !important;
    font-weight: 400 !important;
    font-size: 17px !important;
}
#talentManagement_list p {
    text-align: center;
    padding: 0px 10px 20px 10px;
}
#talentManagement_list img {
  width: 100%;
  height: auto;
  background-color: white;

}
@media (max-width:768px) {
    #talentManagement_list img {
          padding:20px 20px 0 20px
    }
}
/*---------------------------------------- Talent Management List ------------------------------------*/
#talentManagement_list {
    background-color:#F8F8F8;
    border-top: 1px solid #DADADA;
}

.lessons {
    text-align: center;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 30px 10px 10px 10px !important;
    height: 250px;
}
 
/*---------------------------------------- Footer ------------------------------------*/
footer {
    background-color:#232326;
    position:relative;
    line-height: 23px;
}
.footer_acent {
    width:100%;
    height:5px;
    background-color:#525252;
}
footer>.container {
    padding-top:100px;
}
footer h6 {
    color:white;
    margin-bottom: 30px;
    font-weight:400;
}
footer p, footer a, footer i{
    color:#aaa;
    font-size:13px;
}
@media (max-width:768px) {
    .footer-centered {
        text-align:center;
    }
}
@media (max-width:768px) {
    .footer-centered {
        text-align:center;
    }
}
footer i {
    color:white;
    font-size:24px;
    padding-right:7px;
}
footer i:hover, footer a:hover, footer i:focus {
    color:#E0E0E0;
    text-decoration: none;
}   
.features_up_image {
    position:absolute;
    top:-20px;
    left: calc(50% - 22px);
}
 
.social_icons {
    margin-top:-5px;
}
/*---------------------------------------- Index Styles------------------------------------*/
#hp_intro {
    color:#838383;
    font-size:30px;
    margin-top:10px;
    margin-bottom:35px;
    text-align: center;
}
#hp_intro h2 {
    text-align: center;
    line-height: 45px;
    padding: 5px 0 18px 0;
    color: #868686;
}
.skinny_message_bar {
    background-color:#edeeef;
    text-align: center;
    color:#4a4a4a;
}
.skinny_message_bar h1:first-child {
    font-size:46px;
    margin: 60px 0;
}
.nowrap {
    white-space:nowrap;
}
 
/*---------------------------------------- One Solution ------------------------------------*/
}
@media (max-width: 1200px) {
    .awards_underline {
        border:none;
    }
}
#one_solution_panel img {
    padding:75px 0 0 0;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
#one_solution_panel h4 {
    padding-left:35px;
    font-size:36px;
    color:#4a4a4a;
    margin-top:130px;
}
#one_solution_panel h4 span {
    font-weight:400;
    font-size:45px;
}
@media (max-width:992px) {
    #one_solution_panel h4  {
        text-align:center;
        margin-top:10px;
    }
    #one_solution_panel p {
        text-align:center;
    }
}
#one_solution_panel p {
    padding-top:5px;
    padding-left:35px;
    font-size:17px;
    color:#727272;
}
#one_solution_panel .vert_line {
    border-left:2px solid #aa0f1d;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@media (max-width:992px) {
    #one_solution_panel .vert_line {
        border:none;
    }
}
#one_solution_panel .btn {
    margin-top:15px;
}
/*---------------------------------------- Testimonials ------------------------------------*/
.carousel-caption {
    position:static;
    text-align:center;
    margin-right: auto;
    margin-left:auto;
}

#testimonials {
    color:white;
    text-align: center;
    background-color:#aa0f1d;
}
.testimonials_table_parent {
    display: table;
    table-layout: fixed;
    width:70%;
    margin-right: auto;
    margin-left:auto;
    height:450px;
}
.testimonials_table_child {
    display:table-cell;
    vertical-align:middle;
}
/*---------------------------------------- Switcher ------------------------------------*/
#switcher {
    padding-top: 80px;
    height: 690px;
    text-align: center;
    margin-right: auto;
    margin-left:auto;
}
@media (max-width: 992px) {
    #switcher {
        display:none;
    }
}
#switcher h1 {
    font-size:46px;
    padding-bottom:35px;
}
.sw_row {
    margin: -3px 275px;
    padding:0px 0;
    border-bottom:1px solid #e7e7e7;
}
.why_sw_row {
    margin: -3px 233px;
    padding:0px 0;
    border-bottom:1px solid #e7e7e7;
}
#switcher h5 {
    text-align: center;
    font-size: 16px;
    color: #676767;
    font-weight:400;
}
#switcher_content {
    margin-top:25px;
}
.switcher-content {
    display:none;
}
.overview_background, .overview_summary
{
    display:none;
}
#switcher_mobile, #switcher_mit, #switcher_gamification, #switcher_social, #switcher_innovator {
    padding-top:95px;
}
#mobile_btn, #mit_btn, #gamification_btn, #social_btn, #innovator_btn {
    cursor:pointer;
}
#mobile_btn:hover h5, #mit_btn:hover h5, #gamification_btn:hover h5, #social_btn:hover h5, #innovator_btn:hover h5 {
    font-weight:400;
    color: #aa0f1d;
}
.switcher_leftpane {
    padding:40px 0 0 95px;
    text-align:left;
}
.switcher_leftpane h4 {
    font-weight:400;
    margin-top: -10px;
    line-height: 22px
}
.mainpage_switcher .selected {
    border:none;
}
.switcher.selected h5 span {
    border-bottom: 2px solid #aa0f1d;
    padding-bottom: 5px;
}
.switcher_margins {
    margin-left: 170px;
    margin-right: 170px;
}
/*---------------------------------------- Homepage Awards Section ------------------------------------*/
#awards_hero img {
    padding:0 40px !important
}
@media (max-width: 768px) {
    #awards_hero img {
        padding-bottom:20px;
    }
}
#awards_hero h3 {
    padding-top:24px;
    font-weight:400;
}
#awards_hero p {
    padding: 0 130px 5px 0;
    list-style-type: none;
}
@media (max-width: 992px) {
    #awards_hero p {
        padding: 0 0px 5px 0;
    }
}
#awards_hero .awards_cta {
        color:#aa0f1d;
        font-weight:400;
}
@media (max-width: 992px) {
    #awards_hero img {
        margin-right: auto;
        margin-left: auto;
        text-align:center;
    }
}
@media (max-width: 992px) {
    #awards_hero h3  {
        padding-top:20px;
        text-align:center;
    }
    #awards_hero p {
        text-align:center;
    }
}
@media (max-width: 1200px) {
    .awards_underline {
        border:none;
    }
}
.multiline_padding {
    padding-top:27px !important;
}
.bestof_elearning_padding {
    padding:0 20px;
}
/*---------------------------------------- Homepage Press Features - CIO Review Magazine ------------------------------------*/
#press_feature {
    background-color: #edeeef;
}
@media (min-width: 992px) {
    #press_feature {
    height:500px;
    }
}
@media (max-width: 768px) {
    #press_feature {
      text-align:center;
    }
}
#press_feature .press_feature_cta {
    color: #aa0f1d;
    font-weight: 400;
}
#press_feature h1 {
    padding-top: 70px;
    padding-bottom: 10px;
}
#press_feature img {
    padding-top: 40px;
    margin-left: 50px;
}
@media (max-width: 992px) {
    #press_feature h1  {
        padding:20px 20px;
        text-align:center;
    }
    #press_feature p {
        text-align:center;
    }
    #press_feature .btn {
        margin-bottom:50px;
    }
}
@media (max-width: 992px) {
    #press_feature img {
        margin-right: auto;
        margin-left: auto;
        text-align:center;
        padding-top:40px;
    }
}
/*---------------------------------------- Services Pages ------------------------------------*/
.services_header h2 {
    padding-top:25px;
    font-size: 42px;
    color:#515151;
}
.services_header img {
    padding:50px 15px 50px 50px;
}
.services_header p {
    font-size: 18px;
    color:#5a5a5a;
    padding: 0px 100px;
}
@media (max-width: 768px) {
    .services_header p {
        padding: 0px 20px;
    }
}

.services_header li {
    margin-left:-20px;
    padding-right:20px;
    font-size: 16px;
    color:#5a5a5a;
    list-style: none;
}
.services_header p {
    padding: 20px 100px 10px 100px;
}
@media (max-width: 768px) {
    .services_header p {
        padding: 20px;
    }
}
.services_list ul {
    padding-top:10px;
}
.text-muted {
    color:#6d6d6d;
}
#services_secondary {
    padding-bottom: 65px;
    margin-top: 50px;
    background-color: #f3f3f3 !important;
}
#services_secondary h5 {
    padding-top: 35px;
    font-size: 24px;
    font-weight: 400;
    color:#515151;
}
#services_secondary p {
    font-size: 16px;
}
#service_quote h5 {
  color:#fff;
  font-size:20px;
  line-height: 1.7em;
  font-style: italic;
}
#service_quote .quote_child {
  padding: 20px
} 
#service_quote {
    background-color:#aa0f1d;
    color:white;
    text-align:center;
}
.implementation_list ul {
    padding-bottom:25px;
}
.implementation_list li {
    margin-top: 10px;
    margin-bottom: 10px;
}
.services_list {
    background-color: #f3f3f3;
    padding: 20px 20px 10px 20px;
    width: 415px;
}
.content_creation_intro {
    padding: 20px 0px;
}
.content_creation_intro p {
    padding: 50px 100px 10px 100px;
}
.content_creation_expertise {
    background-color:#f4f4f4;
    padding: 50px 0px;
}
.content_creation_expertise p {
    padding: 0px 100px;
}
.managed_services_intro {
    padding: 20px 0px;
}
/*------------------------- Job Openings -------------------------*/
 .jobs_openings h2 { 
    padding-top: 25px;
    font-size: 42px;
    color: #515151;
}
.jobs_openings h5 {
    padding-top: 35px;
    font-size: 24px;
    font-weight: 400;
    color:#515151;
}
.jobs_openings p {
    padding-right: 10px;
    font-size: 16px;
    color: #5a5a5a;
}
.jobs_openings li {
    margin-left: -20px;
    padding-right: 20px;
    font-size: 16px;
    color: #5a5a5a;
}
/*---------------------------------------- Legal - Privacy Policy and Terms of Use ------------------------------------*/
#legal h1 {
    color:#4a4a4a;
}
 #legal a {
    color:#aa0f1d;
    font-weight:400;
}
#legal li {
    font-size:16px !important;
}
#legal h3 {
  margin-top:30px
}
#legal table {
    width: 100%;
    border-collapse: collapse;
}
#legal table th {
    background-color:#edeeef;
}
#legal table, td, th {
    border:1px solid black;
}
#legal table th, td {
    padding:15px;
}
 
/*--------------------------------------------------------- Why CD2 Page ---------------------------------------------------------*/
 
/*------------------------- Why Story -------------------------*/
#why_story {
    background: url("https://cdn.cd2learning.com/CD2_web/cd2-home-2015/why_story_white_wood_bkgd.jpg");
    background-size: 100% 559px;
    background-repeat: no-repeat;
    min-height:559px;
}
@media (max-width: 768px) {
    #why_story {
        background:none;
    }
}
.cocktail_napkin {
    width:100%;
}
div.imgload_viacss:before {
   content:url("https://cdn.cd2learning.com/CD2_web/cd2-home-2015/why_story_graphic5.png");
   margin-right:auto;
   margin-left:auto;
}
/*----- Image Horizontal Position ----- */
/*Above 1200*/
@media (min-width: 1200px) {
    div.imgload_viacss {
        margin-left:-120px;
    }
}
/*------------------------- Why Quote -------------------------*/
#why_quote {
    background-color:#aa0f1d;
    color:white;
    text-align:center;
}
.quote_parent {
    display: table;
    table-layout: fixed;
    margin-right: auto;
    margin-left:auto;
}
.quote_child {
    display:table-cell;
    vertical-align:middle;
    padding:40px 0 50px;
}
#why_quote h3 {
    font-weight: 300 !important;
    font-size:30px;
    color:white;
    text-align:center;
    line-height: 40px;
}
#why_quote h5 {
    font-size:21px;
    color:white;
    text-align:center;
}
/*------------------------- Why Benefits -------------------------*/
 #why_story h1 {
    padding-top:70px;
    font-size:50px;
    padding-bottom:15px;
}
#why_story p {
    font-size:19px;
}
@media (max-width: 992px) {
    #why_story p {
        padding-bottom:40px;
    }
}
@media (max-width: 1200px) {
    #why_story h1, #why_story p {
        text-align:center;
    }
}
@media (max-width: 1200px) {
    #why_story h1 {
        padding-top:20px;
        font-size:42px;
    }
}


#why_benefits {
    height:965px;
    background: url("https://cdn.cd2learning.com/CD2_web/cd2-home-2015/why_benefits_bkgd3.png");
    background-position: 70% bottom;
    background-repeat: repeat-x;
}
/*Below 992*/
@media (max-width: 992px) {
    #why_benefits {
        height:800px !important;
        background-position: 70% bottom;
        background-size:100%;
    }
}
/*Below 400*/
@media (max-width: 400px) {
    #why_benefits {
        height:750px !important;
        background-position: 70% bottom;
        background-size:90%;
    }
}
#why_benefits h1 {
    font-size:50px;
    padding-bottom:15px;
}
@media (min-width: 1200px) {
    #why_benefits h1 {
        padding-top:100px;
    }
}
#why_benefits p {
    font-size:19px;
}
@media (max-width: 991px) {
    #why_benefits h1 {
        padding-top:40px;
        font-size:42px;
    }
}
@media (max-width: 992px) {
    #why_benefits h1, #why_benefits p {
        text-align:center;
    }
}
@media (max-width: 991px) {
    #why_benefits {
        height:1000px;
    }
}
 
 
/*------------------------- Why Page - Features Panel -------------------------*/
 
#why_innovative_features {
    background-color:#27272a;
    background: url("https://cdn.cd2learning.com/CD2_web/cd2-home-2015/why_features.jpg");
    background-size: cover;
    color:white;
}
 
#why_innovative_features h1 {
    padding-top:60px;
    font-size:50px;
    padding-bottom:15px;
    text-align:center;
}
#why_innovative_features p {
    font-size:19px;
    text-align:center;
}
#why_innovative_features h4 {
    font-size:17px;
    font-weight:400;
}
#why_innovative_features h5 {
  font-size: 14px;
  color: white;
  padding-bottom: 10px;
  line-height: 18px;
}
#why_innovative_features .server_icons {
    height:47px;
}
.armor_certs {
    width: 56%;
    margin: 40px 0 20px 0;
}
@media (max-width: 767px) {
    .armor_certs {
        display:none;
    }
}
#why_innovative_features i {
    font-size:42px;
    padding-top:15px;
    text-align: right;
}
.why_features_icon {
    padding-top:10px;
    text-align: right;
}
/*------------------------- Why Page - Technology Panel -------------------------*/
 
#why_assistance {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,ffffff+100 */
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f6f6f6 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
@media (max-width: 767px) {
    #why_assistance {
        text-align:center;
    }
}
#why_assistance h1 {
    font-size:50px;
    padding-bottom:15px;
    padding-top: 80px;
}
#why_assistance p {
    font-size:19px;
    padding-bottom:40px;
}

#why_LMSplus {
    background-color:white;
    text-align: center;
}
 
#why_LMSplus h1 {
    padding-top: 70px;
    font-size:50px;
    padding-bottom:15px;
    text-align: center;
}
#why_LMSplus p {
    font-size:22px;
    padding-bottom: 49px;
    text-align: center;
    line-height: 36px;
    padding: 125px 20px 0px 20px;
}
@media (max-width: 767px) {
    #why_LMSplus p {
        padding: 65px 20px 0px 20px;
    }
}
#why_LMSplus {
    height: 430px;
    background-color: #27272a;
    background: url(https://cdn.cd2learning.com/CD2_web/cd2-home-2015/why_lmsplus_grayscalebkgd.jpg);
    background-size: cover;
    background-position: 0 bottom;
}
#why_content {
    margin: 65px 0;
}

@media (max-width: 767px) {
    #why_content h1 {
      text-align:center;
    }
}
#why_content p {
    font-size: 22px;
    padding-top: 15px;
}
@media (max-width: 767px) {
    #why_content p  {
        text-align: center;
    }
}
/*Below 767*/
@media (max-width: 767px) {
    .checklist {
        height:110px;
    }
}
.checklist h5 {
  margin-top: 0 !important;
  line-height: 25px;
}
.checklist img {
  margin-right: 10px;
  margin-bottom: 50px;
}
.checklist {
  height:75px;
}
/*------------------------- Why Page - Team -------------------------*/
#why_team {
    height:470px;
    background-color:#27272a;
    background: url("https://cdn.cd2learning.com/CD2_web/cd2-home-2015/why_meeting9.jpg");
    background-size: cover;
    background-position:0 bottom;
}
#why_team h1 {
    margin-top: 120px;
    font-size:50px;
    padding-bottom:15px;
    text-align:center;
}
#why_team p {
    font-size:19px;
    text-align:center;
}
.team_parent {
    display: table;
    table-layout: fixed;
    margin-right: auto;
    margin-left:auto;
}
.team_child {
    display:table-cell;
    vertical-align:middle;
    padding:40px 0 50px;
}
/*Below 1200*/
@media (max-width: 1200px) {
    #why_team {
        background-position:63% 0px;
    }
}
.whycd2_CTA {
    background-color:#f4f4f4;
    height:180px;
    text-align: center;
    margin-top: -1px;
}
.whycd2_CTA h3 {
    font-size: 26px;
    margin-top: 0;
    padding: 55px 40px 0 0;
}
.whycd2_CTA_btn {
    width: 196px;
    height: 46px;
    padding: 10px;
    margin-left:25px;
    font-size: 18px;
}
/*--------------------------------------------------------- Press Room ---------------------------------------------------------*/
#pressroom a {
    color:#aa0f1d;
}
#pressroom i {
    font-size:15px;
    vertical-align:-2px;
}
#pressroom h3 {
    padding-top:20px;
    color:#aa0f1d;
    font-weight: 400;
}
.alt_row {
    background-color:#f8f8f8;
}
#pressroom .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: none;
    border-bottom: 1px solid #ddd;
}
.table-hover>tbody>tr:hover {
    background-color: #E5E5E5;
}
#pressroom .table>tbody>tr>td:nth-child(2)  {
    padding-right:30px;
}
/*--------------------------------------------------------- Form ---------------------------------------------------------*/
.note {
  margin-left: 17px;
  font-weight: 400;
  vertical-align: -5px;
}
.required_note {
    margin-left: 160px;
    font-weight: 400;
    vertical-align: -5px;
}
/*--------------------------------------------------------- Preview Popup ---------------------------------------------------------*/
.bottomPreview_toggle {
    bottom:0;
    position:fixed;
    height:45px;
    background-color:#aa0f1d;
    text-align: center;
    width:370px;
    left:0;
    right:0;
    margin-right: auto;
    margin-left: auto;
    border:2px solid #aa0f1d;
    border-bottom:none;
    z-index:100;
}
.bottomPreview_toggle {
  bottom: 0;
  position: fixed;
  height: 45px;
  background-color: #aa0f1d;
  text-align: center;
  width: 370px;
  margin-right: auto;
  margin-left: auto;
  border: 2px solid #aa0f1d;
  border-bottom: none;
  z-index: 100;
  width: 100%;
} 
.bottomPreview_toggle a {
    font-size: 20px;
    color: white !important;
    text-align: center;
    line-height: 24px;
}
.bottomPreview_toggle:hover {
    background-color:#4d4b4c !important;
    border: 2px solid #aa0f1d;
}
@media (min-width: 768px) {
  .bottomPreview_toggle {
    display:none;
    }
}
/*---------------------------------------- Floating Box (Contact Us) ------------------------------------*/
.floating_box {
    right:0;
    bottom:90px;
    position:fixed;
    background-color:#aa0f1d;
    text-align: center;
    width:165px;
    right:0;
    border-radius: 4px 0 0px  4px ;
    z-index:100;
    padding:10px 0;
}
.floating_box a {
    font-size: 20px;
    color: white !important;
    text-align: center;
    line-height: 24px;
    text-decoration: none;
}
.floating_box:hover {
    background-color:#aa0f1d; !important;
}
@media (max-width:1200px) {
    .floating_box {
        visibility:hidden;
    }
}
.sm_mark {
    font-size: 9px;
    vertical-align: 4px;
}
/*---------------------------------------- OUR STORY ------------------------------------*/
#our_story_intro {
    color: #4a4a4a;
}
#our_story_intro .story {
    padding: 0px 0 70px;
    font-size: 18px;
    /*text-align: center;*/
}
#our_story_intro .founders {
    width:425px;
    height:auto;
    margin: 0px 0px 110px 40px;
}
#our_story_timeline {
    background-color:#f3f3f3;
    padding-top:40px;
    position: relative;
}
#our_story_timeline .triangle {
    left: calc(50% - 45px);
    top: -7px;
    border-color: #fff transparent transparent transparent;
}
#carousel-timeline p:last-child {
    padding-bottom:90px;
}
#carousel-timeline .item { 
    min-height:350px; 
}

#carousel-timeline .carousel-control { 
    background-image: none; 
}

#carousel-timeline .carousel-control {
    color: #B5B5B5;
    width: 8%;
    text-shadow:none;
}
#carousel-timeline .carousel-control .glyphicon {
    top: 140px;
}
@media (max-width: 768px) {
    .item img {
        text-align:center;
        margin-right:auto;
        margin-left:auto;
    }
    .item h2, .item p {
        text-align:center;
    }
}

@media (max-width: 442px) {
    #carousel-timeline .carousel-control .glyphicon {
        top:120px;
    }
    .carousel-control .glyphicon-chevron-right {
        margin-right:-25px;
    }
    .carousel-control .glyphicon-chevron-left {
        margin-left:-25px; 
    }
}
#timeline-dates {
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 45px;
    background-color:#fff;
}
#timeline-dates .background-line {
    box-sizing: border-box;
    height: 0.7rem;
    background-color: #aa0f1d;
    border-width: 0.2rem 0;
    border-style: solid;
    border-color: #fff;
    width: 240%;
    transition: all 1s ease;
}
.entry {
    float: left;
    width: 8.333%;
    position: relative;
    text-align: center;
    margin-top: 0.7rem;
    cursor: pointer;
}
.entry .dot {
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    background-color: white;
    left: 50%;
    margin-left: -0.6rem;
    margin-top: -1.1rem;
    border-radius: 100%;
    box-sizing: border-box;
    background-clip: content-box;
    border-width: 0.16rem;
    border-style: solid;
    border-color: #black;
    box-shadow: 0 0.1rem 1rem 0 rgba(0, 0, 0, 0.1), inset 0 0 0.4em rgba(255, 255, 255, 0.1), inset 0 0.4rem 0.1rem rgba(255, 255, 255, 0.3);
    -moz-transition: height 0.2s linear, width 0.2s linear, margin 0.2s linear;
    -o-transition: height 0.2s linear, width 0.2s linear, margin 0.2s linear;
    -webkit-transition: height 0.2s linear, width 0.2s linear, margin 0.2s linear;
    transition: height 0.2s linear, width 0.2s linear, margin 0.2s linear;
}
.entry:hover .dot, .entry.active .dot {
    width: 2.3rem;
    height: 2.3rem;
    margin-left: -1rem;
    margin-top: -1.55rem;
    color:#aa0f1d;
}
.date {
    font-weight: 300;
    font-size: 22px;
    display: inline-block;
    position: relative;
    background-clip: padding-box;
    margin-top: 3rem;
    padding: 0.4rem 0.8rem 0.8rem;
    border-radius: 0.2rem;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    border-bottom: 0 solid transparent;
}
#peeps {
    background: url(https://cdn.cd2learning.com/CD2_web/cd2-home-2015/about_bkgd.jpg)no-repeat center top;
    background-size: cover;
    height: 700px;
}
#peeps h3 {
    color:white;
    text-align:center;
}
#peeps h5{
    color:white;
    text-align:center;
}
/*---------------------------------------- Mini Slider ------------------------------------*/
#lesson_slider {
    height:500px;
    background-color: #F8F8F8;
    border-top: 1px solid #DADADA;
}
#lesson_slider h1 {
  font-size: 32px;
  text-align: center;
  color: #acacac;
  padding: 24px 0 24px;
}
.media-carousel-xs, .media-carousel-up {
margin-bottom: 0;
padding: 15px;
}
#media-up .thumbnail,
#media-xs .thumbnail{
margin-bottom:0;
}
.media-carousel-xs,
.media-carousel-up
{
  margin-bottom: 0;
  padding: 15px;
}
/* Previous button  */
.media-carousel-xs .carousel-control.left,
.media-carousel-up .carousel-control.left
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #eee;
  border: 0 solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 22px;
  width : 22px;
  top: 50%;
  margin-top: -10px;
}
/* Next button  */
.media-carousel-xs .carousel-control.right,
.media-carousel-up .carousel-control.right
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #eee;
  border: 0 solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 22px;
  width : 22px;
  top: 50%;
  margin-top: -10px;
}
#media-xs .carousel-control,
#media-up .carousel-control{
position: absolute;
bottom: 0;
font-size: 14px;
color: #808080;
text-shadow: 0 0 0;
opacity: 1;
filter: alpha(opacity=100);
}
.media-carousel-xs .carousel-control:hover,.media-carousel-xs .carousel-control:focus,
.media-carousel-up .carousel-control:hover,.media-carousel-up .carousel-control:focus{
color: #808080;
}
#lesson_slider p {
  padding: 0px 10px 20px 10px;
  text-align: center;
  font-size: 15px;
  color: #acacac
}
#lesson_slider h4 {
  font-weight: 400;
  text-align: center;
  color:#acacac;
  padding: 10px 10px 0px 10px;
  font-size: 18px;
}
#lesson_slider img {
  width: 100%;
  height: auto;
  background-color: white;
}
/*---------------------------------------- Roundtable Pages ------------------------------------*/
.roundtable_form {
    background-color:#f6f6f6;
    border-radius:4px;
    padding: 25px 30px 40px 30px;   
}
.roundtable_form h2 {
    padding-bottom:10px;
}
.roundtable img {
    padding:5px 0 10px;
}
.roundtable h1 {
    margin-bottom:0px !important;
}
.roundtable h2 {
    font-size:24px;
    line-height: 32px;
    margin: 8px 0 10px;
}
.roundtable li {
    list-style-type:disc;
    font-size:16px;
}

/*---------------------------------------- Client Stories ------------------------------------*/
.clients_overview h6 {
    font-size: 25px;
    padding: 50px 0 10px 0;
    text-align: center;
    line-height: 40px;
    color:#afafaf;
}
.client_container ul {
    font-size: 19px;
    color: #2d2d2d;
    line-height: 38px;
}
.client {
    padding-bottom:50px;
}
.client h4 {
    font-size:30px;
    color:#2d2d2d;
    padding-top:20px;
    font-weight: 400;
}
.client p {
    font-size:19px;
    color:#2d2d2d;
    line-height: 38px;
}

.client_container ul, .client_container ol {
    margin-left: -10px;
}

@media (max-width:650px) {
    .childrensmercy_hero {
        content: url(https://cdn.cd2learning.com/CD2_web/cd2-home-2015/client_ChildrensMercy3_mini.jpg);
    }
}
@media (max-width:500px) {
    .tedsmontana_hero {
        content: url(https://cdn.cd2learning.com/CD2_web/cd2-home-2015/clienthero_tedsmontana_mini2.jpg);
    }
}
@media (max-width:500px) {
    .kenblanchard_hero {
        content: url(https://cdn.cd2learning.com/CD2_web/cd2-home-2015/clienthero_kenblanchard_mini.jpg);
    }
}
@media (max-width:500px) {
    .wellcare_hero {
        content: url(https://cdn.cd2learning.com/CD2_web/cd2-home-2015/clienthero_wellcare_mini.jpg);
    }
}
@media (max-width:500px) {
    .readylistpro_hero {
        content: url(https://cdn.cd2learning.com/CD2_web/cd2-home-2015/clienthero_readylistpro_mini.jpg);
    }
}
@media (max-width:500px) {
    .apha_hero {
        content: url(https://cdn.cd2learning.com/CD2_web/cd2-home-2015/clienthero_apha_mini.jpg);
    }
}
@media (max-width:500px) {
    .sporting_hero {
        content: url(https://cdn.cd2learning.com/CD2_web/cd2-home-2015/clienthero_sportingkc_mini.jpg);
    }
}
@media (max-width:500px) {
    .pella_hero {
        content: url(https://cdn.cd2learning.com/CD2_web/cd2-home-2015/clienthero_pella_mini.jpg);
    }
}
@media (max-width:500px) {
    .bernina_hero {
        content: url(https://cdn.cd2learning.com/bernina_web/clienthero_bernina2.jpg);
    }
}
@media (max-width:500px) {
    .sixflags_hero {
        content: url(https://cdn.cd2learning.com/CD2_web/cd2-home-2015/clienthero_sixflags_mini.jpg);
    }
}
#clienthero_childrens_image {
    float: left;
    margin: 25px 25px 25px 0;
}
#clienthero_apha_image {
    float: left;
    margin: 10px 25px 25px 0;
}
#clienthero_sporting_image {
    margin: 25px 25px 25px 0;
}
#client_cta {
    background-color:#edeeef;
    height:275px;
}
.gray_box {
    height:572px;
    width:300px;
    background-color:#f4f4f4;
    float:right;
    margin-left:25px;
    border-radius: 4px;
    margin-right:auto;
    margin-left:auto;
    text-align: center;
    color:#505050;
    font-size:19px;
    margin-left:30px;
}
@media (max-width:768px) {
    .gray_box {
        display: none;
    }
}
.gray_box img {
    width:237;
    height:auto;
    margin-right:auto;
    margin-left:auto;
    padding:30px 0 20px 0;
    text-align: center;
}
.gray_box .btn {
    width:196px;
    height:46px;
    padding: 10px;
    font-size: 16px;
}
.gray_box .demo_btn {
    background-color:#6b6b6b;
}
.blackbar {
    background-color: rgba(0,0,0,.75);
    color: #FFF;
    position: absolute;
    top: 200px;
    left: 50%;
    width: 445px;
}
.blackbar h4 {
    font-size: 28px;
    padding: 25px;
}
@media (max-width:768px) {
    .blackbar {
        background-color: rgba(0,0,0,.75);
        color: #FFF;
        position: relative;
        top: 62px;
        left: 0;
        width: 445px;
    }
}
.gradient_bkgd {
    background: -webkit-linear-gradient(white, #f5f5f5);
    background: -o-linear-gradient(white, #f5f5f5);
    background: linear-gradient(white, #f5f5f5);
    padding-bottom:100px;
    height: 135px;
}
.gradient_bkgd h1 {
    font-size:28px;
}
.gradient_bkgd .btn {
    width: 196px;
    height: 46px;
    padding: 10px;
    font-size: 18px;
    margin: 5px 10px 10px 20px;
}
.client_mainCTA {
    background-color: #EFEFEF;
    padding-top: 25px;
    padding-bottom: 120px;
    margin-top: -1px;
    height:110px;
    text-align:center;
}
.client_mainCTA h1 {
    font-size:28px;
}

@media (max-width:750px) {
    .client_mainCTA {
    padding-top: 50px;
    padding-bottom: 200px;
    }
}
.client_mainCTA .btn {
    width: 196px;
    height: 46px;
    padding: 10px;
    font-size: 18px;
    margin: 5px 10px 10px 20px;
}
@media (max-width:750px) {
    .client_mainCTA .btn {
    margin: 20px 10px 10px 20px;
    }
}
.client_button_topmargin {
    margin-top:32px !important;
}
/*------------------------- Client - Thumbs -------------------------*/
.client_container {
    padding-top: 35px;
}
.client_container li {
    font-size: 19px;
    color: #2d2d2d;
    line-height: 38px;
}
#client_list {
    padding-top:30px;
    padding-bottom: 30px;
}
#client_list h1 {
    text-align:center;
    padding-bottom:30px;
}
#client_list h4 {
    font-weight: 400;
    padding-top: 14px;
    line-height: 21px;
}
#client_list .btn {
    padding: 3px 12px !important;
    margin-top: 10px;
}
.clients_overview h1 {
    text-align: center;
    padding-top: 25px;
}
.clientstory_container {
    border:1px solid #ddd;
    padding:15px 15px 0px 15px;
    text-align: center;
    background: white;
    margin-right:auto;
    margin-left:auto;
    min-height: 405px;
}
.clientstory_container:hover {    
    border: 1px solid #bdbdbd !important;
    box-shadow: 5px 5px 10px #ddd !important;
}
@media (max-width: 1200px) {
    .clientstory_container{
    min-height: 445px;
    }
}
.clientstory_container img {
    width: 100%;
    height:auto;
}
@media (max-width:768px) {
    .clientstory_container {
        border:none;
    }
    .clientstory_container_pad {
    margin-top:45px;
    }
    .clientstory_container:hover {    
        border: none !important;
        box-shadow: none !important;
    }
}
#clienthero_childrensmercy_image {
    float: left;
    margin: 25px 25px 25px 0;
}
#clienthero_sporting_image, #clienthero_blanchard_image {
    float: left;
    margin: 10px 25px 25px 0;
}
#clienthero_bernina_image {
    float: left;
    margin: -13px 25px 25px 0;
}
/*---------------------------------------- Row Layouts - DataSheets, Awards, Press, Events ------------------------------------*/
#row_layouts {
    padding:60px 0 0 0;
}
#row_layouts h4 {
    font-size:22px;
    color:black;
    font-weight:400;
    margin:2px 0 0 0!important;
    line-height: 28px;
}
#row_layouts h6 {
    font-size:13px;
    color:black;
    font-weight:bold;
    line-height: 16px;
}
#row_layouts p, #row_layouts a {
    font-size:18px;
    color:#989898;
    font-weight:300;
}
#row_layouts a {
    font-size:14px;
}
#row_layouts .row {
    padding: 55px 0 50px 0;
}
#row_layouts .arrow img {
    width: 50px;
    padding-top: 0px;
}
#row_layouts hr {
    width:100%;
    text-align:center;
    margin:0px;
}
#row_layouts i {
    font-size: 50px;
    color: #909090;
    padding-top: 50px;
}
#row_layouts .thumb img:hover {
    content: url(https://cdn.cd2learning.com/CD2_web/cd2-home-2015/DatasheetThumbs_CD2Overiew_Over.png);
}
.datasheets_row_height .row {
    min-height: 312px;
}
.press_row_height .row {
        min-height: none
}
#row_layouts .row {
    padding: 60px 0 50px 0;
}
.press_rows .row {
    min-height: 260px;
}
.wide_row:nth-last-child(1) {
    padding-bottom:40px;
}
.wide_row:hover {
    background-color:#f8f8f8;
}
.arrow {
    padding-top:62px;
}
.rowlayouts_copypadding {
    padding-left:35px;
}
@media (max-width:750px) {
    .wide_row img {
        margin-left:35px;
        margin-bottom:20px;
    }
}
@media (max-width:750px) {
    .bh_award img {
        margin-left:10px;
    }
}
@media (min-width:750px) {
    .bh_award img {
        margin-left:-25px;
        height:155px;
    }
}
/*---------------------------------------- Awards ------------------------------------*/
.awards_row_height .row {
    min-height:260px;
}
/*---------------------------------------- Company Bios Page ------------------------------------*/
.individuals {
    padding-bottom:30px;
}
#people_container img {
    width:100%;
    height:auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    border:2px solid white;
}
#people_container img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    border:2px solid #D0D0D0;
}
#people_container figcaption {
    background: rgba(0,0,0,0.5);
     -webkit-transition: 0.3s; 
    transition: 0.3s;
    width: 86%;
    font-size: 14px;
    text-align: left;
    color: #fff;
    position: absolute;
    bottom: 53px;
    padding: 10px;
    min-height: 54px;
    border-left: 2px solid white;
}
#people_container figcaption:hover {
    display:block;
    bottom: 60px;
}
.col-sm-fifth {
    width:20%;
}
/*HubSpot Overrides for Forms*/
.hbspt-form label {
    font-family: Lato,sans-serif !important;
    color: #333 !important;
    font-size: 14px !important;
}
.hbspt-form .hs-button {
    background-image: none !important;
    background-color: #aa0f1d !important;
    border-left: #aa0f1d !important;
    border-right: #aa0f1d !important;
    border-top: #aa0f1d !important;
    border-bottom: #aa0f1d !important;
    border-radius: 2px !important;
    font-weight: 300 !important;
    padding: 10px 40px !important;
    color: white !important;
    text-transform: uppercase !important;
    box-shadow:none !important;
    text-shadow: none !important;
    font-size: 14px !important;
}
.hbspt-form .input input {
    width: 100% !important;
    border:1px solid #ccc !important;
    height: 20px !important;
    box-shadow:none !important;
    max-width:none !important;
    padding: 6px 12px;
}
.hs-form-required {
    color: #414141 !important;
}
.hs-form-required:before {
    content: " ";
}
@media (max-width:992px) {
    .hbspt-form .input input { 
        width:90% !important;
    }
}
.contact_us a {
    color:#aa0f1d;
    font-weight:bold;
}
.BronzeStevie_BoxPad p {
    padding-bottom: 40px;
}
.SilverStevie_BoxPad p {
    padding-bottom: 90px;
}
.padding-top {
    padding-top:25px;
}
.padding-top_medium {
    padding-top:15px;
}
.text_highlight {
    font-weight: bold;
    color: #aa0f1d;
}
/*---------------------------------------- Client Stories Hover States ------------------------------------*/
.hovereffect {
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default;
}
.hovereffect img {
    display:block;
    position:relative;
    -webkit-transition:all .4s linear;
    transition:all .4s linear;
}
.hovereffect:hover img {
    -ms-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
}
.hovereffect:hover .overlay {
    opacity:1;
    filter:alpha(opacity=100);
}
/*---------------------------------------- Floating Box ------------------------------------*/
.floating_box {
    right: 0;
    bottom: 90px;
    position: fixed;
    background-color: #aa0f1d;
    text-align: center;
    width: 165px;
    right: 0;
    border-radius: 4px 0 0px 4px;
    border: 2px solid rgba(170, 15, 29, 0.35);
    z-index: 100;
    padding: 10px 0;
}
/*------------------------------------------------------ Temp Styles - Video HP ------------------------------------------------------*/
#fh5co-home, #fh5co-home .text-wrap {
    height: 645px;
}
#fh5co-home .text-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#fh5co-home {
    background-color: transparent;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    width: 100%;
    color: #fff;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
#fh5co-home .text-wrap {
    display: table;
    width: 100%;
    position: relative;
    z-index: 4;
}
#fh5co-home .text-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#fh5co-home .text-inner h1 {
    font-size: 38px;
    text-transform: uppercase;
    color: white;
    margin: -55px 0 18px 0 !important;
    font-weight: 700;
}
#fh5co-home .text-inner h2 {
    font-size: 26px;
    font-weight: 300;
    color: white;
    margin: 0px 0 70px 0;
}
/*----------------------------------------  Awards ------------------------------------*/
#awards_section_grid h1 {
    font-size:46px;
    text-align: center;
    padding: 80px 0 42px 0;
}
#awards_headline h1:after {
    content: " Awards & Recognition";
}
@media (max-width: 768px) {
    #awards_headline h1:after {
        content: " Awards";
    }
}
#awards_section_grid {
    margin-bottom:90px;
}
.testimonials_table_child p {
  margin-top:50px;
}
.widewrapper_why2 h1 {
    padding-top: 145px;
    font-size: 46px;
    padding-bottom: 15px;
    text-align: center;
    margin-left: -50px;
    line-height: 60px;
    color: white;
    font-weight: 400;
}
.widewrapper_why2 span {
    font-weight: 300;
}
@media (max-width: 768px) {
    .widewrapper_why2 h1 {
        margin-left: 0px;
    }
}

.widewrapper_lms h1 {
    font-size: 46px;
    padding-top: 110px;
    line-height: 66px;
    color: white;
    font-weight: 400;
}
.widewrapper_content_authoring h1 {
    font-size: 46px;
    padding-top: 120px;
    line-height: 66px;
    color: white;
    font-weight: 400;
}
.widewrapper_clients2 h1 {
    font-size: 46px;
    padding-top: 110px;
    line-height: 66px;
    color: white;
    font-weight: 400;
}
.widewrapper_managed_services h1 {
    font-size: 50px;
    padding-top: 110px;
    line-height: 66px;
    color: white;
    font-weight: 400;
}
.widewrapper_content_creation h1 {
    font-size: 50px;
    padding-top: 120px;
    line-height: 66px;
    color: white;
    font-weight: 400;
}
/*----------  Scroller ---------- */
#jquery-script-menu ul, li {
   list-style: none;
}
#jquery-script-menu li {
   margin: 5px;
}
#jquery-script-menu .my-slider {
   height: 233px;
   margin: 0 auto;
   width: 100%;
}
#jquery-script-menu .my-slider ul {
   height: 233px;
   overflow: hidden;
}
#jquery-script-menu .my-slider li {
   float: left;
}
.js-imageslider2 {
    margin-top:5px !important;
}
/*---------------------------------------- Learning Management Page ------------------------------------*/
/*---------- Text ----------*/
.lms_panel, .content_panel {
    height:745px;
}
@media (max-width: 768px) {
    .lms_panel {
        height:400px;
   }
}
.panel_text {
    margin-top: 200px;
    line-height: 24px;
    padding: 10px 100px 10px 100px;
}
.lms_left_offset {
}
.panel_text h3 {
    font-size: 32px;
    padding: 10px 0 0px 0;
    line-height: 39px;
}
.panel_text p {
    font-size: 19px;
    margin-bottom:40px;
}
@media (max-width: 768px) {
    .panel_text  {
       margin-top:20px;
       text-align: center;
       padding: 0;
       width:90%;
       margin-left:auto;
       margin-right:auto;
   }
}
/*----------  Images ---------- */
/*col-lg*/
.panel_hero_right {
    height:700px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 1% 0px;
}
.panel_hero_left {
    height:700px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 97% 0px;
}
/*col-md*/
@media (min-width:993px) and (max-width:1200px) {
    .panel_hero_right {
    }
}
/*col-sm*/
@media (min-width:769px) and (max-width:992px) {
    .panel_hero_right {
    }
}
/*col-xs*/
@media (max-width: 768px) {
    .panel_hero_right {
        height:300px;
        background-size: contain;
        background-position: center center;
   }
}
@media (max-width: 768px) {
    .panel_hero_left {
        height:300px;
        background-size: contain;
        background-position: center center;
   }
}
.lms_hero_mobile {
    background-image: url(https://cdn.cd2learning.com/CD2_web/public/lms_hero_mobile2.png);
}
.lms_hero_collaboration {
    background-image: url(https://cdn.cd2learning.com/CD2_web/public/lms_hero_collaboration.png);
}
.lms_hero_learningpaths {
    background-image: url(https://cdn.cd2learning.com/CD2_web/public/lms_hero_certificate.png);
}
.lms_hero_gamification {
    background-image: url(https://cdn.cd2learning.com/CD2_web/public/lms_hero_gamification2.png);
}
.lms_hero_assessments {
    background-image: url(https://cdn.cd2learning.com/CD2_web/public/lms_hero_formsurvey_builder.png);
}
.lms_hero_coursebuilder {
    background-image: url(https://cdn.cd2learning.com/CD2_web/public/lms_hero_coursebuilder3.png);
}
.lms_hero_3rdpartycontent {
    background-image: url(https://cdn.cd2learning.com/CD2_web/public/lms_hero_3rdparty_content.png);
}
.lms_hero_library {
    background-image: url(https://cdn.cd2learning.com/CD2_web/public/lms_hero_library.png);
}
.lms_hero_extended_enterprise {
    background-image: url(https://cdn.cd2learning.com/CD2_web/public/lms_hero_extended_enterprise.png);
}
.lms_hero_reports {
    background-image: url(https://cdn.cd2learning.com/CD2_web/public/lms_hero_dashboard3.png);
}
.lms_hero_triggeredemails {
    background-image: url(https://cdn.cd2learning.com/CD2_web/public/lms_hero_emails_reports.png);
}
.authoring_hero_richinteractions {
    background-image: url(https://cdn.cd2learning.com/CD2_web/public/authoring_hero_richinteractions.png);
}
.authoring_hero_simulations {
    background-image: url(https://cdn.cd2learning.com/CD2_web/public/authoring_hero_simulation.png);
}
/*- Detail Images -*/
@media (max-width: 992px) {
    .lms_detail {
        display:none;
   }
}
.lms_detail_learningpath {
    position: relative;
    top: 450px;
    right: -56%;
}
.lms_detail_collaboration {
    position: relative;
    top: 382px;
    right:23%;
}
.lms_detail_gamification {
    position: relative;
    top: 382px;
    right:-23%;
}
.lms_detail_assessments {
    position: relative;
    top: 277px;
    left: 43%;
}
.lms_detail_library {
    position: relative;
    top: 370px;
    right: 10%;
}
.lms_detail_triggeredemails {
    position: relative;
    top: 373px;
    left: 32%;
}
.lms_3rdparty  {
    position: relative;
    top: 331px;
    left: 3%;
}
.lms_detail_coursebuilder {
    position: relative;
    top: 331px;
    left: 3%;
}
.lms_detail_extended_enterprise {
    position: relative;
    top: 100px;
    left: 26%;
}
.authoring_detail_richinteractions {
    position: relative;
    top: 205px;
    left: 1%;
}
.authoring_detail_simulations {
    position: relative;
    top: 205px;
    left: 4%;
} 
.diagonal_header {
    background-color: #d8d8d8;
    background-image: -webkit-linear-gradient(93deg, #f1f1f1 54%, white 10%);
    min-height: 100px;
}
.diagonal_body {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f1+0,ffffff+100 */
background: #f1f1f1; /* Old browsers */
background: -moz-linear-gradient(top, #f1f1f1 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f1f1f1 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f1f1f1 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

@media (max-width: 768px) {
    .diagonal_header, .diagonal_body {
        display:none;
   }
}
.learningmanagement_mainCTA {
    background-color: #EFEFEF;
    padding-top: 25px;
    padding-bottom: 120px;
    margin-top: 120px;
    height:110px;
    text-align:center;
}
.learningmanagement_mainCTA h1 {
    font-size:28px;
}
.learningmanagement_mainCTA .btn {
    width: 196px;
    height: 46px;
    padding: 10px;
    font-size: 18px;
    margin: 5px 10px 10px 20px;
}
@media (max-width:750px) {
    .learningmanagement_mainCTA {
    padding-top: 50px;
    padding-bottom: 200px;
    }
}
/*---------------------------------------- Capterra Landing Pages ------------------------------------*/

.capterra_form_container {
    background-color:#f6f6f6; 
    padding-top:45px;
    padding-bottom:20px;
}
.capterra_form_container h2 {
    font-size: 45px;
    padding-bottom: 25px;
    text-align: center;
    line-height: 49px;
}
.capterra_demo_btn {
    font-size:18px;
}
.capterra_form_container .text-danger {
    background-color: #aa0f1d;
    color: white;
    padding: 5px 5px 5px 15px;
    text-align: center;
    margin-bottom:30px;
}
.capterra_form_container .form-control {
    border-radius: 0px;
}
.demo_features {
    padding-top: 35px;
}
@media (max-width:768px) {
    .demo_features {
        margin-bottom:40px;
    }
}
.demo_features img {
    height: 130px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.demo_features h4, .demo_features p {
    text-align: center;
}
.demo_features h1 {
    font-size: 36px;
    text-align: center;
    color: #6d6d6d;
    padding: 30px 0 26px;
}
.demo_features h4 {
    font-size: 22px;
    font-weight: 300;
    color: #2b7eb0;
    line-height: 21px;
}
.imp_icons h4 {
    color: #272727 !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    line-height: 22px;
    margin-bottom: 5px;
}
.additionalfeatures {
    height:300px;
}
@media (max-width:768px) {
    .additionalfeatures {
    height:330px;
    }
}
.nonav_center .container {
    width: 300px
}
/*---------------------------------------- Soho Forms ------------------------------------*/
.form_wrapper {
    border: solid 1px #eaeaea;
    background-color: #f6f6f6;
    padding: 25px 0;
    overflow: auto;
    margin-bottom: 20px;
}
.input_fields input {
    font-family: Arial;
    color: #000000;
    font-size: 14px;
    border-radius: 3px;
    border: 1px solid #c2c8cd;
    width:100%;
    min-height: 38px;
    margin-bottom: 12px;
    padding: 6px;
}
.input_radio {
    margin-top:5px;
}
.input_radio input {
    margin-right:5px;
}
.form_wrapper label {
    color: #888e94;
    font-size: 14px;
    font-family: Arial;
    font-weight: 300;
}
.zoho_submit {
    background-color: #aa0f1d;
    border-radius: 0px;
    width: 160px;
    font-size: 16px;
    color: white;
    font-weight: 400;
    height: 40px;
    text-transform: uppercase;
}
.zoho_submit:hover { 
    background-color:#8e0915;
}
.capterra_form_container .form_wrapper {
    border: none;
}
.form_headline h1 {
    font-size: 36px;
    text-align: center;
    color: #6d6d6d;
    padding: 0px 0px 26px;
}
.sf-root {
    width: 82px;
    margin-top: -81px;
}