.section {
  padding: 6rem 0;
}
@media screen and (max-width: 1023px) {
  .section {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .section {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}





/* ======= Buttons ============ */

.button {
  padding: 0 4rem;
  font-weight: bold;
  border-width: 2px;
  border-radius: 0;
  height: 6rem;
  line-height: 6rem;
  text-align: center;
}
.button.is-primary {
  font-size: 2.4rem;
  background-color: #00b3e6;
  border-color: transparent;
  color: #fff;
}
.button.is-primary:hover, .button.is-primary:focus, .button.is-primary:active, .button.is-primary.is-hovered, .button.is-primary.is-focused, .button.is-primary.is-active {
  background-color: #23313b;
  border-color: transparent;
  color: #fff;
}
.button.is-secondary {
  font-size: 1.8rem;
  background-color: #f5c400;
  border-color: transparent;
  color: #23313b;
}
.button.is-secondary:hover, .button.is-secondary:focus, .button.is-secondary:active, .button.is-secondary.is-hovered, .button.is-secondary.is-focused, .button.is-secondary.is-active {
  background-color: #fff;
  border-color: #23313b;
  color: #23313b;
}
.button {
  height: 64px;
  padding: 0px 64px;
  line-height: 64px;
  font-weight: bold;
  border-radius: 0;
  border: 2px solid transparent;
  transition: 0.3s;
  cursor: poipointer;
}
.button.is-full {
  width: 100%;
}
.button-primary {
  font-size: 24px;
  color: #fff;
  border-color: #00b3e6;
  background-color: #00b3e6;
}
.button-primary:hover, .button-primary:focus, .button-primary.is-hover {
  border-color: #23313b;
  background-color: #23313b;
	color:#fff;
}
.button-secondary {
  font-size: 18px;
  color: #23313b;
  border-color: #f5c400;
  background-color: #f5c400;
}
.button-secondary:hover, .button-secondary:focus, .button-secondary.is-hover {
  border-color: #23313b;
  background-color: #fff;
}
.button-default {
  color: #23313b;
  border-color: #77777a;
  background-color: #fff;
}
.button-default:hover, .button-default:focus, .button-default:active, .button-default:active:hover, .button-default:active:focus {
  background-color: #fff;
}
.button-connected {
  color: #fff;
  border-color: #00b3e6;
  background-color: #00b3e6;
}
.button-focused {
  color: #fff;
  border-color: #b34fc5;
  background-color: #b34fc5;
}
.button-led {
  color: #fff;
  border-color: #84be41;
  background-color: #84be41;
}
.button-demonstrated {
  color: #fff;
  border-color: #ff6c0c;
  background-color: #ff6c0c;
}
.btn {
  min-height: 64px;
  /*max-width: 544px;*/
  padding: 14px 32px;
  padding: 0px 60px;
  line-height: 32px;
  font-weight: bold;
  border-radius: 0;
  border: 2px solid transparent;
  transition: 0.3s;
  line-height: 60px;
}
.btn.is-full {
  width: 100%;
}
.btn-primary {
  font-size: 24px;
  color: #fff;
  border-color: #00b3e6;
  background-color: #00b3e6;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.is-hover {
  border-color: #23313b;
  background-color: #23313b;
}
.btn-secondary {
  font-size: 18px;
  color: #23313b;
  border-color: #f5c400;
  background-color: #f5c400;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.is-hover {
  border-color: #23313b;
  background-color: #fff;
}
.btn-default {
  color: #23313b;
  border-color: #77777a;
  background-color: #fff;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:hover, .btn-default:active:focus {
  background-color: #fff;
}
.btn-connected {
  color: #fff;
  border-color: #00b3e6;
  background-color: #00b3e6;
}
.btn-focused {
  color: #fff;
  border-color: #b34fc5;
  background-color: #b34fc5;
}
.btn-led {
  color: #fff;
  border-color: #84be41;
  background-color: #84be41;
}
.btn-demonstrated {
  color: #fff;
  border-color: #ff6c0c;
  background-color: #ff6c0c;
}




.button, .input, .textarea, .select select, .file-cta, .file-name, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 4px solid transparent;
  border-radius: 0;
  box-shadow: none;
  font-size: 2.4rem;
  height: 64px;
  line-height: 60px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  position: relative;
  vertical-align: top;
  max-width: 100%;
  width: 100%;
}

/* ================================= Default styles for text content ================================ */

.content {
  font-size: 2.4rem;
  line-height: 4.2rem;
}
.content li + li {
  margin-top: 0.25em;
}
.content p, .content strong, .content dl, .content ol, .content ul, .content blockquote, .content pre, .content table, .content video {
  font-size: 2.4rem;
  line-height: 4.2rem;
}
.content p:not(:last-child), .content strong:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content ul:not(:last-child), .content blockquote:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child), .content video:not(:last-child) {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1023px) {
  .content p, .content strong, .content dl, .content ol, .content ul, .content blockquote, .content pre, .content table, .content video {
    font-size: 1.896rem;
  }
}
@media screen and (max-width: 768px) {
  .content p, .content strong, .content dl, .content ol, .content ul, .content blockquote, .content pre, .content table, .content video {
    font-size: 1.6008rem;
  }
}
.content p.is-desktop, .content strong.is-desktop, .content dl.is-desktop, .content ol.is-desktop, .content ul.is-desktop, .content blockquote.is-desktop, .content pre.is-desktop, .content table.is-desktop, .content video.is-desktop {
  font-size: 2.4rem !important;
}
.content p.is-touch, .content strong.is-touch, .content dl.is-touch, .content ol.is-touch, .content ul.is-touch, .content blockquote.is-touch, .content pre.is-touch, .content table.is-touch, .content video.is-touch {
  font-size: 1.896rem !important;
}
.content p.is-mobile, .content strong.is-mobile, .content dl.is-mobile, .content ol.is-mobile, .content ul.is-mobile, .content blockquote.is-mobile, .content pre.is-mobile, .content table.is-mobile, .content video.is-mobile {
  font-size: 1.6008rem !important;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  color: #23313b;
  font-weight: bold;
  line-height: 1.125;
}
.content h1 {
  font-size: 4.5rem;
  line-height: 5.8rem;
  margin-bottom: 3rem;
}
.content h1:not(:first-child) {
  margin-top: 6rem;
}
@media screen and (max-width: 1023px) {
  .content h1 {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content h1 {
    font-size: 2.3985rem;
  }
}
.content h1.is-desktop {
  font-size: 4.5rem !important;
}
.content h1.is-touch {
  font-size: 3.6rem !important;
}
.content h1.is-mobile {
  font-size: 2.3985rem !important;
}
.content h2 {
  font-size: 4.5rem;
  line-height: 5.8rem;
  margin-bottom: 3rem;
}
.content h2:not(:first-child) {
  margin-top: 6rem;
}
@media screen and (max-width: 1023px) {
  .content h2 {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content h2 {
    font-size: 2.3985rem;
  }
}
.content h2.is-desktop {
  font-size: 4.5rem !important;
}
.content h2.is-touch {
  font-size: 3.6rem !important;
}
.content h2.is-mobile {
  font-size: 2.3985rem !important;
}
.content h3 {
  font-size: 3.6rem;
  line-height: 6rem;
  margin-bottom: 3rem;
}
.content h3:not(:first-child) {
  margin-top: 6rem;
}
@media screen and (max-width: 1023px) {
  .content h3 {
    font-size: 2.88rem;
  }
}
@media screen and (max-width: 768px) {
  .content h3 {
    font-size: 1.998rem;
  }
}
.content h3.is-desktop {
  font-size: 3.6rem !important;
}
.content h3.is-touch {
  font-size: 2.88rem !important;
}
.content h3.is-mobile {
  font-size: 1.9188rem !important;
}
.content h4 {
  font-size: 3.6rem;
  line-height: 6rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1023px) {
  .content h4 {
    font-size: 2.88rem;
  }
}
@media screen and (max-width: 768px) {
  .content h4 {
    font-size: 1.998rem;
  }
}
.content h4.is-desktop {
  font-size: 3.6rem !important;
}
.content h4.is-touch {
  font-size: 2.88rem !important;
}
.content h4.is-mobile {
  font-size: 1.9188rem !important;
}
.content h5 {
  font-size: 2.4rem;
  line-height: 4.4rem;
  margin-bottom: 2rem;
  margin-left: 9rem;
  display: inline-block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.content h6 {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: bold;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.content p {
  font-weight: 500;
}
.content a {
  color: #23313b;
  text-decoration: underline;
}
.content blockquote {
  font-size: 1.6rem;
  line-height: 2.8rem;
  background-color: transparent;
  border-left: 4px solid #00b3e6;
  padding-left: 9.2rem;
}
.content ol {
  list-style: decimal outside;
  margin-left: 3rem;
  margin-top: 3rem;
}
.content ul {
  list-style: disc outside;
  margin-left: 9rem;
  margin-top: 0rem;
  margin-bottom: 3rem;
}
.content ul li {
  font-size: 2.4rem;
  line-height: 4.4rem;
}
.content ul ul {
  list-style-type: circle;
  margin-top: 1.5rem;
}
.content ul ul ul {
  list-style-type: square;
}
.content dd {
  margin-left: 3rem;
}
.content figure {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
}
.content figure:not(:first-child) {
  margin-top: 2em;
}
.content figure:not(:last-child) {
  margin-bottom: 2em;
}
.content figure img {
  display: inline-block;
}
.content figure figcaption {
  font-style: italic;
}
.content small, .content small strong, .content .is-small {
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .content small, .content small strong, .content .is-small {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .content small, .content small strong, .content .is-small {
    font-size: 1.4rem;
  }
}
.content small.is-desktop, .content small strong.is-desktop, .content .is-small.is-desktop {
  font-size: 1.6rem !important;
}
.content small.is-touch, .content small strong.is-touch, .content .is-small.is-touch {
  font-size: 1.4rem !important;
}
.content small.is-mobile, .content small strong.is-mobile, .content .is-small.is-mobile {
  font-size: 1.4rem !important;
}
.content small strong, .content .is-small strong {
  font-weight: bold;
  margin-bottom: 0;
}
.content pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  padding: 1.25em 1.5em;
  white-space: pre;
  word-wrap: normal;
}
.content sup, .content sub {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
@media screen and (max-width: 1023px) {
  .content sup, .content sub {
    font-size: 1.1375rem;
  }
}
@media screen and (max-width: 768px) {
  .content sup, .content sub {
    font-size: 1.1375rem;
  }
}
.content sup.is-desktop, .content sub.is-desktop {
  font-size: 1.3rem !important;
}
.content sup.is-touch, .content sub.is-touch {
  font-size: 1.1375rem !important;
}
.content sup.is-mobile, .content sub.is-mobile {
  font-size: 1.1375rem !important;
}
.content table {
  width: 100%;
}
.content table td, .content table th {
  border: 1px solid #dbdbdb;
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.content table th {
  color: #363636;
  text-align: left;
}
.content table thead td, .content table thead th {
  border-width: 0 0 2px;
  color: #363636;
}
.content table tfoot td, .content table tfoot th {
  border-width: 2px 0 0;
  color: #363636;
}
.content table tbody tr:last-child td, .content table tbody tr:last-child th {
  border-bottom-width: 0;
}
.content .wp-video, .content .wp-video .mejs-container {
  width: 100% !important;
}
.content .mejs-overlay-button {
  width: 16rem !important;
  height: 16rem !important;
  border-radius: 8rem !important;
  background: #00b3e6 url('../icons/icon-play.svg') no-repeat !important;
  background-position: 35px center !important;
  background-size: 104px 88px !important;
}
.is-bold {
  font-weight: bold;
}
.is-medium {
  font-weight: 500;
}
.is-lead {
  line-height: 4rem;
  font-size: 2.4rem;
}
.input.is-outline, .textarea.is-outline {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}
.input.is-center, .textarea.is-center {
  text-align: center;
}
.input {
  min-width: 352px;
  font-weight: bold;
}





/*===========================================*/


.title {
  color: #363636;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.125;
}
.title strong {
  color: inherit;
  font-weight: inherit;
}


.title.is-cta, .title.is-label {
    font-size: 2.4rem;
    line-height: 4.2rem;
    font-weight: bold;
}


.icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem;
}



/*============================================*/


.field-checkbox {
  width: 352px;
  height: 64px;
  background-color: #fff;
  border: 2px solid #e4e4e4;
  margin-bottom: 15px !important;
}
.field-checkbox:last-child {
  margin-bottom: 0 !important;
}
.field-checkbox:not(.is-checked):hover label::before, .field-checkbox:not(.is-checked).is-hovered label::before {
  background: #e4e4e4 url('../icons/icon-ok.svg') no-repeat center !important;
}
.field-checkbox.is-checked.is-demonstrated {
  border-color: #ff6c0c;
}
.field-checkbox.is-checked.is-demonstrated label::before {
  background-color: #ff6c0c;
}
.field-checkbox.is-checked.is-connected {
  border-color: #00b3e6;
}
.field-checkbox.is-checked.is-connected label::before {
  background-color: #00b3e6;
}
.field-checkbox.is-checked.is-focused {
  border-color: #b34fc5;
}
.field-checkbox.is-checked.is-focused label::before {
  background-color: #b34fc5;
}
.field-checkbox.is-checked.is-led {
  border-color: #84be41;
}
.field-checkbox.is-checked.is-led label::before {
  background-color: #84be41;
}
.field-checkbox input {
  margin: 0;
  width: 64px;
  height: 60px;
}
.field-checkbox label {
  display: block !important;
  margin: 0 !important;
  height: 60px !important;
  padding: 0 !important;
  padding-left: 90px !important;
  font-size: 1.8rem !important;
  line-height: 64px !important;
}
.field-checkbox label::before {
  top: -2px !important;
  left: -2px !important;
  width: 64px !important;
  height: 64px !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: #e4e4e4;
}
.field-checkbox label::after {
  top: -2px !important;
  left: -2px !important;
  width: 64px !important;
  height: 64px !important;
  transform: rotate(0deg) !important;
  background: transparent url('../images/icon-ok.svg') no-repeat center !important;
}


.input::-moz-placeholder, .textarea::-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.input:-moz-placeholder, .textarea:-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}  





/*==================== Columns System ===========================================*/

.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}


.column.is-narrow {
  flex-grow: 0;	
  flex-shrink: 0;
}


.columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
  display: flex;
}

@media (max-width: 768px) {
.columns: {
    display: block;
}	
}

.columns:last-child {
  margin-bottom: -0.75rem;
}
.columns:not(:last-child) {
  margin-bottom: calc(1.5rem - 0.75rem);
}
.columns.is-centered {
  justify-content: center;
}


/*=====================================*/




.resourceSection-footer .nav-left div {
  background-image: url(../includes/icons/icon-left-arrow-yellow.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.resourceSection-footer .nav-right div {
  background-image: url(../includes/icons/icon-right-arrow-yellow.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

@media (max-width: 1024px) {
  .resourceSection-footer .nav-arrow {
    width: 100%;
  }
  .resourceSection-footer .nav-arrow strong,
  .resourceSection-footer .nav-title {
    display: none;
  }
}


.pageSection .button.wpcf7-submit{padding-left:20px;padding-right:20px}
.pageSection .footerForm-input input.wpcf7-text:focus,
.pageSection .footerForm-input input.wpcf7-text{border:3px solid #ccdcf6;border-color: rgba(50, 115, 220, 0.25);color:#23313B;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.pageSection .footerForm-input input.wpcf7-text{margin:20px 0}
.pageSection .footerForm-input input.wpcf7-text.input::-webkit-input-placeholder{color:#757575 !important;opacity:1}
.pageSection .footerForm-input input.wpcf7-text.input::-moz-placeholder{color:#757575 !important;opacity:1}
.pageSection .footerForm-input input.wpcf7-text.input:-ms-input-placeholder{color:#757575 !important;opacity:1}
.pageSection .footerForm-input input.wpcf7-form-control::placeholder{color:#757575 !important;opacity:1}

@media (max-width: 1240px) {
    #resources-filters .col-sm-12 {
        width: auto;
        left: 29%;
    }
}

@media (max-width: 768px) {
    .site-footer .col-sm-4 {
        width: 33.33333333%;
        float: left;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    
    .site-footer .title.is-label {
        font-size: 1.7rem;
    }
    
    .site-footer .menu-list a {
        display: inline;
    }
    
    #resources-filters .col-sm-12 {
        left: 0;
    }
}