/* ISM Content Overrides 2015 */
.photo1, .photo2, .photo3 {
display:none;   
}
#education_callout ul li a h4 {
    background-image:none !important;
}

/*! Bootstrap basic CSS to make basic stuff play nice */

        /*!
         * Bootstrap v3.3.1 (http://getbootstrap.com)
         * Copyright 2011-2014 Twitter, Inc.
         * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
         */

        /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
        html {
          font-family: sans-serif;
          -webkit-text-size-adjust: 100%;
              -ms-text-size-adjust: 100%;
        }
        body {
          margin: 0;
        }
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        main,
        menu,
        nav,
        section,
        summary {
          display: block;
        }
        audio,
        canvas,
        progress,
        video {
          display: inline-block;
          vertical-align: baseline;
        }
        audio:not([controls]) {
          display: none;
          height: 0;
        }
        [hidden],
        template {
          display: none;
        }
        .hello {
          font-size: 13px !important;
          color: #5d5d5e !important;
          font-weight: 700 !important;
          background-color: #ebeff3 !important;
          text-decoration: none !important;
          padding: 10px 20px !important;
          text-transform: capitalize !important;
        }
        a.home_link {
          text-decoration: none !important;
          outline: none;
        }
        a {
          background-color: transparent;
          outline: none;
        }
        a:active,
        a:hover {
          outline: 0;
          outline: none;
        }
        abbr[title] {
          border-bottom: 1px dotted;
        }
        b,
        strong {
          font-weight: bold;
        }
        dfn {
          font-style: italic;
        }
        h1 {
          margin: .67em 0;
          font-size: 2em;
        }
        mark {
          color: #000;
          background: #ff0;
        }
        small {
          font-size: 80%;
        }
        sub,
        sup {
          position: relative;
          font-size: 75%;
          line-height: 0;
          vertical-align: baseline;
        }
        sup {
          top: -.5em;
        }
        sub {
          bottom: -.25em;
        }
        img {
          border: 0;
        }
        svg:not(:root) {
          overflow: hidden;
        }
        figure {
          margin: 1em 40px;
        }
        hr {
          height: 0;
          -webkit-box-sizing: content-box;
             -moz-box-sizing: content-box;
                  box-sizing: content-box;
        }
        pre {
          overflow: auto;
        }
        code,
        kbd,
        pre,
        samp {
          font-family: monospace, monospace;
          font-size: 1em;
        }
        button,
        input,
        optgroup,
        select,
        textarea {
          margin: 0;
          font: inherit;
          color: inherit;
        }
        button {
          overflow: visible;
        }
        button,
        select {
          text-transform: none;
        }
        button,
        html input[type="button"],
        input[type="reset"],
        input[type="submit"] {
          -webkit-appearance: button;
          cursor: pointer;
        }
        button[disabled],
        html input[disabled] {
          cursor: default;
        }
        button::-moz-focus-inner,
        input::-moz-focus-inner {
          padding: 0;
          border: 0;
        }
        input {
          line-height: normal;
        }
        input[type="checkbox"],
        input[type="radio"] {
          -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
                  box-sizing: border-box;
          padding: 0;
        }
        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
          height: auto;
        }
        input[type="search"] {
          -webkit-box-sizing: content-box;
             -moz-box-sizing: content-box;
                  box-sizing: content-box;
          -webkit-appearance: textfield;
        }
        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
          -webkit-appearance: none;
        }
        fieldset {
          padding: .35em .625em .75em;
          margin: 0 2px;
          border: 1px solid #c0c0c0;
        }
        legend {
          padding: 0;
          border: 0;
        }
        textarea {
          overflow: auto;
        }
        optgroup {
          font-weight: bold;
        }
        table {
          border-spacing: 0;
          border-collapse: collapse;
        }
        td,
        th {
          padding: 0;
        }
        /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
        @media print {
          *,
          *:before,
          *:after {
            color: #000 !important;
            text-shadow: none !important;
            background: transparent !important;
            -webkit-box-shadow: none !important;
                    box-shadow: none !important;
          }
          a,
          a:visited {
            color: #747475;
            text-decoration: underline;
            font-weight: 500;
            outline: none;
          }
          a[href]:after {
            content: " (" attr(href) ")";
            outline: none;
          }
          abbr[title]:after {
            content: " (" attr(title) ")";
            outline: none;
          }
          a[href^="#"]:after,
          a[href^="javascript:"]:after {
            content: "";
            outline: none;
          }
          pre,
          blockquote {
            border: 1px solid #999;

            page-break-inside: avoid;
          }
          thead {
            display: table-header-group;
          }
          tr,
          img {
            page-break-inside: avoid;
          }
          img {
            max-width: 100% !important;
          }
          p,
          h2,
          h3 {
            orphans: 3;
            widows: 3;
          }
          h2,
          h3 {
            page-break-after: avoid;
          }
          select {
            background: #fff !important;
          }
          .navbar {
            display: none;
          }
          .btn > .caret,
          .dropup > .btn > .caret {
            border-top-color: #000 !important;
          }
          .label {
            border: 1px solid #000;
          }
          .table {
            border-collapse: collapse !important;
          }
          .table td,
          .table th {
            background-color: #fff !important;
          }
          .table-bordered th,
          .table-bordered td {
            border: 1px solid #ddd !important;
          }
        }
        @font-face {
          font-family: 'Glyphicons Halflings';

          src: url('http://www.ism.ws/files/2015/fonts/glyphicons-halflings-regular.eot');
          src: url('http://www.ism.ws/files/2015/fonts/glyphicons-halflings-regular.eot#iefix') format('embedded-opentype'), url('http://www.ism.ws/files/2015/fonts/glyphicons-halflings-regular.woff') format('woff'), url('http://www.ism.ws/files/2015/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('http://www.ism.ws/files/2015/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
        }
        * {
          -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
                  box-sizing: border-box;
        }
        *:before,
        *:after {
          -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
                  box-sizing: border-box;
        }
        html {
          font-size: 10px;

          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }
        body {
          font-family: 'Open Sans', sans-serif;
          font-size: 15px;
          line-height: 22px;
          color: #747475;
          font-weight: 300;
        }
        input,
        button,
        select,
        textarea {
          font-family: inherit;
          font-size: inherit;
          line-height: inherit;
        }
        a {
          color: #4387cc;
          text-decoration: underline;
          font-weight: 500;
          outline: none;
        }
        a:hover,
        a:focus {
          color: #084d8b;
          text-decoration: underline;
          font-weight: 500;
          outline: none;
        }
        a:focus {
          outline: thin dotted;
          outline: 5px auto -webkit-focus-ring-color;
          outline-offset: -2px;
          outline: none;
        }
        a:visited {
            color: #747475;
            text-decoration: underline;
            font-weight: 500;
            outline: none;
        }
        figure {
          margin: 0;
        }
        img {
          vertical-align: middle;
          float: right;
          padding-left: 2px;
        }
        .img-responsive,
        .thumbnail > img,
        .thumbnail a > img,
        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
          display: block;
          max-width: 100%;
          height: auto;
        }
        .img-rounded {
          border-radius: 6px;
        }
        .img-thumbnail {
          display: inline-block;
          max-width: 100%;
          height: auto;
          padding: 4px;
          line-height: 1.42857143;
          background-color: #fff;
          border: 1px solid #ddd;
          border-radius: 4px;
          -webkit-transition: all .2s ease-in-out;
               -o-transition: all .2s ease-in-out;
                  transition: all .2s ease-in-out;
        }
        .img-circle {
          border-radius: 50%;
        }
        hr {
          margin-top: 20px;
          margin-bottom: 20px;
          border: 0;
          border-top: 1px solid #cfcfcf;
        }
        .sr-only {
          position: absolute;
          width: 1px;
          height: 1px;
          padding: 0;
          margin: -1px;
          overflow: hidden;
          clip: rect(0, 0, 0, 0);
          border: 0;
        }
        .sr-only-focusable:active,
        .sr-only-focusable:focus {
          position: static;
          width: auto;
          height: auto;
          margin: 0;
          overflow: visible;
          clip: auto;
        }
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6 {
          font-family: inherit;
          font-weight: 500;
          line-height: 1.1;
          color: inherit;
        }
        h1,
        .h1,
        h2,
        .h2,
        h3,
        .h3 {
          margin-top: 20px;
          margin-bottom: 10px;
        }
        h4,
        .h4,
        h5,
        .h5,
        h6,
        .h6 {
          margin-top: 10px;
          margin-bottom: 10px;
        }
        h1,
        .h1 {
          font-size: 36px;
        }
        h2,
        .h2 {
          font-size: 30px;
        }
        h3,
        .h3 {
          font-size: 24px;
        }
        h4,
        .h4 {
          font-size: 18px;
        }
        h5,
        .h5 {
          font-size: 14px;
        }
        h6,
        .h6 {
          font-size: 12px;
        }
        p {
          margin: 0 0 10px;
        }
        .lead {
          margin-bottom: 20px;
          font-size: 16px;
          font-weight: 300;
          line-height: 1.4;
        }
        @media (min-width: 768px) {
          .lead {
            font-size: 21px;
          }
        }
        small,
        .small {
          font-size: 85%;
        }
        mark,
        .mark {
          padding: .2em;
          background-color: #fcf8e3;
        }
        ul,
        ol {
          margin-top: 0;
          margin-bottom: 10px;
        }
        ul ul,
        ol ul,
        ul ol,
        ol ol {
          margin-bottom: 0;
        }
        blockquote p:last-child,
        blockquote ul:last-child,
        blockquote ol:last-child {
          margin-bottom: 0;
        }
        blockquote footer,
        blockquote small,
        blockquote .small {
          display: block;
          font-size: 80%;
          line-height: 1.42857143;
          color: #777;
        }
        blockquote footer:before,
        blockquote small:before,
        blockquote .small:before {
          content: '\2014 \00A0';
        }
        .blockquote-reverse,
        blockquote.pull-right {
          padding-right: 15px;
          padding-left: 0;
          text-align: right;
          border-right: 5px solid #eee;
          border-left: 0;
        }
        .blockquote-reverse footer:before,
        blockquote.pull-right footer:before,
        .blockquote-reverse small:before,
        blockquote.pull-right small:before,
        .blockquote-reverse .small:before,
        blockquote.pull-right .small:before {
          content: '';
        }
        .blockquote-reverse footer:after,
        blockquote.pull-right footer:after,
        .blockquote-reverse small:after,
        blockquote.pull-right small:after,
        .blockquote-reverse .small:after,
        blockquote.pull-right .small:after {
          content: '\00A0 \2014';
        }



/*! ISM Styles for mobile first */
    
    body {
        background: url("../images/bg-body.jpg");
        transition: all 1s ease-in-out;
    }
  
    .fa {
      color: rgb(133, 167, 202) !important;
      font-size: 26pt !important;
      margin-left: -14px;
    }

    .dull_blue {
      color: #84A5CB;
    }

    div#home_feature_container {
      /*padding-top: 10px;*/
    }
    
    #bodywrapper {
        position: relative;
        background: #ffffff;
        display: block;
        margin: 0 auto;
        width: 320px;
        max-width: 320px;
        padding: 11px;
        -webkit-box-shadow: 0px 2px 9px 2px rgba(0,0,0,0.05);
        -moz-box-shadow: 0px 2px 9px 2px rgba(0,0,0,0.05);
        box-shadow: 0px 2px 9px 2px rgba(0,0,0,0.05);
        transition: all 1s ease-in-out;
    }

    .content {
      margin-top: 20px;
    }
    
    #column1 {
        transition: .5s all ease-out;
        width: 300px;
    }
    
    #column2 {
        transition: .5s all ease-out;
        width: 100%;
    }

    .formatted_content li, .column2 li {
      margin-left: 20px;
    }

    #home_featured_product li {
        margin-left: 20px;
    }

    #home_careers li {
        margin-left: 20px;
    }

    #landing_feature_container li {
        margin-left: 20px;
    }
    
    #socialmedialeft {
        position: fixed;
        display: block;
        left: 7px;
        top: 50%;
        margin-top: -384px;
        width: 0px;
        height: 384px;
        background: #aaa;
        overflow: hidden;
        background: #ffffff;
        transition: all .5s ease-in-out;
    }
    
    #socialmedialeft li {
        float: left;
        display: inline;
        width: 45px;
        height: 45px;
        overflow: hidden;
    }
    
    #socialmedialeft li img {
        width: 100%;
    }

    #socialmediatop {
        position: relative;
        display: block;
        /*width: 204px;*/
        height: 0px;
        background: #aaa;
        float: right;
        margin-top: 0px;
        margin-bottom: 0px;
        height: 0px;
        overflow: hidden;
        transition: all .5s ease-in-out;
    }

    #topitems {
        display: block;
        padding-bottom: 3px;
        margin-bottom: 8px;
        margin-top: 6px;
        width: 100%;
        height: 30px;
        transition: all .5s ease-in-out;
    }

    #topitems li {
        display: inline;
        float: left;
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        color: #aaaaaa;
        transition: all .3s ease-in-out;
    }
    
    #mobile1_topitems {
        width: 100%;
        height: 27px;
        overflow: hidden;
        display: block !important;
        padding: 0px;
        margin-top: 3px;
    }
    
    #mobile1_topitems li {
        height: 27px;
        width: 47px;
        border-right: 1px solid black;
        
    }
    
    #mobile1_topitems #mobile1_search {
        background: url("../images/topicon_01.png") no-repeat center center;
        background-size: 18px auto;
    }
    
    #mobile1_topitems #mobile1_cart {
        background: url("../images/topicon_02.png") no-repeat center center;
        background-size: 18px auto;
    }
    
    #mobile1_topitems .topaccount, #mobile1_topitems .toplogin {
        width: 117px;
        padding-left: 11px;
        border: 0px;
        color: #000000;
        font-size: 14px !important;
        position: relative !important;
        display: block;
        margin: 0px !important;
        padding-top: 6px;
    }

    #normaltopitems {
        height: 0px;
        overflow: hidden;
        transition: all .3s ease-in-out;
    }

    .toplogin {
        margin-right: 10px;
    }

    .toplogin, .topaccount {
        border-right: 1px solid #000000;
        padding-right: 15px;
        margin-top: 3px;
        transition: all .3s ease-in-out;
        cursor: pointer;
    }

    .topaccount {
        padding-right: 14px;
    }
    
    #dropdownlogin {
        position: relative;
        display: block;
        width: 100%;
        height: 0px;
        overflow: hidden;
        background: #eeeeee;
        background: #e6eaed;
        max-width: 734px;
        transition: .75s all ease-in-out;
    }
    
    #dropdownaccount {
        position: relative;
        display: none;
        width: 100%;
        height: 0px;
        overflow: hidden;
        background: #eeeeee;
        background: #e6eaed;
        max-width: 734px;
        transition: .75s all ease-in-out;
    }
    
    #dropdownaccount {
        display: block;
        position: relative;
        padding: 0px;
        text-align: center;
    }

    #dropdownaccount p {
        display: block;
        overflow: hidden;
        height: 20px;
        margin-top: 7px;
        font-size: 18px;
        font-weight: 200;
        margin-bottom: 5px;
    }
    
    #dropdownlogin.loginopen {
        height: 222px;
        transition: .75s all ease-in-out;
        margin-bottom: 18px;
    }
    
    #dropdownaccount.loginopen {
        height: 70px;
    }
    
    #logincreateaccount {
        position: absolute;
        display: block;
        float: left;
        bottom: 0px;
        height: 78px;
        width: 100%;
        border-right: 0px;
        padding-top: 10px;
        border-top: 10px solid #ffffff;
        text-align: center;
        background: #e6eaed;
        z-index: 10;
    }

    #logincreateaccount p {
        display: inline-block;
        padding-top: 13px;
        margin-bottom: 0px;
        margin-right: 24px;
    }
    
    #loginusernamepassword {
        display: block;
        float: left;
        width: 100%;
        border-right: 0px solid #ffffff;
    }
    
    #logincancel {
        display: none;
    }
    
    .loginbuttons {
        display: inline-block;
        padding: 3px 10px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 200;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        color: #fff;
        background-color: #4387cc;
        border-color: #337fcc;
    }
    
    .logintextinput {
        display: inline-block;
        margin-top: 18px;
        margin-bottom: 0px;
        padding: 3px 10px;
        font-size: 14px;
        color: #5d5d5e;
        background-image: none;
        border: 1px solid #cccccc;
        border-radius: 4px;
        font-weight: 200;
        width: 178px;
    }

    .logintextinput:focus { 
        outline: none !important;
        border-color: #74b9ef;
        box-shadow: 0 0 10px #74b9ef;
    }
  
      #dropdownsearch {
        position: relative;
        display: block;
        width: 100%;
        height: 0px;
        overflow: hidden;
        background: #eeeeee;
        background: #e6eaed;
        max-width: 734px;
        transition: .75s all ease-in-out;
    }
    
    #dropdownsearch.searchopen {
        height: 72px;
        margin-bottom: 16px;
    }

    .tftextinput2 {
        display: inline-block;
        margin-top: 18px;
        margin-bottom: 0px;
        padding: 3px 10px;
        font-size: 14px;
        color: #5d5d5e;
        background-image: none;
        border: 1px solid #cccccc;
        border-radius: 4px;
        font-weight: 200;
        width: 178px;
        margin-left: 20px;
        width: 180px;
        margin-top: 21px;
    }

    .tftextinput2:focus { 
        outline: none !important;
        border-color: #74b9ef;
        box-shadow: 0 0 10px #74b9ef;
    }

    #searchsubmit2 {
        margin-left: 6px;
    }
    
    #submitusername {
        margin-left: 28px;
        width: 236px;
    }
    
    #submitpassword {
        margin-left: 28px;
        width: 160px;
        margin-top: 32px;
    }
    
    #submitlogin {
        margin-left: 6px;
        margin-top: -2px !important;
    }
    
    .loginbuttons:hover {
        background-color: #000000;
        border-color: #000000;
    }
    
    #loginwrap p  {
        font-weight: 400;
        font-size: 12px;
        color: #5d5d5e;
        display: inline-block;
    }
    
    #checkwrap p {
        display: inline-block;
        position: relative;
        top: -3px !important;
    }
    
    #checkwrap {
        width: 100%;
        position: absolute;
        top: 49px;
        left: 36px;
        z-index: 4;
        pointer-events: none;
    }

    #checkwrap input, #checkwrap a {
        pointer-events: auto;
    }
    
    #checkboxer {
        float: left;
        margin-left: 48px;
        margin-top: 4px;
        margin-right: 6px;
    }
    
    #forgotpassword p {
        margin-left: 45px;
        margin-top: 30px;
    }
    
    #forgotpassword:hover p {
        color: #000000;
        text-decoration: underline;
    }
    
    #logincancel p {
        text-align: center;
        display: block;
    }
    
    #closebutton {
        font-size: 26px;
        line-height: 26px;
        padding: 0px 6px;
        margin-top: 18px;
        margin-left: 20px;
    }
    
    #createaccountbutton {
        margin: 0 auto;
    }

    #usernamelogin {
        z-index: 20;
    }





    .opened #hamburger {
        transition: right .25s ease-in-out, top .25s ease-in-out;
    }

    #hamburger {
        position: relative;
        float: right;
        width: 23px;
        height: 20px;
        margin-top: 5px;
        margin-right: 12px;
        cursor: pointer;
        transition: right .5s ease-in-out, top .5s ease-in-out;
    }

    #hamburgertop {
        position: absolute;
        width: 100%;
        height: 3px;
        background: #4387cc;
        top: 0px;
        border-radius: 4px;
        transition: top .5s ease-in .3s, height 0s ease-in .3s, background .2s linear;
    }

    #hamburgermiddle1 {
        position: absolute;
        width: 100%;
        height: 3px;
        background: #4387cc;
        border-radius: 4px;
        top: 10px;
        margin-top: -2px;
        transition: transform .5s ease-in-out, background .2s linear;
    }

    #hamburgermiddle2 {
        position: absolute;
        width: 100%;
        height: 1px;
        background: #4387cc;
        border-radius: 4px;
        top: 10px;
        margin-top: -1px;
        transition: transform .5s ease-in-out, height 0s linear .5s, margin 0s linear .5s, background .2s linear;
    }

    #hamburgerbottom {
        position: absolute;
        width: 100%;
        height: 3px;
        top: 16px;
        background: #4387cc;
        border-radius: 4px;
        transition: transform .5s ease-in-out .5s, top .5s ease-in .3s, height 0s ease-in .3s, background .2s linear;
    }

    #hamburger:hover .hamstripe {
        background: #000000;
    }

    .opened #hamburger:hover .hamstripe {
        background: #000000;
    }

    .opened #hamburgermiddle1 {
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transition: transform .25s ease-out .2s;
        background: #000000;
    }

    .opened #hamburgermiddle2 {
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transition: transform .25s ease-out .2s;
        height: 3px;
        margin-top: -2px;
        top: 10px;
        background: #000000;
    }

    .opened #hamburgertop {
        top: 10px;
        height: 0px !important;
        transition: all .25s ease-out;
        background: #000000;
    }

    .opened #hamburgerbottom {
        top: 10px;
        height: 0px !important;
        transition: all .25s ease-out;
        background: #000000;
    }






    .toplogin:before, .topaccount:before {
        content: "";
        display: block;
        background: url("../images/login-icon.png") no-repeat;
        background-size: 100%;
        width: 18px;
        height: 18px;
        float: left;
        margin: 0 6px 0 0;
        transition: all .5s ease-in-out;
    }

    .toplogin.loginrotate, .topaccount.loginrotate {
        font-weight: 600;
        color: #000000;
    }

    .loginrotate:before, .loginrotate:before {
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
    }

    #topcart {
        padding: 0px 8px;
        margin-top: 3px;
        transition: all .3s ease-in-out;
    }

    #topcart span {
    }

    #topcart:before {
        content: "";
        display: block;
        background: url("../images/cart-icon.png") no-repeat;
        background-size: 100%;
        width: 19px;
        height: 19px;
        float: left;
        margin: 0 6px 0 0;
    }

    #topsearch {
        display: block;
        position: relative;
        width: 90px;
        float: right !important;
        overflow: hidden;
        transition: all .3s ease-in-out;
    }

    #topsearch .tfbutton {
        position: absolute;
        left: 4px;
        height: 23px;
        width: 23px;
        border: 0px;
        background: transparent url("../images/search-icon.png") no-repeat center center;
        background-size: 14px 14px;
        transition: all .3s ease-in-out;
    }

    #topsearch .tfbutton:hover {
        opacity: .5;
        transition: all .3s ease-in-out;
    }

    #topsearch #tfnewsearch {
        background: #ebeff3;
        padding-left: 30px;
        transition: all .5s ease-in-out;
    }

    #topsearch .tftextinput {
        background: transparent;
        border: 0px;
        border-left: 1px solid black;
        height: 15px;
        margin: 4px 0px;
        width: 56px;
        padding-left: 8px;
        font-size: 11px;
    }

    #logo {
        font-size: 0px;
        color: transparent;
        width: 100%;
        height: 100px;
        background: #ebeff3 url("../images/ISM_large_logo.png") no-repeat center center;
        background-size: 200px auto;
        margin: 5px 0px 0px 0px;
        transition: all .5s ease-in-out;
    }
    
    #socialmediatop li {
        float: left;
        display: inline;
        width: 34px;
        height: 34px;
        overflow: hidden;
    }
    
    #socialmediatop li img {
        width: 100%;
    }
    
    #socialmediatop li:hover img {
        width: 110%;
        margin-left: -3%;
        margin-top: -8%;
    }

    #navbar .megacontent:after {
        content:"";
        background-image: url('../images/uptick.png');
        background-color: #ffffff;
        background-repeat: no-repeat;
        background-position: 66px 2px;
        background-size: 60px 20px;
        color: #fff;
        width: 736px;
        height: 12px;
        margin-top: -2px;
        position: absolute;
        left: -2px;
        top: 2px;
        z-index: 10;
    }

    #navbar li .megacontent {
        width: 734px;
        position: absolute;
        /*top: 50px;*/
        left: 0px;
        height: 0px;
        transition: all .5s ease-in-out;
        z-index: 500;
        background: #e6eaed;
        overflow: hidden;
        display: none;
        opacity: 0;
        transition: all .3s ease-in-out;
        -webkit-box-shadow: 0px 3px 0px 3px rgba(255,255,255,1);
        -moz-box-shadow: 0px 3px 0px 3px rgba(255,255,255,1);
        box-shadow: 0px 3px 0px 3px rgba(255,255,255,1);
    }

    .navitem1 .megacontent:after {
        background-position: 66px 2px !important;
    }

    .navitem2 .megacontent:after {
        background-position: 262px 2px !important;
    }

    .navitem3 .megacontent:after {
        background-position: 447px 2px !important;
    }

    .navitem4 .megacontent:after {
        background-position: 640px 2px !important;
    }

    #navbar li:hover .megacontent {
    }

    .megacontent .col1, .megacontent .col2, .megacontent .col3 {
        background-position: 66px 2px !important;
        position: relative;
        float: left;
        display: block;
        width: 180px;
        margin-top: 8px;
        text-align: left;
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        color: #5d5d5e;
    }

    .meganavimage {
        /*position: absolute;*/
        display: block;
        width: 100%;
        height: 96px;
        bottom: 5px;
        background: #ffffff;
        background: transparent url("../images/Advance_Mega.jpg") no-repeat center center;
        background-size: cover;
    }

    #navbar .toplevelnavopen .topnavtitle {
        padding-left: 15px !important;
        font-weight: 700 !important;
        letter-spacing: 0px;
        transition: padding .3s linear, font 0s linear !important;
    }

    #navbar .toplevelnavopen .navsubline {
        font-weight: 700 !important;
        margin-bottom: 15px !important;
        transition: padding .3s linear, font 0s linear !important;
    }
        
    #navbar .megacontent h3 {
        margin: 0;
        padding: 0;
        font-size: 14px;
        line-height: 18px;
        color: #000000;
        text-transform: uppercase;
        font-weight: 700;
        background: #dbdee2;
        padding: 10px 30px;
    }

    #navbar .toplevelnavitem .megacontent h3 br {
        content: " ";
        display: none;
    }

    #navbar li.navitem1 .megacontent .col2, #navbar li.navitem1 .megacontent .col3 {
        padding-right: 12px;
        float: left;
    }

    #navbar li.navitem1 .megacontent .col1 {
        padding-left: 15px;
        width: 230px;
        height: 362px;
        border-left: 1px solid #b4b7ba;
        float: right;
        margin-right: 16px;
    }

    #navbar li.navitem1 .megacontent .col1 .meganavimage {
        width: 100%;
        height: 125px;
        bottom: 0px;
        background: transparent url("../images/CAPS_Mega.jpg") no-repeat center bottom;
        background-size: cover;
    }

    #navbar li.navitem1 .megacontent .col2 {
        border-left: 0px;
        padding-left: 0px;
        width: 210px;
    }

    #navbar li.navitem1 .megacontent .col3 {
        width: 220px;
        padding-right: 0px;
        height: 362px;
    }

    #capsresearch {
        position: relative;
        float: left;
        display: block;
        width: 193px;
        height: 96px !important;
        background: transparent url("../images/caps-research-logo.png") no-repeat center center !important;
        background-size: 193px;
        margin-bottom: 10px;
    }

    #navbar li.navitem2 .megacontent .col1 {
        padding-left: 16px;
        width: 240px;
        height: 191px;
        border-left: 1px solid #b4b7ba;
        float: right;
        margin-right: 16px !important;
    }

    #navbar li.navitem2 .megacontent .col2 {
        border-left: 0px;
        padding-left: 0px;
        width: 200px;
        height: 191px;
    }

    #navbar li.navitem2 .megacontent .col3 {
        width: 210px;
        padding-right: 0px;
        height: 191px;
    }

    #navbar li.navitem2 .megacontent p {
        width: 240px;
        display: inline;
        float: left;
        padding-top: 0;
        margin-top: 146px;
    }

    #navbar li.navitem2 .megacontent .col1 .meganavimage {
        width: 100%;
        height: 130px;
        top: 0px;
        background: transparent url("../images/Connect_Mega.jpg") no-repeat center bottom;
        background-size: cover;
    }

    #navbar li.navitem3 .megacontent .col3 {
        height: 244px;
    }

    #navbar li.navitem4 .megacontent .col2, #navbar li.navitem4 .megacontent .col3 {
        padding-right: 12px;
        float: left;
    }

    #navbar li.navitem4 .megacontent .col1 {
        padding-left: 16px;
        width: 240px;
        height: 217px;
        border-left: 1px solid #b4b7ba;
        float: right;
        margin-right: 16px !important;
    }

    #navbar li.navitem4 .megacontent .col1 .meganavimage {
        width: 100%;
        height: 130px;
        top: 0px;
        background: transparent url("../images/Join_Mega.jpg") no-repeat center top;
        background-size: cover;
    }

    #navbar li.navitem4 .megacontent .col2 {
        border-left: 0px;
        padding-left: 0px;
        width: 200px;
    }

    #navbar li.navitem4 .megacontent .col3 {
        width: 210px;
        padding-right: 0px;
        height: 217px;
    }

    #navbar li.navitem4 .megacontent p {
        width: 240px;
        display: inline;
        float: left;
        padding-top: 0;
        margin-top: 146px;
    }

    #navbar .megacontent li {
        position: relative;
        display: block;
        text-align: left;
        margin: 0px;
        padding: 0px;
        margin-bottom: 10px;
        transition: all 0s ease-in-out !important;
        background: #f2f6fa;
    }

    .megacontent li a {
        position: relative;
        display: block;
        text-align: left;
        font-size: 12px !important;
        line-height: 13px !important;
        font-weight: 400 !important;
        color: #5d5d5e !important;
        padding: 14px 30px;
        transition: margin-left .5s ease-in-out, font-weight .5s ease-in-out, font-size 0s ease-in-out .2s !important;
    }

    .megacontent li:hover {
        background: transparent !important;
        margin-top: 0px !important;
        padding: 0px !important;
        transition: all 0s ease-in-out !important;
    }

    .megacontent li a:hover {
        position: relative;
        display: inline !imporant;
        text-align: left;
        color: #000000 !important;
        background: transparent !important;
        transition: all 0s ease-in-out !important;
    }

    .navlist span {
        position: absolute;
        left: -16px;
        top: 2px;
        font-size: 40px;
        line-height: 10px;
        font-weight: 400 !important;
        transition: all .5s ease-in-out !important;
    }

    .megacontent li a:hover span {
        left: -16px;
        transition: all 0s ease-in-out !important;
    }

    .navitem1:hover .megacontent .col1 {
        background-position: 66px 2px !important;
    }
    
    #navbar li, header li, footer li, #dd li{
        list-style-type: none;
        transition: all .5s ease-in-out;
    }
    
    ul, ol {
        width: 100%;
        padding: 0px;
        transition: all .5s ease-in-out;
    }
    
    nav, #navbar {
        transition: all .3s ease-in-out;
    }
    
    #navbar {
        position: relative;
    }

    #navbar li {
        background: #ebeff3;
        text-align: left;
        margin-bottom: 0px;
        padding: 3px 0px;
        transition: all .3s ease-in-out;
    }

    #navbar li a {
        display: block;
        width: 100%;
        height: 100%;
        transition: all .5s ease-in-out;
    }

    #navbar li:hover {
        background: #dbdee2;
        transition: all .3s ease-in-out;;
    }

    #navbar li:hover .topnavtitle {
        padding-left: 18px;
    }

    #navbar li .topnavtitle {
        padding-left: 15px;
        font-weight: 400;
        color: #000000;
        font-size: 18px;
        line-height: 26px;
        padding-top: 5px;
        transition: all .3s ease-in-out;
        /*text-transform: capitalize;*/
    }

    #navbar li:hover a {
        transition: padding .3s linear, font 0s linear !important;
    }

    #navbar li a:hover .navsubline {
        border-top: 0px solid #000000;
        transition: all .3s ease-in-out;
    }

    #navbar li .topnavtitle .navsubline {
        font-weight: 400;
        font-size: 12px;
        color: #000000;
        border-top: 0px solid #5d5d5e;
        transition: all .3s ease-in-out;
        margin-bottom: 10px;
        line-height: 12px;
        transition: padding .3s linear, font 0s linear !important;
    }

    #navbar a:hover, #navbar a:active, #navbar a:visited, #navbar a:link {
        text-decoration: none;
    }

    .navstretch {
        display: none;
    }

    #slider {
        margin: 0px;
    }

    #sliderwrap {
        border: 1px solid white;
    }

    #rotatingcontent {
        display: block;
        height: 160px;
        width: 100%;
        background-size: 100% auto;
    }

    #rotatingcontent #buttons li {
        float: left;
        position: relative;
        display: inline;
        width: 50%;
        border: 1px solid white;
        background: #ebeff3;
        padding: 8px;
        text-align: center;
        font-size: 13px;
        line-height: 13px;
        font-weight: 700;
        color: #5d5d5e;
        transition: all .3s ease-in-out;
        height: 44px;
        display: table;
    }

    #rotatingcontent #buttons li span {
      display: table-cell;
      vertical-align: middle;
    }

    #rotatingcontent #buttons li:hover {
        color: #ffffff;
        background: #000000;
        transition: all .3s ease-in-out;
        cursor: pointer;
    }

    #rotatingcontent #buttons .active {
        color: #c55e18;
    }

    #rotatingcontent:hover .lSAction > a {
        opacity: .7 !important;
    }

    #rotatingcontent .lSAction > a:hover {
        opacity: 1 !important;
    }

    .centerclickelement {
        /*position: absolute;*/
        display: block;
        width: 91%;
        left: 8%;
        height: 100%;
        /*top: 0;*/
    }

  .content-slider li{
        position: relative;
        display: block;
        text-align: center;
        color: #ffffff;
        height: 160px;
        overflow: hidden;
  }

  .content-slider h3 {
        margin: 20px;
        color: #c55e18;
        text-align: right;
        float: right;
        width: 40%;
        display: block;
        font-size: 18px;
        line-height: 25px;
        font-weight: 600;
        transition: all .3s ease-in-out;
    }

  .content-slider .slideleft h3 {
        text-align: left;
        float: left;
    }

  .content-slider p {
        display: none;
    }

    .content-slider:hover h3, .content-slider:hover .readmore {
        color: #000000;
        transition: all .3s ease-in-out;
    }

  .content-slider .inverse h3, .content-slider .inverse .readmore {
        color: #ffffff;
    }

     .content-slider:hover p {
         color: #888888;
        transition: all .3s ease-in-out;
     }

    .lSPager {
        display: none;
    }

    #content h1, #content h2, #content h3, #content h4, #content h5, #content h6  {
        text-align: left;
        font-weight: 400;
        color: #000000;
        font-size: 18px;
        line-height: 22px;
        width: 80%;
        position: relative;
    }

    #content h3, #content h4, #content h5, #content h6 {
        text-align: center;
        width: 100%;
    }

    #content p {
        text-align: left;
        margin-bottom: 20px;
    }

    .contentboxtype1 {
        display: block;
        position: relative;
        width: 100%;
        height: 260px;
        background: #ebeff3;
    }

    #contentbox1 .contentbox1background {
        height: 188px;
        width: 100%;
        display: block;
        background: #ebeff3 url("../images/button_01.png") no-repeat top center;
        background-size: 100% auto;
    }

    .contentboxvideo {
        width: 100%;
    }

    .videocontentoverlay, .videocontentplaygui, .videocontentplayguihover {
        width: 100%;
        height: 188px;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .videocontentoverlay {
        background: rgba(255, 255, 255, 0) url("../images/video-overlay1.png") no-repeat top center;
        background-size: 100% auto;
        transition: all .5s ease-in-out;
    } 

    .videocontentplaygui {
        background: transparent url("../images/video-overlay2.png") no-repeat top center;
        background-size: 100% auto;
        transition: all .5s ease-in-out;
    } 

    .videocontentplayguihover {
        background: transparent url("../images/video-overlay3.png") no-repeat top center;
        background-size: 100% auto;
        transition: all .5s ease-in-out;
        opacity: 0;
    } 

    .contentboxvideo:hover .videocontentplayguihover {
        opacity: 1;
        transition: all .5s ease-in-out;
    }

    .contentboxvideo:hover .videocontentoverlay {
        background: rgba(255, 255, 255, .7) url("../images/video-overlay1.png") no-repeat top center;
        background-size: 100% auto;
        transition: all .5s ease-in-out;
    }

    .contentboxtype1sub {
        position: absolute;
        display: block;
        width: 100%;
        bottom: 0px;
        height: 72px;
        z-index: 20;
        padding-top: 12px;
    }

    .contentboxtype1sub h4 {
        font-size: 14px !important;
        line-height: 15px !important;
        transition: all .5s ease-in-out;
        width: 70% !important;
        margin: 0 auto;
        font-weight: 600 !important;
    }

    .contentboxtype1:hover .contentboxtype1sub h4 {
        color: #ffffff !important;
    }

    .contentboxtype1:hover {
        background: #000000 no-repeat top center !important;
        background-size: 100% auto !important;
        transition: all .5s ease-in-out;
    }

    .contentboxtype2 {
        display: block;
        position: relative;
        width: 100%;
        height: 260px;
        margin-top: 10px;
    }

    #contentbox2 {
        background: #ebeff3 url("../images/button_02.png") no-repeat top left;
        background-size: cover;
        height: 232px;
    }

    .contentboxtype2 .contentboxoverlay {
        width: 100%;
        padding: 15px;
        background: rgba(235, 239, 243, .95);
        display: block;
        position: absolute;
        top: 70%;
        transition: all .5s ease-in-out;
        text-align: center;
    }

    .contentboxtype2 .contentboxoverlay h5 {
        font-weight: 300 !important;
        font-size: 15px !important;
        line-height: 
        color: #000000 !important;
        transition: all .5s ease-in-out;
        margin: 0;
    }

    .contentboxtype2 .contentboxoverlay h5 a {
        text-decoration: none;
     }

    #contentbox3 {
        background: #ebeff3 url("../images/button_03.png") no-repeat top left;
        background-size: cover;
        height: 230px;
    }

    .contentboxtype2:hover .contentboxoverlay h5 {
        color: #ffffff !important;
        transition: all .5s ease-in-out;
    }

    .contentboxtype2:hover .contentboxoverlay {
        background: rgba(0, 0, 0, .95);
        transition: all .5s ease-in-out;
    }

    .contentboxtype3 {
        display: block;
        position: relative;
        width: 100%;
        height: 230px;
        margin-top: 10px;
        background: #ebeff3;
        transition: all .5s ease-in-out;
    }

    .contentboxtype3 .bottomtext {
        height: 100%;
        width: 60%;
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 20px;
    }

    .contentboxtype3 .bottomtext h5, .contentboxtype3 .bottomtext h6 {
        font-size: 15px !important;
        line-height: 19px !important;
        font-weight: 300 !important;
        text-align: left !important;
    }

    .contentboxtype3 .bottomtext h6 {
        text-align: right !important;
        font-style: italic;
        font-size: 12px !important;
        line-height: 15px !important;
        margin-top: 10px;
    }

    .contentboxtype3 .rightimage {
        height: 100%;
        width: 40%;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .contentboxtype3:hover {
        background: #000000;
        transition: all .5s ease-in-out;
    }

    .contentboxtype3:hover .bottomtext h6, .contentboxtype3:hover .bottomtext h5 {
        color: #ffffff !important;
        transition: all .5s ease-in-out;
    }

    #contentbox4 .rightimage {
        background: #ebeff3 url("../images/button_04.png") no-repeat top center;
        background-size: 200%;
    }
    
    #quicklinks {
        display: none;
        float: none;
    }

    #membersspotlight {
        display: none;
    }

    #ismmasterymodel {
        display: block;
        position: relative;
        width: 100%;
        /*height: 325px;*/
        background: rgba(235, 239, 243, 1);
        margin-bottom: 10px;
    }

    #ismmasterymodel .masterytitle {
        text-align: center;
        font-weight: 600;
        color: #000000;
        font-size: 16px;
        line-height: 17px;
        padding-top: 12px;
        padding-bottom: 8px;
        transition: all .5s ease-in-out;
        border-bottom: 2px solid #ffffff;
        /*height: 60px;*/
    }

    #ismmasterymodel .masterytitle:hover {
        background: #000000;
        color: #ffffff;
        transition: all .5s ease-in-out;
    }

    #ismmasterymodel .masterybutton {
        text-align: center;
        /*position: absolute;*/
        display: block;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 57px;
        border: 2px solid #4387cc;
        background: #ffffff;
        font-weight: 600;
        font-size: 16px;
        padding-top: 11px;
        padding-bottom: 10px;
        transition: all .5s ease-in-out;
        color: #4387cc;
        font-size: 14px;
        line-height: 15px;
        font-weight: 700;
        transition: all .5s ease-in-out;
    }

    #ismmasterymodel .masterybutton:hover {
        background: #000000;
        border: 2px solid #000000;
        color: #ffffff;
        transition: all .5s ease-in-out;
    }

    #masterywrapper ul {
        width: 100%;
    }

    #masterywrapper ul li {
        list-style-type: none;
        position: relative;
        display: table;
        margin: 0 auto;
        font-size: 13px;
        line-height: 19px;
        font-weight: 600;
        color: #5d5d5e;
        width: 100%;
        padding: 7px 48px;
        transition: all .5s ease-in-out;
        text-decoration: none !important;
    }

    #masterywrapper ul li:first-child {
        margin-top: 10px;
    }

    #masterywrapper ul li:hover {
        color: #ffffff;
        background: #000000;
        transition: all .5s ease-in-out;
    }
    
    #masterywrapper ul li a {
      color: #5d5d5e !important;
      text-decoration: none !important;
      transition: all .5s ease-in-out;
      padding-left: 25px;
      top: 14px;
      display: table-cell;
      vertical-align: middle;
    }
    
    #masterywrapper ul li:first-of-type a {
      padding-left: 15px !important;
    }

    #masterywrapper ul li:last-of-type a {
      padding-left: 27px !important;
    }

    #masterywrapper ul li a:hover {
      color: #ffffff !important;
    }
        
    #masterywrapper .subicon {
        width: 50px;
        margin-right: 15px;
        float: left;
        display: block;
    }

    .sponsorbox {
        display: block;
        position: relative;
        width: 100%;
        height: 340px;
        background: rgba(235, 239, 243, 1);
        margin-bottom: 10px;
    }

    .sponsorbox .sponsortitle {
        text-align: center;
        font-weight: 600;
        color: #000000;
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 7px;
        transition: all .5s ease-in-out;
    }

    .sponsorbox:hover .sponsortitle {
        color: #ffffff;
        background: #000000;
        transition: all .5s ease-in-out;
    }

    .nounderline {
        text-decoration: none !important;
    }

    .sponsorbox .sponsoradimage {
        position: absolute;
        display: block;
        bottom: 0px;
        left: 0px;
        width: 100%;
        transition: all .5s ease-in-out;
        height: calc(100% - 38px);
        background: #666;
        border-top: 2px solid #ffffff; 
    }
        
    #sponsoredby1 .sponsoradimage  {
        background: #ebeff3 no-repeat top center;
        background-size: cover;
    }

    #sponsoredby2 {
        /*height: 300px;*/
    }

    #sponsoredby2 .sponsoradimage  {
        background: #ebeff3 no-repeat top center;
        background-size: cover;
    }

    #brandsrotator {
        display: block;
        position: relative;
        width: 100%;
        height: 130px;
        background: #ebeff3;
        transition: all .3s ease-in-out;
    }

    #brandsrotator p {
        display: block;
        width: 120px;
        margin: 0 auto;
        text-align: center;
        font-size: 12px;
        font-weight: 700;
        line-height: 15px;
        color: #b3b6b9;
        padding-top: 16px;
        padding-bottom: 5px;
    }

    #brands {
        display: block;
        width: 100%;
        height: 65px;
        background: #ebeff3 url("../images/brands01.png") no-repeat center center;
    }

    #footerwrapper {
        display: block;
        position: relative;
        width: 100%;
        height: 320px;
        background: #5d5d5e;
        margin-bottom: 10px;
        padding: 20px;
        overflow: hidden;
        clear: both;
    }

    #bigfoot {
        position: relative;
        display: block;
        width: 100%;
        height: 0%;
        transition: all .5s ease-in-out;
        overflow: hidden;
        z-index: 500;
         -webkit-transform: translateZ(0);
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke: .7px;
    }

    #smallfoot {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        transition: all .5s ease-in-out;
        overflow: hidden;
         -webkit-transform: translateZ(0);
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke: .5envpx;
    }

    #smallfoot a {
      color: #ffffff !important;
    }

    #smallfoot p {
      font-weight: 300;
    }

    #bigfoot p {
        -webkit-backface-visibility: hidden !important;
        
    }

    #contactus {
        height: 160px;
        text-align: center;
        font-size: 12px;
        font-weight: 300;
        line-height: 20px;
        color: #ffffff;
        border-bottom: 1px solid white;
    }

    #contactus span {
        display: block;
        margin-top: 5px;
        width: 100%;
        height: 40px;
        font-size: 25px;
        line-height: 30px;
        font-weight: 300;
    }

    #footermenuitemscol1 {
        text-align: center;
        font-size: 12px;
        font-weight: 300;
        line-height: 20px;
        color: #ffffff;
        margin-top: 18px;
    }

    #footermenuitemscol2 {
        text-align: center;
        font-size: 12px;
        font-weight: 300;
        line-height: 20px;
        color: #ffffff;
    }

    #footerwrapper ul {
        padding: 0;
        margin: 0;
    }

    #footermenuitemscol1 a, #footermenuitemscol2 a {
        text-decoration: none !important;
        color: #ffffff !important;
        display: block;
        transition: all .1s ease-in-out;
    }

    #footermenuitemscol1 a:hover, #footermenuitemscol2 a:hover {
        font-weight: 600;
        transition: all .1s ease-in-out;
    }

    #creditmartz {
        display: block;
        position: relative;
        width: 100%;
        background: #ffffff;
        color: #000000;
        text-align: center;
        font-weight: 400;
        font-size: 14px;
        padding: 10px;
        transition: all .3s ease-in-out;
    }

    #creditmartz a {
        text-decoration: underline !important;
        color: #000000 !important;
        transition: all .3s ease-in-out;
    }

    #creditmartz a:hover {
        font-weight: 800;
        text-decoration: underline !important;
        transition: all .1s ease-in-out;
    }

    .slidebackgroundimage {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        transition: all .3s ease-in-out;
    }

    .myButton {
        display: none;
    }

    .bslide1 {
        background: #ebeff3 url(../images/slide01.png) no-repeat center center; 
        background-size: 100% auto;
    }

    .bslide2 {
        background: #ebeff3 url(../images/slide02.jpg) no-repeat center center; 
        background-size: 100% auto;
    }

    .bslide3 {
        background: #000000 url(../images/slide03.jpg) no-repeat;
        background-position: -50px 0px;
        background-size: auto 100%;
    }

    .bslide4 {
        background: #ebeff3 url(../images/slide04.jpg) no-repeat center center; 
        background-size: 100% auto;
    }

    .bslide5 {
        background: #ebeff3 url(../images/slide05.jpg) no-repeat center center; 
        background-size: 100% auto;
    }

    .bslide6 {
        background: #ebeff3 url(../images/slide06.jpg) no-repeat center center; 
        background-size: 100% auto;
    }

    #brandsrotatoractual {
        width: 100%;
        display: block;
        position: relative;
        background: #ebeff3;
        overflow: hidden;
        height: 0px;
        transition: all .3s ease-in-out;
    }



/*! ISM Styles for Mobile Only */
@media only screen and (max-width: 819px) {

    nav {
        height: 0px;
        display: block;
        overflow: hidden;
    }
    
    nav.open1, nav.open3  {
        height: 254px;
        transition: all .25s ease-in;
    }
    
    #navbar li.navitem2 .megacontent .col2, #navbar li.navitem2 .megacontent .col1, #navbar li.navitem2 .megacontent .col3, #navbar li.navitem1 .megacontent .col3, #navbar li.navitem3 .megacontent .col3, #navbar li.navitem4 .megacontent .col3 {
        height: auto !important;
    }
    
    nav.open2 {
        height: auto !important;
    }
    
    #hamburgernav {
        display: block;
        float: right;
        width: 30px;
        height: 30px;
        cursor: pointer;
        background: url("http://www.ism.ws/files/2015/images/topicon_03.png") no-repeat center center;
        background-size: 18px auto;
    }
    
    .megacontent {
        display: block !important;
        position: relative !important;
        height: 0px;
        overflow: hidden;
        transition: .5s height ease-in-out, .5s color ease-in-out !important;
    }

    .toplevelnavitem {
        border: 1px solid #ffffff;
        position: relative;
    }

    .toplevelnavitem .topnavtitle span {
        display: inline-block;
    }

    .toplevelnavopen {
        background: #ebeff3 !important;
        color: #000000 !important;
        transition: .5s all ease-in-out;
    }

    .toplevelnavopen .topnavtitle {
    }

    #navbar .toplevelnavopen .megacontent:after {
        display: none;
    }
    
    #navbar .toplevelnavopen .megacontent li:hover a {
        color: #ffffff !important;
        transition: .3s all linear !important;
    }

    .megacontent {
        padding: 0px;
    }

    .toplevelnavopen .megacontent {
        width: 100% !important;
        opacity: 1 !important;
        transition: .5s all ease-in-out !important;
    }
    
        .navitem1.toplevelnavopen .megacontent {
            display: block;
            transition: .5s height ease-in-out !important;
        }
    
        .navitem2.toplevelnavopen .megacontent {
            transition: .5s height ease-in-out !important;
        }
    
        .navitem3.toplevelnavopen .megacontent {
            transition: .5s height ease-in-out !important;
        }
    
        .navitem4.toplevelnavopen .megacontent {
            transition: .5s height ease-in-out !important;
        }

    .toplevelnavitem .topnavtitle span:after {
        content:"";
        position: absolute;
        display: block;
        z-index: 10;
        font-size: 20px;
        line-height: 15px;
        font-weight: 400;
        background: url("http://www.ism.ws/files/2015/images/downarrow_remix.png") no-repeat;
        background-size: 20px 18px;
        background-position: 0px 0px;
        width: 20px;
        height: 9px;
        right: 15px;
        top: 27px;
        transition: all 0s ease-in-out;
    }
    
    .toplevelnavopen .topnavtitle span:after {
        background-size: 20px 19px;
        background-position: 0px -10px;
        transition: all 0s ease-in-out;
    }
    
    .toplevelnavopen .megacontent .col1, .toplevelnavopen .megacontent .col2, .toplevelnavopen .megacontent .col3 {
        width: 100% !important;
        padding: 0px !important;
        margin: 0px !important;
        border: 0px !important;
        display: inline;
    }
    
    .toplevelnavitem li {
        text-align: left !important;
        padding-bottom: 12px;
        margin: 0px !important;
        border-bottom: 2px solid #ebeff3;
    }
 
    .toplevelnavitem li:last-of-type {
        border-bottom: 0px solid #dbdee2;
    }
    
    .toplevelnavopen li a {
        color: #000000 !important;
    }
    
    .navlist li span {
        position: relative;
        display: inline-block;
        display: none;
        left: -3px;
        top: 8px;
        font-size: 40px;
        line-height: 10px;
        font-weight: 400 !important;
        transition: all .5s ease-in-out !important;
    }
    
    .megacontent h3 {
        font-size: 18px;
        line-height: 22px;
        width: 100%;
        color: #ffffff;
        background: #dbdee2;
        padding: 5px;
        margin-bottom: 0px;
    }

    #rotatingcontent {
      display: none;
    }
    
    .navitem1 .col1 {
        display: none !important;
    }
    
    .navitem2 .col1 {
        display: none !important;
    }
    
    .navitem3 .col1 {
        display: none !important;
    }
    
    .navitem4 .col1 {
        display: none !important;
    }
    
    #navbar .toplevelnavopen .megacontent li:hover {
        background: #000000 !important;
        transition: .3s all linear !important;
    }
    
    .megacontent li a {
        font-size: 14px !important;
        font-weight: 200 !important;
        line-height: 17px !important;
    }
    
}


/*! ISM Styles for tablet or small screen */
@media only screen and (min-width: 820px) {

  .fa {
      color: rgb(133, 167, 202) !important;
      font-size: 26pt !important;
      margin-left: -14px;
    }
  
    #topitems a:hover li {
        color: #5d5d5e;
        padding-top: 2px;
        transition: all .3s ease-in-out;
    }

    #navbar li .topnavtitle .navsubline {
        border-top: 2px solid #5d5d5e;
    }
        
        
    #navbar li a:hover .navsubline {
        border-top: 2px solid #000000;
    }

    #navbar li {
        text-align: center;
        margin-bottom: 10px;
    }

    #navbar li .topnavtitle {
        font-weight: 800;
        color: #c55e18;
        font-size: 19px;
        /*text-transform: uppercase;*/
        margin-top: 0px;
        padding-left: 0px !important;
        transition: color .3s ease-in-out, font .3s ease-in-out !important;
    }

    #navbar li .topnavtitle .navsubline {
        font-weight: 600;
        font-size: 14px;
        color: #5d5d5e;
        margin-bottom: 0px;
        line-height: 26px;
    }

    #navbar li:hover .megacontent {
        padding: 26px;
    }
    
    .lightSlider {
      margin-top: 59px;
    }

    .toplogin {
        margin-right: 0px;
    }
    
    .toplogin.loginrotate {
        font-weight: 600;
        margin-left: -4px;
        width: 72px;
        color: #000000;
    }
    
    #dropdownlogin, #dropdownaccount {
        position: relative;
        display: block;
        width: 100%;
        height: 0px;
        overflow: hidden;
        background: #eeeeee;
        margin-top: -12px;
        margin-bottom: 18px;
        background: #e6eaed;
        max-width: 734px;
        transition: .75s all ease-in-out;
    }
    
    .loginaccountbut {
        width: 122px;
        margin: 4px !important;
    }
    
    #dropdownaccount {
        width: 417px;
        display: block;
        margin-left: 315px;
        position: relative;
        padding: 0px;
        text-align: center;
        margin-bottom: 0px;
    }

    .topaccount.loginrotate {
        font-weight: 600;
        margin-left: -4px;
        margin-left: -22px;
        width: 90px;
    }
    
    #dropdownaccount p {
        display: block;
        overflow: hidden;
        height: 20px;
        margin-top: 12px;
        font-size: 18px;
        font-weight: 200;
        margin-bottom: 5px;
    }
    
    #dropdownlogin.loginopen, #dropdownaccount.loginopen {
        height: 85px;
        transition: .75s all ease-in-out;
    }
    
    #dropdownaccount.loginopen {
        margin-bottom: 18px;
    }
    
    #logincreateaccount {
        position: relative;
        display: block;
        float: left;
        height: 85px;
        width: 168px;
        border-top: 0px;
        padding-top: 0px;
        bottom: auto;
        border-right: 4px solid #ffffff;
        text-align: center;
    }
    
    #loginusernamepassword {
        display: block;
        float: left;
        height: 85px;
        width: 497px;
        border-right: 4px solid #ffffff;
    }
    
    #logincancel {
        display: block;
        float: left;
        height: 85px;
        width: 69px;
        overflow: hidden;
    }
    
    .loginbuttons {
        display: inline-block;
        padding: 3px 10px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 200;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        color: #fff;
        background-color: #4387cc;
        border-color: #337fcc;
    }
    
    .logintextinput {
        display: inline-block;
        margin-top: 18px;
        margin-bottom: 0px;
        padding: 3px 10px;
        font-size: 14px;
        color: #5d5d5e;
        background-image: none;
        border: 1px solid #cccccc;
        border-radius: 4px;
        font-weight: 200;
        width: 178px;
    }
    
    #submitusername {
        margin-left: 20px;
        width: 178px;
    }
    
    #submitpassword {
        margin-left: 10px;
        width: 178px;
        margin-top: 18px;
    }
    
    #submitlogin {
        margin-left: 10px;
        margin-top: -2px !important;
    }
    
    .loginbuttons:hover {
        background-color: #000000;
        border-color: #000000;
    }
    
    #loginwrap p  {
        font-weight: 400;
        font-size: 12px;
        color: #5d5d5e;
        display: inline-block;
    }

    #logincreateaccount p {
        display: block;
        padding-top: 13px;
        margin-bottom: 0px;
    }
    
    #checkwrap p {
        display: inline-block;
        position: relative;
        top: -3px !important;
    }
    
    #checkwrap {
        width: 100%;
        position: relative;
        top: 0px;
        left: 0px;
    }
    
    #checkboxer {
        float: left;
        margin-left: 48px;
        margin-top: 4px;
        margin-right: 6px;
    }
    
    #forgotpassword p {
        margin-left: 63px;
        margin-top: 0px;
    }
    
    #forgotpassword:hover p {
        color: #000000;
        text-decoration: underline;
    }
    
    #logincancel p {
        text-align: center;
        display: block;
    }
    
    #closebutton {
        font-size: 26px;
        line-height: 26px;
        padding: 0px 6px;
        margin-top: 18px;
        margin-left: 20px;
    }
    
    #createaccountbutton {
        margin: 0 auto;
    }

    .bslide1 {
        background: #ebeff3 url(../images/slide01b.jpg) no-repeat center center; 
        background-size: cover;
    }

    .bslide2 {
        background: #ebeff3 url(../images/slide02b.jpg) no-repeat center center; 
        background-size: cover;
    }

    .bslide3 {
        background: #ebeff3 url(../images/slide03b.jpg) no-repeat center center; 
        background-size: cover;
    }

    .bslide4 {
        background: #ebeff3 url(../images/slide04b.jpg) no-repeat center center; 
        background-size: cover;
    }

    .bslide5 {
        background: #ebeff3 url(../images/slide05b.jpg) no-repeat center center; 
        background-size: cover;
    }

    .bslide6 {
        background: #ebeff3 url(../images/slide06b.jpg) no-repeat center center; 
        background-size: cover;
    }
    
    body {
        background: url("../images/white.png");
        transition: all .3s ease-in-out;
    }
    
    #bodywrapper {
        width: 800px;
        max-width: 800px;
        background: transparent;
        padding: 33px;
        -webkit-box-shadow: 0px 2px 9px 2px rgba(0,0,0,0);
        -moz-box-shadow: 0px 2px 9px 2px rgba(0,0,0,0);
        box-shadow: 0px 2px 9px 2px rgba(0,0,0,0);
    }
 
    #column2 {
        max-width: 734px;
        transition: .5s all ease-out;
    }
    
    #topitems {
        float: right;
        width: 187px;
        margin-bottom: 0px;
        margin-top: -16px;
        clear: both;
        transition: all .3s ease-in-out;
    }

    #normaltopitems {
        height: auto;
        transition: all .3s ease-in-out;
        overflow: visible !important;
    }
    
    #mobile1_topitems {
        height: 0px !important;
        transition: all .5s ease-in-out;
        overflow: hidden;
        margin-top: 3px;
    }  
    
    #socialmediatop {
        height: 34px;
        background: #ffffff;
        float: right;
        margin-top: 0px;
        margin-bottom: 6px;
        transition: all .5s ease-in-out;
    }
    
    .toplogin, .topaccount { 
        width: 68px;
        margin-bottom: 6px;
        height: 15px;
        transition: all .3s ease-in-out;
    }
    
    .topaccount {
        width: 90px;
        margin-left: -22px;
        margin-right: -20px;
    }
    
    #topcart {
        float: right !important;
        text-align: right;
        padding: 0px;
        padding-left: 15px;
        width: 117px;
        transition: all .3s ease-in-out;
    }
    
    #topsearch {
        width: 150px;
    }
    
    #topsearch .tftextinput {
        width: 115px;
    }

    #logo {
        width: 315px;
        height: 119px;
        background-size: 315px auto;
        transition: all .3s ease-in-out;
        background-color: transparent;
    }
    
    nav {
        float: right;
        display: inline-block;
        width: 100%;
    }
        
    #navbar ul, #navbar li, #navbar li .topnavtitle, #navbar li a  {
        display: inline-block;
        transition: all .3s ease-in-out;
    }
 
    #navbar li {
        background: transparent;
        transition: all .3s ease-in-out;
    }
    
    #navbar li .topnavtitle {
        font-weight: 700;
        transition: all .3s ease-in-out;
        padding-bottom: 10px;
        margin-left: 0px;
    }

    #navbar li:hover .topnavtitle {
        margin-left: 0px;
    }
    
    #navbar li .topnavtitle .navsubline {
        font-size: 10px;
        line-height: 12px;
        transition: all .3s ease-in-out;
    }
    
    #navbar {
        margin-top: 70px;
        text-align: justify !important;
        -ms-text-justify: distribute-all-lines !important;
        text-justify: distribute-all-lines !important;
        margin-bottom: 0px;
    }
    
    #navbar li .megacontent {
        display: block;
        transition: all .1s ease-in-out;
    }
    
    #navbar li .megacontent h3 {
        margin: 0;
        padding: 0;
        font-size: 23px;
        line-height: 23px;
        color: #000000;
        margin-bottom: 10px;
        text-transform: lowercase;
        font-weight: 500;
        background: transparent;
        
    }

    #navbar .toplevelnavitem .megacontent h3 br {
        content: normal;
        display: inline;
    }
    
    #navbar li {
        padding: 0;
        padding-bottom: 20px;
        margin-bottom: -10px;
    }
    
    #navbar li:hover {
        background: transparent;
        transition: all 0s ease-in-out;
    }
    
    .navitem1, .navitem2, .navitem3, .navitem4 {
        vertical-align: top !important;
        display: inline-block !important;
        *display: inline !important;
        zoom: 1 !important;
    }
    
    #navbar li:hover a {
        color: #000000;
        transition: color .3s ease-in-out, font .3s ease-in-out !important;
        font-size: 20px;
        font-weight: 700;
        margin-top: -1px;
    }
    
    #navbar li:hover a .navsubline {
        margin-top: 1px;
    }
        

    #navbar li a:hover .navsubline {
        border-top: 2px solid #000000;
        color: #000000;
        transition: all .3s ease-in-out;
    }
    
    .navstretch {
        width: 100% !important;
        display: inline-block !important;
        font-size: 0 !important;
        line-height: 0 !important;
        transition: all .3s ease-in-out;
    }

    .megacontent .col1 {
        height: 240px;
    }

    .navitem3 .megacontent .col1 {
        height: 244px;
        width: 164px;
        margin-right: 16px;
    }

    .megacontent .col2, .megacontent .col3 {
        border-left: 1px solid #b4b7ba;
        padding-left: 12px;
    }

    .megacontent .col2 {
        width: 255px;
        height: 240px;
    }

    .megacontent .col3 {
        width: 235px;
        float: right;
    }
    
    #navbar .megacontent li {
        background: transparent !important;
    }
    
    #navbar .megacontent li a {
        padding: 0px;
        margin-left: 16px;
    }

    .megacontent li a:hover {
        position: relative;
        display: inline !imporant;
        text-align: left;
        font-size: 13px !important;
        line-height: 13px !important;
        font-weight: 600 !important;
        color: #000000 !important;
        background: transparent !important;
        padding: 0 !important;
        margin-left: 14px !important;
        transition: all 0s ease-in-out !important;
    }

    #navbar li.navitem1:hover .megacontent {
        min-height: 445px;
        opacity: 1;
        transition: height .2s ease-in-out, opacity .3s ease-in-out;
    }

    #navbar li.navitem2:hover .megacontent {
        min-height: 366px;
        opacity: 1;
        transition: height .2s ease-in-out, opacity .3s ease-in-out;
    }

    #navbar li.navitem3:hover .megacontent {
        min-height: 328px;
        opacity: 1;
        transition: height .2s ease-in-out, opacity .3s ease-in-out;
    }
    
    #navbar li.navitem4:hover .megacontent {
        min-height: 318px;
        opacity: 1;
        transition: height .2s ease-in-out, opacity .3s ease-in-out;
    }
    
    #rotatingcontent {
        height: auto;
        transition: all .3s ease-in-out;
    }

    #rotatingcontent #buttons {
        width: 2000px;
        transition: all .3s ease-in-out;
    }
    
    #rotatingcontent #buttons li {
        width: 163px;
        transition: all .3s ease-in-out;
    }

  .content-slider h3 {
        margin: 16px 40px 4px 0px;
        width: 50%;
    }
    
    .content-slider .readmore {
        color: #c55e18;
        padding-left: 3px;
        text-decoration: underline;
        transition: all .3s ease-in-out;
    }

  .content-slider p {
        margin: 0px 40px 4px 0px;
        display: block;
        text-align: right;
        float: right;
        width: 51%;
        color: #000000;
        font-size: 14px;
        line-height: 24px;
        font-weight: 600;
        transition: all .3s ease-in-out;
    }

    .content-slider .slideleft p {
        margin: 0px 0px 4px 40px;
        text-align: left;
        float: left;
    }

    .content-slider .slideleft h3 {
        margin: 16px 0px 4px 40px;
    }
    
    .content-slider .inverse p {
        color: #cccccc;
    }

    .content-slider:hover .inverse h3, .content-slider:hover .inverse .readmore {
        color: #eeeeee;
    }

     .content-slider:hover .inverse p {
         color: #aaaaaa;
     }
        
    #containerbuttons {
        display: block;
        position: relative;
        width: 652px;
        overflow: hidden;
    }

    #excessivecontent {
        width: 2000px;
        position: relative;
        display: block;
    }
    
    #divWithExcessiveContent {
        transition: all .3s ease-in-out;
    }
    
    #divWithExcessiveContent ul {
        margin: 0;
    }
    
    .myButton {
        position: relative;
        display: inline-block;
        float: left;
        width: 41px;
        height: 44px;
        background: #ebeff3;
        border: 1px solid white;
            font-size: .9em;
            text-align: center;
            cursor: default;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            transition: .1s all ease-out;
            font-weight: 600;
        letter-spacing: -1px;
        color: #c55e18;
    }
    
    #rightbutton {
        float: right;
    }

        
        .clickbutton:hover, .donebutton {
            font-size: .9em;
            background: #000000;
            color: #ffffff;
            font-weight: 900;
            border: 1px solid #ffffff;
            cursor: pointer;
            transition: .1s all ease-out;
        }

        .donebuttonperm {
            cursor: default !important;
            color: #d8dcdf !important;
            background: #ebeff3 !important;
            border: 1px solid #ffffff !important;
            font-weight: 600 !important;
        }

        .donebutton {
            cursor: default;
            color: #d8dcdf;
            background: #ebeff3;
            border: 1px solid #ffffff;
            font-weight: 600;
        }           
        
        .clickbutton.active {
            background: #c55e18;
            border: 1px solid #fff;
            transition: .1s all ease-out;
            font-weight: 600;
         }

        #leftbutton.active p {
            margin-left: -5px;
            transition: .1s all ease-out;
        }

        #rightbutton.active p {
            margin-left: 5px;
            transition: .1s all ease-out;
        }
        
        .myButton p {
            transform:scale(1,2);
            -ms-transform: scale(1,2);
            -webkit-transform: scale(1,2);
            margin-top: 10px;
            transition: .3s all ease-out;
        }
    
    #content h2 {
        font-size: 22px;
        line-height: 27px;
        text-align: left;
    }
    
    #content h1, #content h2 {
        width: 100%;
        margin-top: 36px;
        margin-bottom: 30px;
    }
    
    #content p {
        font-size: 15px;
        line-height: 25px;
        text-align: left;
        margin-bottom: 20px;
        font-weight: 200;
        color: #747475;
        margin-bottom: 30px;
        margin-top: -20px;
    }
    
    #content h1:first-of-type {
        font-size: 29px;
        line-height: 29px;
        text-align: left;
        margin-bottom: 30px;
        margin-top: 36px;
    }
    
    #content p:first-of-type {
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        margin-bottom: 35px;
        font-weight: 200;
        color: #747475;
    }
    
    .doubleboxwrap {
        display: block;
        height: 293px;
        margin-bottom: 33px;
        width: 100%;
        clear: both;
        position: relative;
    }
    
    .contentboxtype1, .contentboxtype2, .contentboxtype3 {
        width: 364px;
        float: right;
        height: 293px !important;
    }
    
    #contentbox1, #contentbox3 {
        float: left;
    }
    
    #contentbox2 {
        margin-top: 0px;
    }

    #contentbox1 .contentbox1background {
        background: #ebeff3 url("../images/button_01.png") no-repeat top center;
        background-size: cover;
    }
    
    .videocontentoverlay, .videocontentplaygui, .videocontentplayguihover, .contentbox1background {
        height: 292px !important;
    }

    .videocontentoverlay {
        background: rgba(255, 255, 255, 0) url("../images/video-overlay1.png") no-repeat top center;
        background-size: cover;
    } 

    .videocontentplaygui {
        background: transparent url("../images/video-overlay2.png") no-repeat top center;
        background-size: cover;
    } 

    .videocontentplayguihover {
        background: transparent url("../images/video-overlay3.png") no-repeat top center;
        background-size: cover;
    } 

    .contentboxvideo:hover .videocontentplayguihover {
        opacity: 1;
    }

    .contentboxvideo:hover .videocontentoverlay {
        background: rgba(255, 255, 255, .7) url("../images/video-overlay1.png") no-repeat top center;
        background-size: cover;
    }

    .contentboxtype1sub {
        height: 55px;
    }
    
    #quicklinks {
        text-align: center;
        display: block;
        left: 0px;
        bottom: -38px;
        width: 100%;
        height: 38px;
        border: 2px solid #4387cc;
        background: #ffffff;
        font-weight: 600;
        font-size: 16px;
        transition: all .5s ease-in-out;
        color: #4387cc;
        font-size: 14px;
        line-height: 15px;
        font-weight: 700;
        transition: all .5s ease-in-out;
        margin-bottom: 28px;
    }
    
    #ismmasterymodel {
        width: 300px; /* old width of 224px was commented out */
        margin-right: auto;
        margin-left: auto;
        clear: both;
        margin-bottom: 28px;
        z-index: 1;
        transition: .3s all ease-out;
    }
    
    #membersspotlight {
        display: block;
        position: relative;
        width: 224px;
        height: 227px;
        background: rgba(235, 239, 243, 1);
        margin-bottom: 72px;
        transition: .3s all ease-out;
    }
    
    #membersspotlight .membertitle {
        text-align: center;
        font-weight: 600;
        color: #000000;
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 7px;
        transition: all .5s ease-in-out;
    }

    #membersspotlighta:hover .membertitle {
        color: #ffffff;
        background: #000000;
        transition: all .5s ease-in-out;
    }
    
    .memberimage {
        position: absolute;
        display: block;
        bottom: 0px;
        left: 0px;
        width: 100%;
        transition: all .5s ease-in-out;
        height: calc(100% - 38px);
        background: #666;
        border-top: 2px solid #ffffff;
        background: #ebeff3 url("../images/memberspotlight.png") no-repeat top center;
        background-size: cover;
    }
    
    #membersspotlight .membersbutton {
        text-align: center;
        position: absolute;
        display: block;
        left: 0px;
        bottom: -38px;
        width: 100%;
        height: 38px;
        border: 2px solid #4387cc;
        background: #ffffff;
        font-weight: 600;
        font-size: 16px;
        padding-top: 9px;
        padding-bottom: 10px;
        transition: all .5s ease-in-out;
        color: #4387cc;
        font-size: 14px;
        line-height: 15px;
        font-weight: 700;
        transition: all .5s ease-in-out;
    }

    #membersspotlight .membersbutton:hover {
        background: #000000;
        border: 2px solid #000000;
        color: #ffffff;
        transition: all .5s ease-in-out;
    }
    
    #masterywrapper ul li {
        /*padding: 13px 12px;*/
        transition: .5s all ease-out;
    }
    
    .sponsorbox {
        width: 300px;
        margin-right: auto;
        margin-left: auto;
        /*display: inline-block;*/
        height: 268px;
        transition: .3s all ease-out;
    }
    
    #sponsoredby2 {
        /*height: 220px;*/
        transition: .3s all ease-out;
    }

    #column1 {
      width: 100%;
    }
    
    .tabletcol {
        vertical-align:top;
        transition: .3s all ease-out;
        width: -webkit-calc(50% - 25px);
        width: calc(50% - 25px);
        float: left;
    }
    
    .tabletcol:nth-of-type(2n+1) {
        margin-right: 25px; clear: left; 
    }

    .tabletcol:nth-of-type(2n) {
        margin-left: 25px; 
    }

    
#quicklinks {
    z-index: 4;
    transition: .3s all ease-out;
    width: 300px;
    margin-right: auto;
    margin-left: auto;
}
    
#quicklinks:hover {
}

.wrapper-demo {
    position: relative;
}
    
   .wrapper-dropdown-2 {
        position: absolute;
        width: calc(100% - 4px);
        height: 34px;
        margin: 0 auto;
        cursor: pointer;
        outline: none;
        padding-top: 9px;
        padding-left: 30px;
        transition: .5s all ease-out;

    }

    .wrapper-dropdown-2:hover, .wrapper-dropdown-2.active {
        color: #000000;
    }

    .wrapper-demo .wrapper-dropdown-2:before {
        content:"";
        background-image: url('../images/downarrow.png');
        background-color: #4387cc;
        background-repeat: no-repeat;
        background-position: 10px 16px;
        background-size: 18px auto;
        color: #fff;
        width: 38px;
        height: 38px;
        margin-top: -2px;
        padding-top: 12px;
        position: absolute;
        left: -2px;
        top: 0px;
        font-size: 1em;
        z-index: 10;
        font-weight: 600;
    }

    .wrapper-demo:hover .wrapper-dropdown-2:before {
        background-image: url('../images/downarrow.png');
        background-color: #4387cc;
        background-repeat: no-repeat;
        background-position: 8px 16px;
        background-size: 22px auto;
        font-size: 1.1em;
        font-weight: 700;
    }

    .wrapper-demo .active:before {
        background-image: url('../images/uparrow.png');
        background-color: #4387cc;
        background-repeat: no-repeat;
        background-position: 10px 16px;
        background-size: 18px auto;
    }

    .wrapper-demo:hover .active:before {
        background-image: url('../images/uparrow.png');
        background-color: #4387cc;
        background-repeat: no-repeat;
        background-position: 8px 15px;
        background-size: 22px auto;
    }

    .wrapper-dropdown-2 ul {
        position: absolute;
        top: 100%;
        border: 2px solid #4387cc;
        padding: 10px 0px;
        right: -6px;
        background: #ffffff;
        list-style: none;
        opacity: 0;
        pointer-events: none;
        z-index: 5;
        width: 300px;
    }

    .wrapper-dropdown-2 ul li a {
        display: block;
        text-decoration: none;
        color: #333;
        transition: all 0.3s ease-out;
        padding: 5px;
    }

    .wrapper-dropdown-2 ul li:hover a {
        background: #000000;
        color: #ffffff;
        transition: .5s all ease-out;
    }

    .wrapper-dropdown-2.active ul {
        opacity: 1;
        pointer-events: auto;
        width: 300px;
    }

    .no-opacity       .wrapper-dropdown-2 ul,
    .no-pointerevents .wrapper-dropdown-2 ul {
        display: none;
        opacity: 1; /* If opacity support but no pointer-events support */
        pointer-events: auto; /* If pointer-events support but no pointer-events support */
    }

    .no-opacity       .wrapper-dropdown-2.active ul,
    .no-pointerevents .wrapper-dropdown-2.active ul {
        display: block;
    }
      
    #brandsrotatoractual {
        height: 64px;
        border-bottom: 2px solid #ffffff;
        transition: all 2s ease-in-out;
        position: relative;
        margin-top: 60px;
    }
    
    #brandsrotatoractual #brandsrecognize {
        display: block;
        position: absolute;
        width: 120px;
        text-align: left;
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
        color: #b3b6b9;
        padding-top: 16px;
        left: 36px;
        top: 0px;
    }
    
    #altrotatorwrap {
        width: 482px;
        float: right;
        margin-right: 36px
    }
    
    #brandsrotator {
        height: 0px;
        transition: all 2s ease-in-out;
    }

    #altexcessivecontent {
        width: 2000px;
        position: relative;
        display: block;
    }
    
    #altdivWithExcessiveContent {
        transition: all .3s ease-in-out;
    }
    
    #altdivWithExcessiveContent ul {
        margin: 0;
    }
    
    .alttoggleslider img {
        width: 90px;
        margin: 0 auto;
        transition: all .5s ease-in-out;
    }
    
    .alttoggleslider img:hover {
        width: 90px;
        margin: 0 auto;
        margin-top: 7px;
        transition: all .1s ease-in-out;
    }
    
    .altmyButton {
        position: relative;
        display: inline-block;
        float: left;
        width: 41px;
        height: 69px;
        background: #ebeff3;
            font-size: .9em;
            text-align: center;
            cursor: default;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            transition: .1s all ease-out;
            font-weight: 600;
        letter-spacing: -1px;
        color: #b3b6b9;
    }
    
    #altcontainerbuttons {
        display: block;
        position: relative;
        width: 400px;
        overflow: hidden;
    }
    
    #altbuttons {
        position: relative;
        display: inline-block;
        height: 100%;
        min-width: 2000px;
        transition: all .3s ease-in-out;
    }
    
    #altrightbutton {
        float: right;
    }

        
        .altclickbutton:hover, .altdonebutton {
            font-size: .9em;
            font-weight: 900;
            cursor: pointer;
            transition: .1s all ease-out;
        }

        .altdonebutton {
            cursor: default;
            color: #d8dcdf;
            background: #ebeff3;
            font-weight: 600;
        }
            
        
        .altclickbutton.altactive {
            transition: .1s all ease-out;
            font-weight: 600;
         }

        #altleftbutton.altactive p {
            margin-left: -5px;
            transition: .1s all ease-out;
        }

        #altrightbutton.altactive p {
            margin-left: 5px;
            transition: .1s all ease-out;
        }
        
        .altmyButton p {
            transform:scale(1,2);
            -ms-transform: scale(1,2);
            -webkit-transform: scale(1,2);
            margin-top: 21px;
            transition: .3s all ease-out;
        }
    
    #altbuttons li {
        float: left;
        position: relative;
        display: inline;

        /*Vertically align center*/
        /*IE 10*/
        display:-ms-flexbox;
        -ms-flex-pack:center;
        -ms-flex-align:center;
        /* Firefox */
        display:-moz-box;
        -moz-box-pack:center;
        -moz-box-align:center;
        /* Safari, Opera, and Chrome */
        display:-webkit-box;
        -webkit-box-pack:center;
        -webkit-box-align:center;
        /* W3C */
        display:box;
        box-pack:center;
        box-align:center;

        background: #ebeff3;
        text-align: center;
        font-size: 13px;
        line-height: 13px;
        font-weight: 700;
        padding-left: 10px;
        color: #5d5d5e;
        width: 125px;
        height: 64px;
        transition: all .3s ease-in-out;
    }

    .altsliderbuttons li.alttoggleslider {
      display: table !important;
    }

    li.alttoggleslider span.footer_span {
      display: table-cell;
      vertical-align: middle;
    }

    #altbuttons li:hover {
        transition: all .3s ease-in-out;
        cursor: pointer;
    }

    .altactive {
        color: #b3b6b9;
    }
    
    #footerwrapper {
        height: 143px;
    }

    #bigfoot {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        transition: all 2s ease-in-out;
    }

    #smallfoot {
        position: relative;
        display: block;
        width: 100%;
        height: 0%;
        transition: all 2s ease-in-out;
    }

    #smallfoot p {
      font-weight: 500;
    }
    
    #footimage {
        width: 0px;
        height: 76px;
        background: transparent url("../images/footglobe.png") no-repeat top center;
        background-size: cover;
        float: left;
        display: inline-block;
        margin-top: 14px;
        margin-bottom: 50px;
        transition: all 2s ease-in-out;
    }
        
    
    #contactus {
        float: left;
        text-align: left;
        border-bottom: 0px;
        margin-left: 13px;
        transition: all 2s ease-in-out;
    }
    
    #contactus span {
        width: 370px;
        margin-bottom: 6px;
        margin-top: 0px;
        height: auto;
        transition: all 2s ease-in-out;
    }

    #contactus a {
      color: #ffffff !important;
    }
    
    #footermenuitemscol1, #footermenuitemscol2 {
        float: right;
        text-align: right;
        border-right: 1px solid white;
        height: 78px;
        padding: 10px;
        width: 135px;
        margin-top: 26px;
        transition: all 2s ease-in-out;
        
    }
    
    #footermenuitemscol1 {
        margin-right: 13px;
        margin-left: 0px;
    }
    
    #footermenuitemscol2 {
        width: 160px;
    }

    #creditmartz {
        margin-bottom: 10px;
    }
    
    
}

footer {
  clear: both;
}

/*! ISM Styles for full desktop design */
@media only screen and (min-width: 1190px) {

    #dropdownlogin {
        margin-left: 284px;
        margin-top: 0px !important;
        transition: .75s all ease-in-out;
    }

    #dropdownlogin {
        margin-left: 284px;
        margin-top: 0px !important;
        transition: .75s all ease-in-out;
    }
    
    .loginopen {
        height: 97px !important;
        margin-bottom: -10px !important;
        transition: .75s all ease-in-out;
    }
    
    #mobile1_topitems {
        margin-top: -10px;
    }
  
  #dropdownsearch {
        height: 0px !important;
    }
    
    #dropdownlogin:after {
        content:"";
        background-image: url('../images/uptick.png');
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        background-color: #ffffff;
        background-repeat: no-repeat;
        background-size: 60px 20px;
        background-position: 320px 1px;
        color: #fff;
        width: 734px;
        height: 0px;
        margin-bottom: 0px;
        position: absolute;
        left: 0px;
        bottom: -14px;
        z-index: 14 !important;
        transition: .75s all ease-in-out;
    }
    
    #dropdownaccount:after {
        content:"";
        background-image: url('../images/uptick.png');
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        background-color: #ffffff;
        background-repeat: no-repeat;
        background-size: 60px 20px;
        background-position: 320px 1px;
        color: #fff;
        width: 550px;
        height: 0px;
        margin-bottom: 0px;
        position: absolute;
        left: 0px;
        bottom: -14px;
        z-index: 14 !important;
        transition: .75s all ease-in-out;
    }
    
    .loginaccountbut {
        width: 122px;
        margin: 4px !important;
    }
    
    #dropdownaccount {
        width: 417px;
        display: block;
        margin-left: 460px;
        position: relative;
        padding: 0px;
        text-align: center;
    }

    #dropdownaccount p {
        display: block;
        overflow: hidden;
        height: 20px;
        margin-top: 12px;
        font-size: 18px;
        font-weight: 200;
        margin-bottom: 5px;
    }
    
    .topaccount.loginrotate {
        font-weight: 600;
        margin-left: -4px;
        width: 98px;
        margin-left: -20px;
    }
    
    .loginopen:after {
        height: 14px !important;
        bottom: 0px !important;
        transition: .75s all ease-in-out;
    }
    
    #content h1, #content h2 {
        width: 100%;
        margin-bottom: 30px;
        margin-top: 36px;
    }
    
    #altrotatorwrap {
        width: 782px;
    }

    #altcontainerbuttons {
        width: 700px;
    }
    
    #bodywrapper {
        width: 1100px;
        max-width: 1100px;
        padding: 18px;
        transition: .5s all ease-out;
    }
    
    #column1 {
        position: relative;
        display: inline-block;
        float: left;
        width: 224px;
        transition: .5s all ease-out;
        width: 300px;
    }
    
    #column2 {
        position: relative;
        display: inline-block;
        width: 734px;
        float: right;
        transition: .5s all ease-out;
    }
    
    .column2 li {
        margin-left: 20px;
    }

    .tabletcol {
        float: left !important;
        clear: both !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
    }
    
    #socialmediatop {
        height: 0px;
        transition: all .5s ease-in-out;
        margin: 0px;
        padding: 0px;
    }
    
    #socialmedialeft {
        position: fixed;
        display: block;
        top: 50%;
        margin-top: -192px;
        width: 64px;
        height: 384px;
        background: #aaa;
        overflow: hidden;
        background: #ffffff;
        transition: all .5s ease-in-out;
    }
    
    #socialmedialeft li:hover img {
        width: 105%;
        margin-left: -3%;
        margin-top: -3%;
    }
    
    nav, #navbar {
        width: 734px;
        transition: all .3s ease-in-out;
        margin-top: 13px;
        margin-left: 25px;
        margin-right: 25px;
    }

    .lightSlider {
      margin-top: 0px;
    }
        
    #header {
        margin-top: 30px;
        clear: both;
        display: block;
    }
    
    #logo {
        float: left;
        margin-top: -162px;
    }
    
    #topitems {
        width: 383px;
        margin-top: -15px;
        margin-bottom: 15px;
    }
    
    .toplogin, .toplogin.loginrotate {
        width: 78px;
        margin-left: 0px;
    }
    
    .topaccount {
        width: 98px;
        margin-left: -20px;
        margin-bottom: 6px;
        margin-right: 0;
        height: 15px;
        transition: all .3s ease-in-out;
    }
    
    
    #topcart {
        float: left !important;
        width: 127px;
        text-align: left;
        padding-left: 25px;
    }
    
    #topsearch {
        float: right;
    }
    
    #quicklinks, #ismmasterymodel, .sponsorbox {
        margin-bottom: 30px;
    }
    
    #membersspotlight {
        margin-bottom: 86px;
    }
    
    .contentboxtype1, .contentboxtype2, .contentboxtype3 {
        margin-top: 0px;
    }
    
    #content h2 {
        margin-top: 42px;
        margin-bottom: 25px;
    }
    
    #content p {
        margin-bottom: 40px;
        margin-top: -20px;
    }
    
    footer {
        float: right;
        width: 100%;
    }
    
    #footimage {
        width: 65px;
        height: 76px;
        transition: all .5s ease-in-out;
        margin-bottom: 50px;
        margin-right: 22px;
    }
    
    #contactus {
        width: 520px;
        margin-left: 4px;
    }
    
    #footermenuitemscol1 {
        margin-left: 30px;
}
}

.fa {
      color: rgb(133, 167, 202) !important;
      font-size: 26pt !important;
      margin-left: -14px;
    }
        
<!-- Calendar and List Styles: modified -->
#activity_calendar a.monthnavlinks {
        padding:5px !important;
        color:#fff !important;
}
td.monthheading {
        font-size:2em;
        color:#000;
        padding-bottom: 15px;
        font-weight:400;
}
.rdcms-calendar-month td {
        border: solid 1px #ebeff3;
        background-color: #fff;
        vertical-align: top;
        color:#4283ce;
        line-height:125%;
        font-size:.9em;
        height: 80px; 
        padding: 5px; 
        margin: 0 5px 0 5px;
}
.rdcms-calendar-month td.dayheading {
        height:auto;            
        border-color:#ebeff3;
        background-color:#4283ce;
        color:#fff;
        font-weight:400;
        text-align:center;
}
.rdcms-calendar-month td.datetoday {
        background-color:#ebeff3;
        color:#000;
}
.rdcms-calendar-month td.datetoday a{
        text-decoration:none;
        color:#4283ce !important;
}
.rdcms-calendar-month td.datewithevent {
        background-color:#fff;
        color:#4283ce !important;
}
.rdcms-calendar-month td.datewithevent a{
        color:#4283ce !important;
        text-decoration:none;
		display:block;
		margin-bottom:5px;
}
div.full-width p {
        width:auto !important;  
}
.summary, .date {
        margin-left:5%;
        width:95%;
}
.date {
        font-weight:400;
}
p.summary-link a {
        color:#fff;
        font-weight:400;
        text-decoration:underline;      
}
p.summary-link {
        margin-top:15px !important;
}
#activity_calendar #boxtabitem2 li {
        margin-bottom:3em;      
}
#activity_calendar #boxtabitem2 .summary li {
        margin-bottom:0;        
}