@font-face {
  font-family: 'Avenir';
  src: url("../fonts/avenirltstdroman.woff") format("woff");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: 'Avenir';
  src: url("../fonts/avenirltstdmedium.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Avenir';
  src: url("../fonts/avenirltstdheavy.woff") format("woff");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Avenir';
  src: url("../fonts/avenirltstdblack.woff") format("woff");
  font-weight: 900;
  font-style: normal; }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Bitters 0.10.0
 * http://bitters.bourbon.io
 * Copyright 2013–2014 thoughtbot, inc.
 * MIT License */
button,
input[type="submit"] {
  -webkit-font-smoothing: antialiased;
  background-color: #2780A3;
  border-radius: 3px;
  color: white;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  padding: 0.75em 1em;
  text-decoration: none; }
button:hover,
input[type="submit"]:hover {
  background-color: #185065;
  color: white; }
button:disabled,
input[type="submit"]:disabled {
  cursor: not-allowed;
  opacity: 0.5; }

body {
  -webkit-font-smoothing: antialiased;
  background-color: white;
  color: #44494B;
  font-family: "Avenir", Tahoma, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Avenir", Tahoma, Arial, sans-serif;
  line-height: 1.25;
  margin: 0;
  text-rendering: optimizeLegibility; }

h1 {
  font-size: 2.375em; }

h2 {
  font-size: 1.375em; }

h3 {
  font-size: 1.25em; }

h4 {
  font-size: 1em; }

h5 {
  font-size: 1.25em; }

h6 {
  font-size: 1em; }

p {
  margin: 0 0 0.75em; }

a {
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  transition: color 0.1s linear;
  color: #2780A3;
  text-decoration: none; }
a:hover {
  color: #185065; }
a:active, a:focus {
  color: #185065;
  outline: none; }

hr {
  border-bottom: #D1D1D1 1px solid;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

blockquote {
  border-left: 2px solid #F2F4F5;
  color: #687073;
  margin: 1.5em 0;
  padding-left: 0.75em; }

cite {
  color: #818a8d;
  font-style: italic; }
cite:before {
  content: "\2014 \00A0"; }

fieldset {
  background: white;
  border: 1px solid #F2F4F5;
  margin: 0 0 0.75em 0;
  padding: 1.5em; }

input,
label,
select {
  display: block;
  font-family: "Avenir", Tahoma, Arial, sans-serif;
  font-size: 1em; }

label {
  font-weight: bold;
  margin-bottom: 0.375em; }
label.required:after {
  content: "*"; }
label abbr {
  display: none; }

textarea,
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"],
select[multiple=multiple] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color;
  -moz-transition: border-color;
  transition: border-color;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #D1D1D1;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-family: "Avenir", Tahoma, Arial, sans-serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em 0.5em;
  width: 100%; }
textarea:hover,
input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover,
select[multiple=multiple]:hover {
  border-color: #b7b7b7; }
textarea:focus,
input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
select[multiple=multiple]:focus {
  border-color: #2780A3;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(34, 112, 142, 0.7);
  outline: none; }

textarea {
  resize: vertical; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

input[type="file"] {
  padding-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto; }

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #c7cfd4;
  font-weight: bold;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #F2F4F5;
  padding: 0.75em 0; }

tr,
td,
th {
  vertical-align: middle; }

dl {
  margin-bottom: 0.75em; }
dl dt {
  font-weight: bold;
  margin-top: 0.75em; }
dl dd {
  margin: 0; }

#smi-page-top ol,
#smi-page-top ul,
#footer ol,
#footer ul {
  margin: 0;
  padding: 0;
  list-style: none; }

button,
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }

.region-header .block-smi-user-menu > .content, ul.smi-menu-system {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

/* flexMenu styles */
.flexMenu-viewMore > a {
  /* background-color: $base; */
  font-weight: bold;
  width: 3.5em;
  color: transparent !important;
  background-image: url(../img/ellipsis.svg);
  background-position: center center;
  background-repeat: no-repeat; }

.flexMenu-popup {
  list-style-type: none;
  padding: 3px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 2px 3px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  background-color: white;
  margin: 0; }
.flexMenu-popup .active {
  background: #2780A3 !important; }
.flexMenu-popup .active:after {
  display: none; }

.flexMenu-popup a {
  color: #2780A3 !important;
  display: block !important;
  border-bottom: 1px solid #ddd;
  border-radius: 0 !important;
  margin: 1px !important;
  white-space: nowrap; }
.flexMenu-popup a:hover {
  background-color: rgba(39, 128, 163, 0.15) !important; }
.flexMenu-popup a.active, .flexMenu-popup a.active:hover {
  background-color: #2780A3 !important; }
.flexMenu-popup a.active {
  border-radius: .25em !important;
  border-bottom: 0px none !important;
  color: white !important; }

.flexMenu-popup li {
  display: block !important; }
.flexMenu-popup li:last-child a {
  border-bottom: 0px none; }

.flexMenu-popup a:hover {
  color: black;
  display: block; }

.flexMenu-popup {
  right: 0em; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  color: #2780A3; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  clear: both; }

#site-content h1,
#hero h1 {
  margin-bottom: 0.5em; }
.smi-external #site-content h1, .smi-external
#hero h1 {
  padding-top: 1em; }
#site-content h2,
#site-content h3,
#site-content h4,
#site-content h5,
#site-content h6,
#hero h2,
#hero h3,
#hero h4,
#hero h5,
#hero h6 {
  margin-top: 1.5em;
  margin-bottom: 1em; }
#site-content h2:first-child,
#site-content h3:first-child,
#site-content h4:first-child,
#site-content h5:first-child,
#site-content h6:first-child,
#hero h2:first-child,
#hero h3:first-child,
#hero h4:first-child,
#hero h5:first-child,
#hero h6:first-child {
  margin-top: 0; }
#site-content img,
#hero img {
  border: 0.3em solid #F2F4F5; }
#site-content img.noborder,
#hero img.noborder {
  border: 0px none; }
#site-content .play-button img,
#hero .play-button img {
  border: 0px none; }

hr {
  margin-bottom: 0; }

.region-header {
  position: relative;
  z-index: 10; }
.region-header .block-smi-user-menu {
  margin: 0 -1px; }
.region-header .block-smi-user-menu > .content {
  padding: 0.65em 0.65em 0 0.7em;
  font-size: 0.9em;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }
.region-header .block-smi-user-menu > .content > div {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }
.region-header .block-smi-user-menu > .content > div.smi-menu-system, .region-header .block-smi-user-menu > .content > div.logo {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
.region-header .block-smi-user-menu * {
  color: white; }
@media screen and (min-width: 660px) {
  .region-header ul.logo {
    width: 290px;
    height: 31px;
    background: url(../img/logo-smi-icon.svg) left center no-repeat, url(../img/logo-smi-text.svg) right center no-repeat;
    position: relative;
    background-size: 45% 100%, 55% 100%; }
  .region-header ul.logo a {
    color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .region-header ul.logo a.active {
    background: transparent !important;
    display: block; }
  .region-header ul.logo a.active:after {
    display: none; } }
.region-header .menu-marketing {
  margin: 0;
  text-align: right;
  display: inline-block;
  position: relative; }
.region-header .menu-marketing:after {
  content: "";
  display: table;
  clear: both; }
.region-header .menu-marketing li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block; }
.region-header .menu-marketing li a {
  padding: 0.5em 0.75em 0.3em 0.75em;
  display: inline-block;
  border-radius: 0.25em;
  border: 1px solid transparent; }
.region-header .menu-marketing li a:hover {
  background-color: rgba(31, 102, 130, 0.25);
  border-color: rgba(31, 102, 130, 0.25); }
.region-header ul:not(.flexMenu-popup) a.active {
  background: #1f6682;
  position: relative; }
.region-header ul:not(.flexMenu-popup) a.active:after {
  content: "";
  border: 0.5em solid;
  border-color: #1f6682 transparent transparent transparent;
  position: absolute;
  bottom: -1em;
  left: 50%;
  margin-left: -0.5em;
  pointer-events: none; }

.smi-external .region-header .block-smi-user-menu {
  background: url(../img/header.svg) bottom center no-repeat;
  background-size: cover;
  padding-bottom: 6%; }
.smi-external .region-header div.logo {
  padding-top: 2%; }

.smi-internal .region-header {
  box-shadow: 0 3px 0 rgba(68, 73, 75, 0.05);
  background: -webkit-linear-gradient(-315deg, #267b9d 3%, transparent 3%, transparent 47%, #267b9d 47%, #267b9d 53%, transparent 53%, transparent 97%, #267b9d 97%) repeat, -webkit-linear-gradient(-225deg, #267b9d 3%, transparent 3%, transparent 47%, #267b9d 47%, #267b9d 53%, transparent 53%, transparent 97%, #267b9d 97%) repeat;
  background: linear-gradient(45deg, #267b9d 3%, transparent 3%, transparent 47%, #267b9d 47%, #267b9d 53%, transparent 53%, transparent 97%, #267b9d 97%) repeat, linear-gradient(-45deg, #267b9d 3%, transparent 3%, transparent 47%, #267b9d 47%, #267b9d 53%, transparent 53%, transparent 97%, #267b9d 97%) repeat;
  background-size: 10px 10px;
  background-repeat: repeat, repeat;
  background-color: #2780A3; }
.smi-internal .region-header .block-smi-user-menu {
  padding-bottom: 0.5em; }
.smi-internal #smi-page-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 700; }
  body.smi-internal.user-logged-in.toolbar-horizontal{
    padding-top: 144px!important;
  }
  body.smi-internal.user-logged-in.toolbar-horizontal #smi-page-top{
    top: 80px!important;
    z-index: 1!important;
  }
  
  body.smi-internal.user-logged-in.toolbar-horizontal #opigno-group-progress, 
  body.smi-internal.user-logged-in.page-node-26.toolbar-horizontal .block-views, 
  body.smi-internal.user-logged-in.page-node-vocab2.toolbar-horizontal .block-views, 
  body.smi-internal.user-logged-in.toolbar-horizontal #sidebar{
    top: 144px!important;
    z-index: 1!important;
  }
ul.smi-menu-system {
  margin-left: 0.25em; }
ul.smi-menu-system a {
  border-color: rgba(255, 255, 255, 0.3) !important;
  background: #2780A3 !important;
  display: block !important;
  border-radius: 0 !important;
  margin-right: -1px;
  padding: 0.5em 0.75em 0.3em 0.75em !important;
  position: relative; }
ul.smi-menu-system a:hover {
  z-index: 5;
  border-color: rgba(255, 255, 255, 0.7) !important; }
ul.smi-menu-system a:after {
  display: none !important; }
ul.smi-menu-system li {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-justify-content: flex-end;
  justify-content: flex-end; }
ul.smi-menu-system li:first-child a {
  border-radius: 0.25em 0 0 0.25em !important; }
ul.smi-menu-system li:last-child a {
  border-radius: 0 0.25em 0.25em 0 !important; }

#footer {
  background-size: cover;
}
#footer .content {
  background: url(../img/logo-smi-text-color.svg) 1em 1.5em no-repeat;
  background-size: 21% auto;
  padding: 0.5em 25% 0 25%;
  min-height: 4.5em;
  font-weight: 300; }
@media screen and (max-width: 660px) {
  #footer .content {
    padding: 0.5em;
    background: none; } }
#footer .menu {
  padding: 0;
  margin: 0;
  border-left: 1px solid #ddd;
  padding-left: 0.5em; }
#footer .menu:after {
  content: "";
  display: table;
  clear: both; }
@media screen and (max-width: 660px) {
  #footer .menu {
    border-left: 0px solid transparent;
    padding-left: 0; } }
#footer .leaf {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline; }
#footer .leaf a {
  padding: 0.5em 0.5em;
  display: inline-block;
  border-radius: 0.25em; }

.smi-external #footer {
  background: url(../img/footer.svg) top center no-repeat;
  padding: 13% 0 5% 0;
  background-size: cover; }
@media screen and (max-width: 660px) {
  .smi-external #footer {
    padding: 7em 0 5em 0; } }

.smi-internal #footer {
  display: none; }
.front #footer {
  display: block; }

#block-menu-menu-smi-footer-navigation {
  font-size: 0.875em;
  background: url(../img/5-c-logo.svg) 90% 0;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 8em; }
@media screen and (max-width: 660px) {
  #block-menu-menu-smi-footer-navigation {
    background: none; } }
#block-menu-menu-smi-footer-navigation a {
  color: #000; }

ul.smi-menu-system a, .smi-external .btn-login,
.smi-external .button,
.smi-external .smi-btn, .region-header .btn-login,
.region-header .button,
.region-header .smi-btn, .ctools-modal-ctools-ajax-register-style, .button,
button,
input[type="submit"] {
  border-radius: 0.25em;
  padding: 0.75em 1.5em 0.5em 1.5em;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  transition: all 0.15s linear;
  box-shadow: 0 0 0 0 rgba(68, 73, 75, 0.05);
  display: inline-block; }
ul.smi-menu-system a:hover, .smi-external .btn-login:hover,
.smi-external .smi-btn:hover, .region-header .btn-login:hover,
.region-header .smi-btn:hover, .ctools-modal-ctools-ajax-register-style:hover, .button:hover,
button:hover,
input[type="submit"]:hover, ul.smi-menu-system a:focus, .smi-external .btn-login:focus,
.smi-external .smi-btn:focus, .region-header .btn-login:focus,
.region-header .smi-btn:focus, .ctools-modal-ctools-ajax-register-style:focus, .button:focus,
button:focus,
input[type="submit"]:focus {
  box-shadow: 0 1px 0 2px rgba(68, 73, 75, 0.05); }
ul.smi-menu-system a + a, .smi-external ul.smi-menu-system .btn-login + a, ul.smi-menu-system .smi-external .btn-login + a,
.smi-external ul.smi-menu-system .button + a,
ul.smi-menu-system .smi-external .button + a,
.smi-external ul.smi-menu-system .smi-btn + a,
ul.smi-menu-system .smi-external .smi-btn + a, .region-header ul.smi-menu-system .btn-login + a, ul.smi-menu-system .region-header .btn-login + a,
.region-header ul.smi-menu-system .button + a,
ul.smi-menu-system .region-header .button + a,
.region-header ul.smi-menu-system .smi-btn + a,
ul.smi-menu-system .region-header .smi-btn + a, ul.smi-menu-system .ctools-modal-ctools-ajax-register-style + a, ul.smi-menu-system .button + a,
ul.smi-menu-system button + a,
ul.smi-menu-system input[type="submit"] + a, ul.smi-menu-system .smi-external a + .btn-login, .smi-external ul.smi-menu-system a + .btn-login, .smi-external .btn-login + .btn-login,
.smi-external .button + .btn-login,
.smi-external .smi-btn + .btn-login, .region-header .smi-external .btn-login + .btn-login, .smi-external .region-header .btn-login + .btn-login,
.region-header .smi-external .button + .btn-login,
.smi-external .region-header .button + .btn-login,
.region-header .smi-external .smi-btn + .btn-login,
.smi-external .region-header .smi-btn + .btn-login, .smi-external .ctools-modal-ctools-ajax-register-style + .btn-login, .smi-external .button + .btn-login,
.smi-external button + .btn-login,
.smi-external input[type="submit"] + .btn-login,
ul.smi-menu-system .smi-external a + .button,
.smi-external ul.smi-menu-system a + .button,
.smi-external .btn-login + .button,
.smi-external .button + .button,
.smi-external .smi-btn + .button,
.region-header .smi-external .btn-login + .button,
.smi-external .region-header .btn-login + .button,
.region-header .smi-external .button + .button,
.smi-external .region-header .button + .button,
.region-header .smi-external .smi-btn + .button,
.smi-external .region-header .smi-btn + .button,
.smi-external .ctools-modal-ctools-ajax-register-style + .button,
.smi-external .button + .button,
.smi-external button + .button,
.smi-external input[type="submit"] + .button,
ul.smi-menu-system .smi-external a + .smi-btn,
.smi-external ul.smi-menu-system a + .smi-btn,
.smi-external .btn-login + .smi-btn,
.smi-external .button + .smi-btn,
.smi-external .smi-btn + .smi-btn,
.region-header .smi-external .btn-login + .smi-btn,
.smi-external .region-header .btn-login + .smi-btn,
.region-header .smi-external .button + .smi-btn,
.smi-external .region-header .button + .smi-btn,
.region-header .smi-external .smi-btn + .smi-btn,
.smi-external .region-header .smi-btn + .smi-btn,
.smi-external .ctools-modal-ctools-ajax-register-style + .smi-btn,
.smi-external .button + .smi-btn,
.smi-external button + .smi-btn,
.smi-external input[type="submit"] + .smi-btn, ul.smi-menu-system .region-header a + .btn-login, .region-header ul.smi-menu-system a + .btn-login, .smi-external .region-header .btn-login + .btn-login, .region-header .smi-external .btn-login + .btn-login,
.smi-external .region-header .button + .btn-login,
.region-header .smi-external .button + .btn-login,
.smi-external .region-header .smi-btn + .btn-login,
.region-header .smi-external .smi-btn + .btn-login, .region-header .btn-login + .btn-login,
.region-header .button + .btn-login,
.region-header .smi-btn + .btn-login, .region-header .ctools-modal-ctools-ajax-register-style + .btn-login, .region-header .button + .btn-login,
.region-header button + .btn-login,
.region-header input[type="submit"] + .btn-login,
ul.smi-menu-system .region-header a + .button,
.region-header ul.smi-menu-system a + .button,
.smi-external .region-header .btn-login + .button,
.region-header .smi-external .btn-login + .button,
.smi-external .region-header .button + .button,
.region-header .smi-external .button + .button,
.smi-external .region-header .smi-btn + .button,
.region-header .smi-external .smi-btn + .button,
.region-header .btn-login + .button,
.region-header .button + .button,
.region-header .smi-btn + .button,
.region-header .ctools-modal-ctools-ajax-register-style + .button,
.region-header .button + .button,
.region-header button + .button,
.region-header input[type="submit"] + .button,
ul.smi-menu-system .region-header a + .smi-btn,
.region-header ul.smi-menu-system a + .smi-btn,
.smi-external .region-header .btn-login + .smi-btn,
.region-header .smi-external .btn-login + .smi-btn,
.smi-external .region-header .button + .smi-btn,
.region-header .smi-external .button + .smi-btn,
.smi-external .region-header .smi-btn + .smi-btn,
.region-header .smi-external .smi-btn + .smi-btn,
.region-header .btn-login + .smi-btn,
.region-header .button + .smi-btn,
.region-header .smi-btn + .smi-btn,
.region-header .ctools-modal-ctools-ajax-register-style + .smi-btn,
.region-header .button + .smi-btn,
.region-header button + .smi-btn,
.region-header input[type="submit"] + .smi-btn, ul.smi-menu-system a + .ctools-modal-ctools-ajax-register-style, .smi-external .btn-login + .ctools-modal-ctools-ajax-register-style,
.smi-external .button + .ctools-modal-ctools-ajax-register-style,
.smi-external .smi-btn + .ctools-modal-ctools-ajax-register-style, .region-header .btn-login + .ctools-modal-ctools-ajax-register-style,
.region-header .button + .ctools-modal-ctools-ajax-register-style,
.region-header .smi-btn + .ctools-modal-ctools-ajax-register-style, .ctools-modal-ctools-ajax-register-style + .ctools-modal-ctools-ajax-register-style, .button + .ctools-modal-ctools-ajax-register-style,
button + .ctools-modal-ctools-ajax-register-style,
input[type="submit"] + .ctools-modal-ctools-ajax-register-style, ul.smi-menu-system a + .button, .smi-external .btn-login + .button,
.smi-external .button + .button,
.smi-external .smi-btn + .button, .region-header .btn-login + .button,
.region-header .button + .button,
.region-header .smi-btn + .button, .ctools-modal-ctools-ajax-register-style + .button, .button + .button,
button + .button,
input[type="submit"] + .button,
ul.smi-menu-system a + button,
.smi-external .btn-login + button,
.smi-external .button + button,
.smi-external .smi-btn + button,
.region-header .btn-login + button,
.region-header .button + button,
.region-header .smi-btn + button,
.ctools-modal-ctools-ajax-register-style + button,
.button + button,
button + button,
input[type="submit"] + button,
ul.smi-menu-system a + input[type="submit"],
.smi-external .btn-login + input[type="submit"],
.smi-external .button + input[type="submit"],
.smi-external .smi-btn + input[type="submit"],
.region-header .btn-login + input[type="submit"],
.region-header .button + input[type="submit"],
.region-header .smi-btn + input[type="submit"],
.ctools-modal-ctools-ajax-register-style + input[type="submit"],
.button + input[type="submit"],
button + input[type="submit"],
input[type="submit"] + input[type="submit"] {
  margin-left: 1em; }

ul.smi-menu-system a, .smi-external .btn-login,
.smi-external .button,
.smi-external .smi-btn, .region-header .btn-login,
.region-header .button,
.region-header .smi-btn, .ctools-modal-ctools-ajax-register-style {
  /*background: transparent;
  color: #2780A3;*/
  border: 1px solid #2780A3;
  font-weight: 600;
  /*padding: 0.5em 1.5em 0.3em 1.5em; */
}

.region-header .btn-login,
.region-header .button,
.region-header .smi-btn {
  color: white; }

.quotes:after {
  content: "";
  display: table;
  clear: both; }
.quotes blockquote {
  background: #F2F4F5;
  padding: 1em 1.2em;
  border-left: 0px;
  margin: 0 0 3em 0;
  position: relative; }
.quotes blockquote:after {
  content: "";
  position: absolute;
  bottom: -3em;
  border: 1.5em solid transparent; }
.quotes .author p {
  margin: 0;
  font-size: 0.85em; }
.quotes .author p:first-child {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: -3.5em; }
.quotes .quote:nth-child(odd) blockquote:after {
  left: 1.5em;
  border-color: #F2F4F5 #F2F4F5 transparent transparent; }
.quotes .quote:nth-child(odd) .author {
  padding-left: 5.25em; }
.quotes .quote:nth-child(even) blockquote:after {
  right: 1.5em;
  border-color: #F2F4F5 transparent transparent #F2F4F5; }
.quotes .quote:nth-child(even) .author {
  padding-right: 5.25em;
  text-align: right; }

.steps {
  padding-top: 4em; }

.step {
  padding-bottom: 2em; }
.step:after {
  content: "";
  display: table;
  clear: both; }

@media screen and (min-width: 660px) {
  .step-count {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 6.17215%; }
  .step-count:last-child {
    margin-right: 0; } }
.step-count span {
  display: none; }
@media screen and (min-width: 660px) {
  .step-count span {
    color: #2780A3;
    display: inline-block;
    border: 0.065em solid #2780A3;
    border-radius: 100%;
    width: 2em;
    height: 2em;
    line-height: 2.1em;
    font-size: 2em;
    text-align: center;
    margin-top: -0.7em; } }

@media screen and (min-width: 660px) {
  .step-content {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
  .step-content:last-child {
    margin-right: 0; }

  .step-media {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%; }
  .step-media:last-child {
    margin-right: 0; }
  .step-media > * {
    width: 100%; } }
.clients * {
  float: left;
  margin: 0 1.25em 1.25em 0; }

.smi-external .item-list {
  padding: 1.75em 1.5em 2.5em 1.5em;
  background: url(../img/hero-mask.svg) #F2F4F5;
  background-position: bottom left;
  background-repeat: no-repeat; }
.smi-external .item-list h1,
.smi-external .item-list h2,
.smi-external .item-list h3,
.smi-external .item-list h4,
.smi-external .item-list h5,
.smi-external .item-list h6 {
  color: #44494B;
  font-weight: bold;
  margin-bottom: 0 !important; }
.smi-external .item-list p {
  margin: 0; }

.smi_table_contents ul,
.smi_table_contents ol {
  padding: 0;
  list-style: none;
  margin: 0; }
.smi_table_contents ul li {
  background: #F2F4F5;
  margin: 0.5em 0; }
.smi_table_contents a {
  display: block;
  padding: 1em; }
.smi_table_contents a:hover {
  background: #e4e8ea; }

.content-row {
  padding-top: 5em; }
.content-row:first-child {
  padding-top: 2em; }

.content-media {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 40.29137%; }
.content-media:last-child {
  margin-right: 0; }

.content-text {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
.content-text:last-child {
  margin-right: 0; }

#content {
  padding-bottom: 3em; }

#content .row {
  display: block;
}

#content .row,
#footer .row,
#hero .row,
.smi-external .region-course-header {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em; }
#content .row:after,
#footer .row:after,
#hero .row:after,
.smi-external .region-course-header:after {
  content: "";
  display: table;
  clear: both; }
#content .row .row,
#footer .row .row,
#hero .row .row,
.smi-external .region-course-header .row {
  padding-left: 0em;
  padding-right: 0em; }

.region-content-bottom {
  max-width: 100% !important; }

@media screen and (min-width: 660px) {
  .two-up {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
  .two-up:last-child {
    margin-right: 0; }

  .three-up {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  .three-up:last-child {
    margin-right: 0; }

  .four-up {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%; }
  .four-up:last-child {
    margin-right: 0; }

  .col-large,
  .col-big {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%; }
  .col-large:last-child,
  .col-big:last-child {
    margin-right: 0; }

  .col-small {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  .col-small:last-child {
    margin-right: 0; }

  .col-large + .col-small,
  .col-big + .col-small {
    margin-right: 0; }

  .col-small + .col-large, .col-small + .col-big {
    margin-right: 0; } }
.page-user-edit #block-system-main {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%; }
.page-user-edit #block-system-main:last-child {
  margin-right: 0; }
.page-user-edit #block-smi-regcode-block-smi-regcode-block {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%; }
.page-user-edit #block-smi-regcode-block-smi-regcode-block:last-child {
  margin-right: 0; }

@media screen and (max-width: 660px) {
  .two-up,
  .three-up,
  .four-up,
  .col-large,
  .col-big,
  .col-small {
    padding-top: 1em;
    padding-bottom: 1em; } }
.tiny,
.micro,
.nano {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 14.70196%; }
.tiny:last-child,
.micro:last-child,
.nano:last-child {
  margin-right: 0; }
@media screen and (max-width: 660px) {
  .tiny,
  .micro,
  .nano {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  .tiny:last-child,
  .micro:last-child,
  .nano:last-child {
    margin-right: 0; } }
@media screen and (max-width: 25em) {
  .tiny,
  .micro,
  .nano {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  .tiny:last-child,
  .micro:last-child,
  .nano:last-child {
    margin-right: 0; } }

.small {
  float: left;
  display: block;
  margin-right: 1.5%;
  width: 31.76157%; }
.small:last-child {
  margin-right: 0; }
@media screen and (max-width: 660px) {
  .small {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%; }
  .small:last-child {
    margin-right: 0; } }
@media screen and (max-width: 25em) {
  .small {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  .small:last-child {
    margin-right: 0; } }

.medium {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
.medium:last-child {
  margin-right: 0; }
@media screen and (max-width: 660px) {
  .medium {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
  .medium:last-child {
    margin-right: 0; } }
@media screen and (max-width: 25em) {
  .medium {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  .medium:last-child {
    margin-right: 0; } }

.large {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%; }
.large:last-child {
  margin-right: 0; }
@media screen and (max-width: 660px) {
  .large {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%; }
  .large:last-child {
    margin-right: 0; } }
@media screen and (max-width: 25em) {
  .large {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  .large:last-child {
    margin-right: 0; } }

.xlarge,
.huge,
.big {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 82.94039%; }
.xlarge:last-child,
.huge:last-child,
.big:last-child {
  margin-right: 0; }
@media screen and (max-width: 660px) {
  .xlarge,
  .huge,
  .big {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%; }
  .xlarge:last-child,
  .huge:last-child,
  .big:last-child {
    margin-right: 0; } }
@media screen and (max-width: 25em) {
  .xlarge,
  .huge,
  .big {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  .xlarge:last-child,
  .huge:last-child,
  .big:last-child {
    margin-right: 0; } }

.faq-answer {
  display: none;
  padding: 0.75rem 1.25rem 1.25rem 1.25rem;
  border-left: 5px solid #2780A3;
  background: #F2F4F5; }

.faq-question {
  font-size: 1.25em;
  color: #2780A3;
  padding: 0.5rem;
  border-top: 1px solid #d5dcdf;
  border-bottom: 1px solid #d5dcdf;
  margin-bottom: -1px;
  cursor: pointer; }
.faq-question:hover {
  background: #F2F4F5; }
.faq-question.active {
  padding: 1rem 1.25rem 0 1.25rem;
  padding-bottom: 0;
  border-bottom: 0 solid transparent;
  border-left: 5px solid #2780A3;
  background: #F2F4F5; }
.faq-question.active + .faq-answer {
  display: block; }

.view-faq {
  margin: 2em 0; }
.view-faq .view-header {
  margin-bottom: 1em; }

.front #hero {
  padding-top: 15%;
  padding-bottom: 13%;
  margin-top: -15%;
  background: url(../img/home-hero-mask.svg), -webkit-linear-gradient(-315deg, #e9edee 3%, transparent 3%, transparent 47%, #e9edee 47%, #e9edee 53%, transparent 53%, transparent 97%, #e9edee 97%) repeat, -webkit-linear-gradient(-225deg, #e9edee 3%, transparent 3%, transparent 47%, #e9edee 47%, #e9edee 53%, transparent 53%, transparent 97%, #e9edee 97%) repeat;
  background: url(../img/home-hero-mask.svg), linear-gradient(45deg, #e9edee 3%, transparent 3%, transparent 47%, #e9edee 47%, #e9edee 53%, transparent 53%, transparent 97%, #e9edee 97%) repeat, linear-gradient(-45deg, #e9edee 3%, transparent 3%, transparent 47%, #e9edee 47%, #e9edee 53%, transparent 53%, transparent 97%, #e9edee 97%) repeat;
  background-size: contain, 14px 14px, 14px 14px;
  background-position: bottom left;
  background-repeat: no-repeat, repeat, repeat;
  background-color: #F2F4F5; }
  
.front #hero .block {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
.front #hero .block:last-child {
  margin-right: 0; }
@media screen and (max-width: 25em) {
  .front #hero .block {
    width: 100%;
    float: none; } }
.front #hero img {
  /*   width: 86%;
     margin: -5% auto -24.5% auto; */
  display: block;
  position: relative;
  z-index: 1;
  border: 0px none transparent; }
@media screen and (max-width: 660px) {
  .front #hero img {
    margin: 5% auto -24.5% auto; } }
@media screen and (max-width: 25em) {
  .front #hero img {
    margin: 5% auto -12% auto; } }
.front #hero .play-button {
  padding: 1em 0 1em 3em;
  background: url(../img/play.svg) left center no-repeat;
  background-size: 2.5em;
  display: inline-block;
  margin: 0 auto; }

.not-front #hero {
  padding-top: 15%;
  padding-bottom: 3.2%;
  margin-top: -15%;
  background: url(../img/hero-mask.svg) #F2F4F5;
  background-size: contain;
  background-position: bottom left;
  background-repeat: no-repeat; }
.not-front #hero .row {
  padding-top: 2.5em;
  padding-bottom: 2.5em; }

.front .region-content > div {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
.front .region-content > div:last-child {
  margin-right: 0; }
@media screen and (max-width: 660px) {
  .front .region-content > div {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  .front .region-content > div:last-child {
    margin-right: 0; } }
@media screen and (max-width: 25em) {
  .front .region-content > div {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  .front .region-content > div:last-child {
    margin-right: 0; } }
@media screen and (min-width: 660px) {
  .front .region-content > div {
    padding-left: 1.5em;
    padding-right: 1.5em; } }
.front .region-content > div:nth-child(even) {
  margin-right: 0; }
.front #hero h1 {
  font-size: 4em;
  font-weight: 200;
  padding-top: 15%;
  margin: 0; }
@media screen and (max-width: 660px) {
  .front #hero h1 {
    font-size: 3em; } }
@media screen and (max-width: 25em) {
  .front #hero h1 {
    font-size: 2em; } }
.front #hero h2 {
  font-size: 1.4em;
  color: #1d607a;
  font-weight: bold;
  white-space: pre-wrap;
  padding-bottom: 0.5em;
  margin: 0; }
.front #content {
  padding-top: 2em !important; }
.front #content h2 {
  font-size: 1.5em; }
.front .page-content .region-content .block:nth-child(even) {
  margin-right: 0;
  margin-right: 0 !important; }

@media screen and (max-width: 660px) {
  #modalContent {
    position: fixed !important;
    top: 1em !important;
    left: 5% !important;
    right: 5% !important; }
  #modalContent .ctools-modal-content,
  #modalContent #modal-content,
  #modalContent #user-login {
    width: auto !important; }
  #modalContent ul.ajax-register-links {
    text-align: left;
    display: block; }
  #modalContent ul.ajax-register-links li {
    display: inline-block;
    padding: 0; } }
/*
.page-user-login .region-course-header,
.page-user-register .region-course-header,
.page-user-password .region-course-header,
.not-logged-in .region-course-header {
  display: none; }
*/
.page-user-login #content,
.page-user-register #content,
.page-user-password #content,
.not-logged-in #content {
  padding-top: 2em; }

.node-tab {
  padding-top: 0.5em !important;
  padding-bottom: 0.3em !important;
  display: inline-block; 
}
ul.tabs.primary li,
ul.tabs li {
  display: inline-block;
  margin-bottom: -1px; }

@media screen and (max-width: 25em) {
  ul.tabs {
    margin: 0;
    padding: 1em 0 0 0; }
  ul.tabs li {
    display: block;
    margin: 0;
    width: 100%;
    float: none; }
  ul.tabs a {
    display: block;
    margin-right: 0 !important; } }

#block-smi-regcode-block-smi-regcode-block .content {
  background: #F2F4F5;
  padding: 1em;
  border-radius: 0.25em; }

.smi_regcode_list li {
  font-family: monaco;
  background: #e4e8ea;
  padding: 0.5em;
  border-radius: 0.25em;
  font-size: 0.9em; }

.smi-internal .region-course-header {
  border: 1px solid #D1D1D1;
  border-width: 0 0 1px 0;
  height: 3.85em;
  background: white;
  z-index: 600; }
.smi-external.page-user .region-course-header{
  border: 0;
}
.smi-internal .region-course-header:after,
.smi-external .region-course-header:after{
  content: "";
  display: table;
  clear: both; }
.smi-internal .region-course-header .block-smi-quickcode-finder {
  float: right;
  width: 20%;
  position: relative;
  height: 2.125em;
  margin: 0.85em 0.5em 0 0.5em; }
.smi-internal .region-course-header .block-smi-quickcode-finder .form-text,
.smi-internal .region-course-header .block-smi-quickcode-finder .form-submit {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0;
  line-height: 2.1em;
  padding-bottom: 0; }
.smi-internal .region-course-header .block-smi-quickcode-finder .form-submit {
  line-height: 2.45em; }
.smi-internal .region-course-header .block-smi-quickcode-finder .form-text {
  left: 0;
  width: 66%;
  border-radius: 0.2em 0 0 0.2em; }
.smi-internal .region-course-header .block-smi-quickcode-finder .form-submit {
  border-radius: 0 0.2em 0.2em 0;
  width: 34.5%;
  right: 0;
  padding: 0; }
.smi-external .region-course-header .block-menu:after,
.smi-internal .region-course-header .block-menu:after {
  content: "";
  display: table;
  clear: both; }
.smi-external .region-course-header .block-menu,
.smi-external .region-course-header .block-menu li,
.smi-internal .region-course-header .block-menu,
.smi-internal .region-course-header .block-menu li {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0; }
.smi-external .region-course-header .block-menu a,
.smi-internal .region-course-header .block-menu a {
  -webkit-transition: all 0.15s ease-out 0s;
  -moz-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  font-size: 1.5em;
  padding: 0 1em 0 1em;
  display: inline-block;
  height: 2.54em;
  line-height: 2.75em;
  margin-bottom: -1em;
  color: #b1ccd6;
  border-bottom: transparent 0.2em solid; }
.smi-external .region-course-header .block-menu a.active,
.smi-internal .region-course-header .block-menu a.active {
  color: #2780A3;
  border-bottom: #2780A3 0.2em solid; }
.smi-external .region-course-header .block-menu a:hover,
.smi-internal .region-course-header .block-menu a:hover {
  color: #2780A3;
  border-bottom: rgba(39, 128, 163, 0.25) 0.2em solid;
  color: #7da4b3; }
.smi-internal .smi-quickcode-link {
  display: none !important; }
.smi-internal #opigno-group-progress, .smi-internal.page-node-26 .block-views, .smi-internal.page-node-vocab2 .block-views,
.smi-internal #sidebar {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 7em;
  width: 25%;
  z-index: 500;
  background: #F2F4F5;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1em;
  font-weight: 900; }
.smi-internal #opigno-group-progress > div, .smi-internal.page-node-26 .block-views > div, .smi-internal.page-node-vocab2 .block-views > div,
.smi-internal #sidebar > div {
  font-size: 0.875em; }
.smi-internal #opigno-group-progress ul,
.smi-internal #opigno-group-progress ol, .smi-internal.page-node-26 .block-views ul,
.smi-internal.page-node-26 .block-views ol, .smi-internal.page-node-vocab2 .block-views ul,
.smi-internal.page-node-vocab2 .block-views ol,
.smi-internal #sidebar ul,
.smi-internal #sidebar ol {
  margin: 0;
  padding: 0;
  list-style: none; }
.smi-internal #opigno-group-progress .opigno-group-progress-course > a, .smi-internal.page-node-26 .block-views .opigno-group-progress-course > a, .smi-internal.page-node-vocab2 .block-views .opigno-group-progress-course > a,
.smi-internal #sidebar .opigno-group-progress-course > a {
  font-weight: 900;
  display: block;
  padding-bottom: 0.5em;
  margin-bottom: 0.65em;
  border-bottom: 1px solid #C9CACB; }
.smi-internal #opigno-group-progress .active, .smi-internal.page-node-26 .block-views .active, .smi-internal.page-node-vocab2 .block-views .active,
.smi-internal #sidebar .active {
  font-weight: 900; }
.smi-internal #opigno-group-progress .item-list, .smi-internal.page-node-26 .block-views .item-list, .smi-internal.page-node-vocab2 .block-views .item-list,
.smi-internal #sidebar .item-list {
  font-weight: normal; }
.smi-internal #opigno-group-progress .item-list li, .smi-internal.page-node-26 .block-views .item-list li, .smi-internal.page-node-vocab2 .block-views .item-list li,
.smi-internal #sidebar .item-list li {
  margin-bottom: 0; }
.smi-internal #opigno-group-progress .item-list a, .smi-internal.page-node-26 .block-views .item-list a, .smi-internal.page-node-vocab2 .block-views .item-list a,
.smi-internal #sidebar .item-list a {
  color: #44494B; }
.smi-internal #opigno-group-progress #edit-title-wrapper, .smi-internal.page-node-26 .block-views #edit-title-wrapper, .smi-internal.page-node-vocab2 .block-views #edit-title-wrapper,
.smi-internal #sidebar #edit-title-wrapper {
  border-bottom: 1px solid #D1D1D1;
  padding: 0;
  float: none; }
.smi-internal #opigno-group-progress #edit-title-wrapper label, .smi-internal.page-node-26 .block-views #edit-title-wrapper label, .smi-internal.page-node-vocab2 .block-views #edit-title-wrapper label,
.smi-internal #sidebar #edit-title-wrapper label {
  display: none; }
.smi-internal #content {
  padding-left: 25%;
  padding-top: 7em; }
.smi-internal #content > .row {
  padding: 2em 2em; }
.smi-internal #content > .row .row {
  margin: 0;
  width: 100%; }

.no-sidebar #content,
.page-node-4 #content,
.page-node-65 #content,
.page-user-edit #content {
  padding-left: 0; }
.no-sidebar #content .row,
.page-node-4 #content .row,
.page-node-65 #content .row,
.page-user-edit #content .row {
  max-width: 60em !important; }
.no-sidebar #opigno-group-progress,
.page-node-4 #opigno-group-progress,
.page-node-65 #opigno-group-progress,
.page-user-edit #opigno-group-progress {
  display: none; }

@media screen and (max-width: 660px) {
  body {
    padding-top: 2.75em; }

  .smi-internal {
    padding-bottom: 3.5em !important; }
  .smi-internal #content > .row {
    padding: 0.5em !important; }

  html .smi-external .region-header,
  html .smi-internal .region-header {
    height: 2.75em;
    background: #2780A3;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 700;
    box-shadow: 0 3px 0 rgba(68, 73, 75, 0.05);
    cursor: pointer;
    background: url(../img/logo-smi-icon.svg), -webkit-linear-gradient(-315deg, #267b9d 3%, transparent 3%, transparent 47%, #267b9d 47%, #267b9d 53%, transparent 53%, transparent 97%, #267b9d 97%) repeat, -webkit-linear-gradient(-225deg, #267b9d 3%, transparent 3%, transparent 47%, #267b9d 47%, #267b9d 53%, transparent 53%, transparent 97%, #267b9d 97%) repeat;
    background: url(../img/logo-smi-icon.svg), linear-gradient(45deg, #267b9d 3%, transparent 3%, transparent 47%, #267b9d 47%, #267b9d 53%, transparent 53%, transparent 97%, #267b9d 97%) repeat, linear-gradient(-45deg, #267b9d 3%, transparent 3%, transparent 47%, #267b9d 47%, #267b9d 53%, transparent 53%, transparent 97%, #267b9d 97%) repeat;
    background-size: 63px 17px, 10px 10px, 10px 10px;
    background-repeat: no-repeat, repeat, repeat;
    background-position: center center;
    background-color: #2780A3; }
  html .smi-external .region-header:before,
  html .smi-internal .region-header:before {
    content: "";
    left: 7px;
    top: 9px;
    width: 26px;
    height: 26px;
    background: url(../img/navicons.svg) top left no-repeat;
    position: absolute;
    pointer-events: none; }
  html .smi-external .region-header.active:before,
  html .smi-internal .region-header.active:before {
    background-position: bottom left; }
  html .smi-external .region-header .block-smi-user-menu,
  html .smi-internal .region-header .block-smi-user-menu {
    padding-bottom: 0.5em !important;
    background: none !important; }

  .region-course-header {
    top: auto !important;
    bottom: 0;
    width: 100%;
    border-width: 1px 0 0 0 !important;
    height: 3.25em !important;
    position: fixed;
    background: #f2f4f5;
    z-index: 10; 
  }
  .region-course-header .contextual-links-wrapper {
    display: none !important; }
  .region-course-header div,
  .region-course-header > ul {
    width: 100% !important;
    display: block !important;
    float: none !important; }
  .region-course-header .menu li {
    width: 33%; }
  .region-course-header .menu a {
    text-align: center;
    display: block !important;
    font-size: 0.875em !important;
    height: 3.65em !important;
    padding-top: 1.4em !important;
    color: #2780A3 !important; }
  .region-course-header .menu li a {
    background-repeat: no-repeat;
    background-position: center 0.4em; }
  .region-course-header .menu li a:not(.active) {
    opacity: 0.5; }
  .region-course-header .menu li:nth-child(1) a {
    background-image: url(../img/mobile-h-icon.svg); }
  .region-course-header .menu li:nth-child(2) a {
    background-image: url(../img/mobile-v-icon.svg); }
  .region-course-header .menu li:nth-child(3) a {
    background-image: url(../img/mobile-qc-icon.svg); }
  .region-course-header .contextual-links-region {
    position: relative;
    z-index: 100; }
  .region-course-header .block-smi-quickcode-finder {
    position: absolute;
    z-index: 90;
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: rgba(255, 255, 255, 0.85);
    border-top: 1px solid rgba(255, 255, 255, 0.9);
    margin: 0 !important;
    bottom: 5.9em;
    height: 3.5em !important;
    display: none !important; }
  .region-course-header .block-smi-quickcode-finder .content {
    position: absolute;
    height: 2.5em;
    top: 0.5em;
    left: 0.5em;
    right: 0.5em;
    width: auto !important; }
  .region-course-header .block-smi-quickcode-finder.show-me {
    display: block !important; }

  #opigno-group-progress,
  .page-unit-2-vocabulary #block-system-main,
  #block-views-unit-2-vocabulary-block-1,
  #sidebar {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    overflow-y: hidden !important;
    margin-bottom: 2em; }
  #opigno-group-progress a,
  .page-unit-2-vocabulary #block-system-main a,
  #block-views-unit-2-vocabulary-block-1 a,
  #sidebar a {
    display: block; }
  #opigno-group-progress a.active,
  .page-unit-2-vocabulary #block-system-main a.active,
  #block-views-unit-2-vocabulary-block-1 a.active,
  #sidebar a.active {
    display: block; }
  #opigno-group-progress a.smi-toggle-sidebar,
  .page-unit-2-vocabulary #block-system-main a.smi-toggle-sidebar,
  #block-views-unit-2-vocabulary-block-1 a.smi-toggle-sidebar,
  #sidebar a.smi-toggle-sidebar {
    position: absolute;
    display: inline-block;
    top: 0.5em;
    right: 0.5em;
    font-family: sans-serif;
    border-bottom: 0px none !important;
    margin-bottom: 0 !important;
    padding: 0.5em 0.75em 0.25em 0.75em !important;
    color: #555;
    border-radius: 0.25em;
    cursor: pointer;
    line-height: 1.5em;
    background: rgba(242, 244, 245, 0.75); }
  #opigno-group-progress a.smi-toggle-sidebar:hover,
  .page-unit-2-vocabulary #block-system-main a.smi-toggle-sidebar:hover,
  #block-views-unit-2-vocabulary-block-1 a.smi-toggle-sidebar:hover,
  #sidebar a.smi-toggle-sidebar:hover {
    background: rgba(228, 232, 234, 0.75); }
  #opigno-group-progress .expanded a,
  .page-unit-2-vocabulary #block-system-main .expanded a,
  #block-views-unit-2-vocabulary-block-1 .expanded a,
  #sidebar .expanded a {
    display: block; }
  #opigno-group-progress .expanded a.smi-toggle-sidebar,
  .page-unit-2-vocabulary #block-system-main .expanded a.smi-toggle-sidebar,
  #block-views-unit-2-vocabulary-block-1 .expanded a.smi-toggle-sidebar,
  #sidebar .expanded a.smi-toggle-sidebar {
    display: inline-block; }

  #content {
    padding-left: 0 !important;
    padding-top: 0 !important; }

  #block-smi-user-menu-smi-user-menu {
    display: none;
    position: relative;
    top: 2.75em;
    padding: 0 !important; }
  #block-smi-user-menu-smi-user-menu > .content {
    padding-bottom: 0.5em;
    background: #16495d;
    display: block !important; }
  #block-smi-user-menu-smi-user-menu > .content .logo a {
    padding: 0.5em 0.75em 0.3em 0.75em !important; }
  #block-smi-user-menu-smi-user-menu > .content div.menu-marketing,
  #block-smi-user-menu-smi-user-menu > .content div.smi-menu-system {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  #block-smi-user-menu-smi-user-menu > .content * {
    display: block !important;
    width: 100%;
    text-align: left !important;
    color: white !important;
    margin: 0 !important;
    background: none !important;
    position: static !important;
    border: 0 solid transparent !important;
    box-shadow: 0 0 0 transparent !important; }
  #block-smi-user-menu-smi-user-menu > .content *:after {
    display: none; }
  #block-smi-user-menu-smi-user-menu > .content a {
    border-radius: 0.2em !important; }
  #block-smi-user-menu-smi-user-menu > .content a:hover {
    background: #123c4d !important; }

  .active > #block-smi-user-menu-smi-user-menu {
    display: block; } }
video {
  width: 100% !important;
  height: auto !important; }


/*# sourceMappingURL=test.css.map */

/* KD Tweaks */
/* .opigno-group-progress-course-quiz > .last > a */
.opigno-group-progress-course-quiz .last a
{
  display: block;
  padding-bottom: 0.5em;
  margin-bottom: 0.65em;
  border-bottom: 1px solid #C9CACB; }


#block-views-unit-2-vocabulary-block-1 h3 {
  margin-bottom: .25em;
  margin-top: .5em !important;
}

#block-views-unit-2-vocabulary-block-1 .views-row .field-content a{
  padding-left:10px;
}

#node-26 .content .field-item a{
  display:none;
}

.curriculum-content {
  background-image: url(../img/PageImages.png);
  background-repeat: no-repeat;
  background-position: 0px 415px;
  padding-bottom: 300px;
  margin-bottom: 20px;
}

@media screen and (max-width: 660px) {
  .curriculum-content {
    background-image: none;
    padding-bottom: 0px;
    margin-bottom: 10px;
  }
}


/**
 * @file
 * Styles for menus and navigation markup.
 */

/**
 * Markup generated by theme_menu_tree().
 */
ul.menu {
  border: none;
  list-style: none;
  text-align: left; /* LTR */
}
ul.menu li {
  margin: 0 0 0 0.5em; /* LTR */
}
ul li.expanded {
  list-style-image: url(../../misc/menu-expanded.png);
  list-style-type: circle;
}
ul li.collapsed {
  list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
  list-style-type: disc;
}
ul li.leaf {
  list-style-image: url(../../misc/menu-leaf.png);
  list-style-type: square;
}
li.expanded,
li.collapsed,
li.leaf {
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li a.active {
  color: #000;
}
td.menu-disabled {
  background: #ccc;
}

/**
 * Markup generated by theme_links().
 */
ul.inline,
ul.links.inline {
  display: inline;
  padding-left: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

/**
 * Markup generated by theme_breadcrumb().
 */
.breadcrumb {
  padding-bottom: 0.5em;
}

.form-item, .form-actions {
  margin-top: 1em;
  margin-bottom: 1em;
}

/**
 * Markup generated by theme_menu_local_tasks().
 */
ul.primary {
  border-bottom: 1px solid #bbb;
  border-collapse: collapse;
  height: auto;
  line-height: normal;
  list-style: none;
  margin: 5px;
  padding: 0 0 0 1em; /* LTR */
  white-space: nowrap;
}

@media(max-width: 767px){
  ul.primary.tabs{
    white-space: normal;
  }
}
ul.primary li {
  display: inline;
}
@media(max-width: 767px){
  ul.primary.tabs li{
    width: auto;
  }
}
ul.primary li a {
  background-color: #ddd;
  border-color: #bbb;
  border-style: solid solid none solid;
  border-width: 1px;
  height: auto;
  margin-right: 0.5em; /* LTR */
  padding: 0 1em;
  text-decoration: none;
}
ul.primary li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: 1px solid #fff;
}
ul.primary li a:hover {
  background-color: #eee;
  border-color: #ccc;
  border-bottom-color: #eee;
}
ul.secondary {
  border-bottom: 1px solid #bbb;
  padding: 0.5em 1em;
  margin: 5px;
}
ul.secondary li {
  border-right: 1px solid #ccc; /* LTR */
  display: inline;
  padding: 0 1em;
}
ul.secondary a {
  padding: 0;
  text-decoration: none;
}
ul.secondary a.active {
  border-bottom: 4px solid #999;
}

.fluid-width-video-wrapper {
  width:100%;
  padding:0;
  min-height: 400px;
}
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
  width:100%;
  height:100%;
}

.view-asl-vocabulary .views-exposed-form {
  margin-bottom: .5em;
}
.view-asl-vocabulary .js-form-type-textfield {
  border-bottom: 1px solid #D1D1D1;
}
.view-asl-vocabulary .views-row {
  font-size: 14px;
}
.view-asl-vocabulary .views-row a{
  padding-left: 10px;
}