.cc-container {
  margin: 30px -15px 0 -15px;
  overflow: hidden; }
  .cc-container .cc {
    height: 120px;
    width: 195px;
    margin: 0 15px;
    padding: 20px 0 0 0;
    background: transparent;
    border: 1px solid #e5e5e5;
    color: #414348;
    font-size: 22px;
    text-align: center;
    float: left;
    display: block;
    cursor: pointer;
    transition: all 0.15s ease-in; }
    .cc-container .cc p {
      transition: color 0.15s ease-in; }
    .cc-container .cc .cc-icon {
      height: 50px;
      width: 100%;
      transition: all 0.15s ease-in; }
      .cc-container .cc .cc-icon.cr {
        background: transparent url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzRCNEI0QjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQzLjcsNDEuM0g2LjNjLTIuMiwwLTQtMS45LTQtNC4xVjEyLjhjMC0yLjMsMS44LTQuMSw0LTQuMWgzNy41YzIuMiwwLDQsMS45LDQsNC4xdjI0LjRDNDcuNywzOS41LDQ1LjksNDEuMyw0My43LDQxLjN6Ii8+DQo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMi4zIiB5MT0iMTguOSIgeDI9IjQ3LjciIHkyPSIxOC45Ii8+DQo8bGluZSBjbGFzcz0ic3QwIiB4MT0iNy4yIiB5MT0iMjciIHgyPSIxNy4xIiB5Mj0iMjciLz4NCjwvc3ZnPg0K) no-repeat center center; }
      .cc-container .cc .cc-icon.sv {
        background: transparent url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzRCNEI0QjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTM2LjYsNDEuNUgxMi43Yy0zLjgsMC02LjgtMy4xLTYuOC03VjVoMzcuNnYyOS42QzQzLjUsMzguNCw0MC40LDQxLjUsMzYuNiw0MS41eiIvPg0KPGxpbmUgY2xhc3M9InN0MCIgeDE9IjguNCIgeTE9IjQ1IiB4Mj0iMTMuNiIgeTI9IjQ1Ii8+DQo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMzUuOCIgeTE9IjQ1IiB4Mj0iNDAuOSIgeTI9IjQ1Ii8+DQo8ZWxsaXBzZSBjbGFzcz0ic3QwIiBjeD0iMjguOSIgY3k9IjIzLjMiIHJ4PSI2LjgiIHJ5PSI3Ii8+DQo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTQuNCIgeTE9IjE0LjYiIHgyPSIxNC40IiB5Mj0iMzIiLz4NCjwvc3ZnPg0K) no-repeat center center; }
      .cc-container .cc .cc-icon.ch {
        background: transparent url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzRCNEI0QjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPGVsbGlwc2UgY2xhc3M9InN0MCIgY3g9IjI0LjgiIGN5PSIyNS4xIiByeD0iMjAuMSIgcnk9IjIwLjUiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMC43LDE0LjljLTEuNC0wLjgtMy4yLTEuNy01LjMtMS43Yy0yLjksMC01LjYsMi41LTUuNiw1YzAsMi42LDEuOCw0LjcsNS42LDYuNGM0LjMsMS45LDUuNywzLjUsNS43LDYuNGMwLDMuNS0zLjUsNS40LTYuNiw1LjRjLTIuOCwwLTQuNC0xLTUuNy0xLjgiLz4NCjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIyNi4zIiB5MT0iOS4yIiB4Mj0iMjIuOCIgeTI9IjQwLjQiLz4NCjwvc3ZnPg0K) no-repeat center center; }
    .cc-container .cc:focus, .cc-container .cc:hover {
      background: #00a4e4;
      border: 1px solid #00a4e4;
      text-decoration: none; }
      .cc-container .cc:focus p, .cc-container .cc:hover p {
        color: white; }
      .cc-container .cc:focus .cc-icon.cr, .cc-container .cc:hover .cc-icon.cr {
        background: transparent url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQzLjcsNDEuM0g2LjNjLTIuMiwwLTQtMS45LTQtNC4xVjEyLjhjMC0yLjMsMS44LTQuMSw0LTQuMWgzNy41YzIuMiwwLDQsMS45LDQsNC4xdjI0LjRDNDcuNywzOS41LDQ1LjksNDEuMyw0My43LDQxLjN6Ii8+DQo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMi4zIiB5MT0iMTguOSIgeDI9IjQ3LjciIHkyPSIxOC45Ii8+DQo8bGluZSBjbGFzcz0ic3QwIiB4MT0iNy4yIiB5MT0iMjciIHgyPSIxNy4xIiB5Mj0iMjciLz4NCjwvc3ZnPg0K) no-repeat center center; }
      .cc-container .cc:focus .cc-icon.sv, .cc-container .cc:hover .cc-icon.sv {
        background: transparent url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTM2LjYsNDEuNUgxMi43Yy0zLjgsMC02LjgtMy4xLTYuOC03VjVoMzcuNnYyOS42QzQzLjUsMzguNCw0MC40LDQxLjUsMzYuNiw0MS41eiIvPg0KPGxpbmUgY2xhc3M9InN0MCIgeDE9IjguNCIgeTE9IjQ1IiB4Mj0iMTMuNiIgeTI9IjQ1Ii8+DQo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMzUuOCIgeTE9IjQ1IiB4Mj0iNDAuOSIgeTI9IjQ1Ii8+DQo8ZWxsaXBzZSBjbGFzcz0ic3QwIiBjeD0iMjguOSIgY3k9IjIzLjMiIHJ4PSI2LjgiIHJ5PSI3Ii8+DQo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTQuNCIgeTE9IjE0LjYiIHgyPSIxNC40IiB5Mj0iMzIiLz4NCjwvc3ZnPg0K) no-repeat center center; }
      .cc-container .cc:focus .cc-icon.ch, .cc-container .cc:hover .cc-icon.ch {
        background: transparent url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPGVsbGlwc2UgY2xhc3M9InN0MCIgY3g9IjI0LjgiIGN5PSIyNS4xIiByeD0iMjAuMSIgcnk9IjIwLjUiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMC43LDE0LjljLTEuNC0wLjgtMy4yLTEuNy01LjMtMS43Yy0yLjksMC01LjYsMi41LTUuNiw1YzAsMi42LDEuOCw0LjcsNS42LDYuNGM0LjMsMS45LDUuNywzLjUsNS43LDYuNGMwLDMuNS0zLjUsNS40LTYuNiw1LjRjLTIuOCwwLTQuNC0xLTUuNy0xLjgiLz4NCjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIyNi4zIiB5MT0iOS4yIiB4Mj0iMjIuOCIgeTI9IjQwLjQiLz4NCjwvc3ZnPg0K) no-repeat center center; }
    @media (max-width: 767px) {
      .cc-container .cc {
        width: 92%;
        height: 80px;
        margin-bottom: 15px;
        padding: 22px;
        text-align: left;
        float: none; }
        .cc-container .cc .cc-icon {
          height: 32px;
          width: 32px;
          margin-right: 15px;
          float: left; } }  
    @media (max-device-width: 1024px) and (orientation: landscape), (max-width: 991px) {
      .cc-container .cc:focus, .cc-container .cc:hover {
        background: transparent;
        border: 1px solid #e5e5e5; }
        .cc-container .cc:focus p, .cc-container .cc:hover p {
          color: #414348; }
        .cc-container .cc:focus .cc-icon.cr, .cc-container .cc:hover .cc-icon.cr {
          background: transparent url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzRCNEI0QjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQzLjcsNDEuM0g2LjNjLTIuMiwwLTQtMS45LTQtNC4xVjEyLjhjMC0yLjMsMS44LTQuMSw0LTQuMWgzNy41YzIuMiwwLDQsMS45LDQsNC4xdjI0LjRDNDcuNywzOS41LDQ1LjksNDEuMyw0My43LDQxLjN6Ii8+DQo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMi4zIiB5MT0iMTguOSIgeDI9IjQ3LjciIHkyPSIxOC45Ii8+DQo8bGluZSBjbGFzcz0ic3QwIiB4MT0iNy4yIiB5MT0iMjciIHgyPSIxNy4xIiB5Mj0iMjciLz4NCjwvc3ZnPg0K) no-repeat center center; }
        .cc-container .cc:focus .cc-icon.sv, .cc-container .cc:hover .cc-icon.sv {
          background: transparent url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzRCNEI0QjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTM2LjYsNDEuNUgxMi43Yy0zLjgsMC02LjgtMy4xLTYuOC03VjVoMzcuNnYyOS42QzQzLjUsMzguNCw0MC40LDQxLjUsMzYuNiw0MS41eiIvPg0KPGxpbmUgY2xhc3M9InN0MCIgeDE9IjguNCIgeTE9IjQ1IiB4Mj0iMTMuNiIgeTI9IjQ1Ii8+DQo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMzUuOCIgeTE9IjQ1IiB4Mj0iNDAuOSIgeTI9IjQ1Ii8+DQo8ZWxsaXBzZSBjbGFzcz0ic3QwIiBjeD0iMjguOSIgY3k9IjIzLjMiIHJ4PSI2LjgiIHJ5PSI3Ii8+DQo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTQuNCIgeTE9IjE0LjYiIHgyPSIxNC40IiB5Mj0iMzIiLz4NCjwvc3ZnPg0K) no-repeat center center; }
        .cc-container .cc:focus .cc-icon.ch, .cc-container .cc:hover .cc-icon.ch {
          background: transparent url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzRCNEI0QjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPGVsbGlwc2UgY2xhc3M9InN0MCIgY3g9IjI0LjgiIGN5PSIyNS4xIiByeD0iMjAuMSIgcnk9IjIwLjUiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMC43LDE0LjljLTEuNC0wLjgtMy4yLTEuNy01LjMtMS43Yy0yLjksMC01LjYsMi41LTUuNiw1YzAsMi42LDEuOCw0LjcsNS42LDYuNGM0LjMsMS45LDUuNywzLjUsNS43LDYuNGMwLDMuNS0zLjUsNS40LTYuNiw1LjRjLTIuOCwwLTQuNC0xLTUuNy0xLjgiLz4NCjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIyNi4zIiB5MT0iOS4yIiB4Mj0iMjIuOCIgeTI9IjQwLjQiLz4NCjwvc3ZnPg0K) no-repeat center center; } }