/**
 * Variables
 */
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

 :root {
   /* New set */
   --primary: #FFCC18;
   --secondary: #3e4182;
   --dark: #2a2e52;
   --light: #edeef5;
   --border: #cccccc;
   --body-bg: #ffffff;
   --text-color: #222222;
   --bold-color: #111111;
   /* Font */
   --body-font:   "Montserrat", sans-serif;
 
   --heading-font:  'Montserrat', sans-serif;;
   /* Extra */
   --shadow: 0 0 8px 4px var(--light);
 }
 
 /* HTML and Body
 ---------------------------------------- */
 body {
   font-family: var(--body-font)!important;
   background: var(--body-bg);
   color: var(--text-color);
 }
 
 /* Regions
 ---------------------------------------- */
 summary {
   color: var(--text-color);
 }
 
 /* Typography
 ---------------------------------------- */
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: var(--heading-font);
   font-weight: 700;
   color: var(--bold-color);
 }
 
 strong {
   color: var(--bold-color);
 }
 
 a {
   -webkit-transition: color 0.4s ease;
   transition: color 0.4s ease;
 }
 
 a,
 a:active,
 li a.active {
   color: var(--secondary);
 }
 
 a:hover {
   color: var(--primary);
 }
 
 /* Typography-> code tags */
 code,
 kbd,
 pre,
 samp {
   background: var(--dark);
   color: #ffffff;
 }
 
 mark {
   background: var(--secondary);
   color: #ffffff;
 }
 
 figcaption {
   background: var(--secondary);
   color: #ffffff;
 }
 
 /* Form
 ---------------------------------------- */
 /* Form -> Button */
 a.button,
 .button,
 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
   background-color: var(--secondary);
   color: #ffffff;
   border: 2px solid var(--primary);
   border-radius: 8px;
   -webkit-transition: all 0.4s linear;
   transition: all 0.4s linear;
 }
 
 a.button:hover,
 .button:hover,
 button:hover,
 [type="button"]:hover,
 [type="reset"]:hover,
 [type="submit"]:hover {
   background-color: var(--dark);
   color: var(--primary);
 }
 
 input[type="text"],
 input[type="email"],
 input[type="url"],
 input[type="password"],
 input[type="search"],
 textarea {
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
 }
 
 input[type="text"],
 input[type="email"],
 input[type="url"],
 input[type="password"],
 input[type="search"],
 textarea {
   color: var(--text-color);
   background-color: var(--light);
   border: 1px solid var(--border);
 }
 
 input[type="text"]:focus,
 input[type="email"]:focus,
 input[type="url"]:focus,
 input[type="password"]:focus,
 input[type="search"]:focus,
 textarea:focus {
   border: 1px solid var(--primary);
   background: #f0f0f0;
 }
 
 fieldset {
   border: 1px solid var(--border);
 }
 
 /* Form -> Label */
 .form-item label,
 form label {
   font-weight: 700;
   color: var(--bold-color);
 }
 
 summary {
   font-family: var(--heading-font);
   font-weight: 700;
 }
 
 /* Form -> Radio buttons */
 input[type="radio"],
 input[type="checkbox"] {
   border: 2px solid var(--secondary);
 }
 
 input[type="radio"]:hover,
 input[type="checkbox"]:hover {
   border: 2px solid var(--primary);
 }
 
 input[type="radio"]:checked,
 input[type="checkbox"]:checked {
   background-color: var(--primary);
   color: #000000;
 }
 
 input[type="checkbox"] {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
 }
 
 input[type="checkbox"]::after {
   content: '\2714';
   text-align: center;
   display: none;
 }
 
 input[type="checkbox"]:checked::after {
   display: block;
 }
 
 select {
   color: var(--text-color);
   background: #eeeeee;
   border: 1px solid var(--border);
 }
 
 ::-webkit-input-placeholder {
   color: var(--border);
 }
 
 :-ms-input-placeholder {
   color: var(--border);
   opacity: 1;
 }
 
 ::-ms-input-placeholder {
   color: var(--border);
   opacity: 1;
 }
 
 ::placeholder {
   color: var(--border);
   opacity: 1;
 }
 
 :-ms-input-placeholder {
   color: var(--border);
 }
 
 ::-ms-input-placeholder {
   color: #969696;
 }
 
 :-moz-placeholder {
   color: var(--border);
 }
 
 ::-moz-placeholder {
   color: var(--border);
 }
 
 /* Common HTML Elements
 ---------------------------------------- */
 hr {
   background-color: var(--border);
 }
 
 dt {
   color: var(--bold-color);
 }
 
 blockquote {
   background: var(--light);
   -webkit-box-shadow: 2px 2px 6px var(--border);
           box-shadow: 2px 2px 6px var(--border);
   border-left: 8px solid var(--secondary);
 }
 
 /* Table
 ---------------------------------------- */
 th {
   background: var(--secondary);
   color: #fff;
   border: 1px solid var(--header-top-bg);
 }
 
 td {
   border: 1px solid var(--border);
 }
 
 /* Selection
 ---------------------------------------- */
 ::-moz-selection {
   background: var(--primary);
   color: #fff;
   text-shadow: none;
 }
 
 ::selection {
   background: var(--primary);
   color: #fff;
   text-shadow: none;
 }
 
 @font-face {
   font-family: 'ficon';
   src: url("../fonts/ficon.ttf?ce63e9") format("truetype"), url("../fonts/ficon.woff?ce63e9") format("woff"), url("../fonts/ficon.svg?ce63e9#ficon") format("svg");
   font-weight: normal;
   font-style: normal;
   font-display: block;
 }
 
 [class^="ficon-"], [class*=" ficon-"] {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: 'ficon' !important;
   speak: never;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 .ficon-mail:before {
   content: "\f003";
 }
 
 .ficon-map:before {
   content: "\f041";
 }
 
 .ficon-calendar:before {
   content: "\f073";
 }
 
 .ficon-phone:before {
   content: "\f095";
 }
 
 .ficon-twitter:before {
   content: "\f099";
 }
 
 .ficon-facebook:before {
   content: "\f09a";
 }
 
 .ficon-github:before {
   content: "\f09b";
 }
 
 .ficon-linkedin:before {
   content: "\f0e1";
 }
 
 .ficon-youtube:before {
   content: "\f16a";
 }
 
 .ficon-instagram:before {
   content: "\f16d";
 }
 
 .ficon-vk:before {
   content: "\f189";
 }
 
 .ficon-whatsapp:before {
   content: "\f232";
 }
 
 .ficon-vimeo:before {
   content: "\f27d";
 }
 
 .ficon-user:before {
   content: "\f2c0";
 }
 
 .ficon-telegram:before {
   content: "\f2c6";
 }
 
 .ficon-comments:before {
   content: "\e900";
 }
 
 .ficon-add_comment:before {
   content: "\e901";
 }
 
 .ficon-tag:before {
   content: "\e902";
 }
 
 .ficon-file:before {
   content: "\e903";
 }
 
 .ficon-search:before {
   content: "\e904";
 }
 
 .ficon-arrow-right:before {
   content: "\f178";
 }
 
 .ficon-angle-right:before {
   content: "\f105";
 }
 
 .ficon-share:before {
   content: "\f1e0";
 }
 
 .ficon-check-circle:before {
   content: "\e905";
 }
 
 ul.page-tabs {
   border-bottom: 2px solid var(--secondary);
 }
 
 .page-tabs li a {
   background: #dddddd;
   color: var(--secondary);
   border-right: 2px solid var(--secondary);
 }
 
 .page-tabs li.active-page-tab a,
 .page-tabs li a:hover {
   background: var(--secondary);
 }
 
 /* Filter Module */
 .filter-wrapper {
   border: 1px solid var(--border);
 }
 
 /* Block edit button for admin */
 /* Header Top
 ------------------------------- */
 .header-top {
   background: var(--dark);
   color: var(--light);
 }
 
 .header-top a {
   color: var(--light);
 }
 
 .header-top a:hover,
 .header-top i {
   color: var(--primary);
 }
 
 .header-contact-info {
   display: inline-block;
   padding-right: 1rem;
 }
 
 .header-contact-info:last-child {
   padding-right: 0;
 }
 
 /* Header
 ------------------------------- */
 .header {
   background: var(--secondary);
   color: #ffffff;
 }
 
 .header a,
 .page-header a {
   color: var(--primary);
 }
 
 .header-container {
   padding: 1rem 0;
 }
 
 .site-brand img {
   max-height: 50px;
   display: block;
 }
 
 .site-name {
   color: var(--primary);
   font-weight: 700;
 }
 
 .site-name a:hover {
   color: #ffffff;
 }
 
 /* Header -> Main menu */
 .mobile-menu {
   border-top: 2px solid #ffffff;
   border-bottom: 2px solid #ffffff;
 }
 
 .mobile-menu span {
   background-color: #ffffff;
 }
 
 .menu-wrap {
   font-family: var(--heading-font);
   /* font-weight: 700; */
 }
 
 .menu-wrap ul.menu > li {
   margin-left: 6px;
 }
 
 .menu-wrap ul.menu li > a {
   padding: 10px;
 }
 
 /* Header -> search block region */
 .search-icon {
   width: 36px;
   height: 36px;
 }
 
 .search-icon img {
   max-height: 30px;
 }
 
 .search-box {
   background-color: var(--dark);
 }
 
 .search-box-content .block-title,
 .search-box-content form label {
   color: #ffffff;
 }
 
 .search-box-content input[type="search"] {
   background: url(../images/icons/search-icon.svg) top right no-repeat;
   color: #ffffff;
   -webkit-text-fill-color: #ffffff;
   border-bottom: 2px solid var(--border);
 }
 
 .search-box-content input[type="search"]:focus {
   background: url(../images/icons/search-icon.svg) top right no-repeat;
   border: 0;
   border-bottom: 2px solid var(--border);
 }
 
 .search-box-content input[type="search"]:-webkit-autofill {
   -webkit-box-shadow: 0 0 0px 1000px var(--dark) inset;
   background-color: transparent;
   color: #ffffff;
 }
 
 .header-search-close {
   border: 3px solid var(--primary);
 }
 
 /* Header -> Page header */
 .page-header {
   background: var(--secondary);
   color: #ffffff;
 }
 
 .page-header a:hover {
   color: #ffffff;
 }
 
 .region-page-header {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 
 .breadcrumb {
   color: var(--light);
 }
 
 .page-header .page-title {
   color: #ffffff;
 }
 
 /*
  * Slider
  */
 .slider {
   position: relative;
   background-color: var(--secondary);
   height: calc(100vh - 2rem);
   max-height: calc(100vh - 2rem);
   width: 100%;
   z-index: 20;
   overflow: hidden;
 }
 
 .slider-content {
   color: #ffffff;
 }
 
 .slider-content h1,
 .slider-content h2,
 .slider-content h3,
 .slider-content h4,
 .slider-content h5,
 .slider-content h6 {
   color: #ffffff;
   line-height: 1.2;
 }
 
 .slider-content h1 {
   font-size: 1.8rem;
 }
 
 .slider-content h2 {
   font-size: 1.6rem;
 }
 
 .slider-content h3 {
   font-size: 1.4rem;
 }
 
 .slider-content h4 {
   font-size: 1.2rem;
 }
 
 .slider-content em {
   color: var(--primary);
 }
 
 .slider-content p {
   font-size: 1rem;
 }
 
 /* Slider -> Single slide */
 .single-slide-image img {
   height: calc(100vh - 2rem);
   width: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
 .single-slide-text-container {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   height: 0;
   width: 100%;
   height: 100%;
 }
 
 .single-slide-text {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   text-align: center;
   width: 100%;
   height: calc(100vh - 2rem);
 }
 
 /* Slider Animations */
 @-webkit-keyframes fadeInUp {
   from {
     opacity: 0;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0);
   }
   to {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }
 
 @keyframes fadeInUp {
   from {
     opacity: 0;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0);
   }
   to {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }
 
 .fadeInUp {
   -webkit-animation-name: fadeInUp;
   animation-name: fadeInUp;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
 }
 
 @-webkit-keyframes fadeOutLeft {
   from {
     opacity: 1;
   }
   to {
     opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
   }
 }
 
 @keyframes fadeOutLeft {
   from {
     opacity: 1;
   }
   to {
     opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
   }
 }
 
 .fadeOutLeft {
   -webkit-animation-name: fadeOutLeft;
   animation-name: fadeOutLeft;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
 }
 
 .layer1,
 .layer2,
 .layer3,
 .layer4,
 .layer5,
 .layer6 {
   opacity: 0;
   filter: alpha(opacity=0);
   -webkit-transition: all ease 1s;
   transition: all ease 1s;
   margin-bottom: 12px;
 }
 
 .tns-slide-active .layer1,
 .tns-slide-active .layer2,
 .tns-slide-active .layer3,
 .tns-slide-active .layer4,
 .tns-slide-active .layer5,
 .tns-slide-active .layer6 {
   visibility: visible;
   opacity: 1;
   filter: alpha(opacity=100);
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
 }
 
 .layer1,
 .layer4 {
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);
 }
 
 .layer2,
 .layer5 {
   -webkit-transform: translate3d(0, -100%, 0);
   transform: translate3d(0, -100%, 0);
 }
 
 .layer3,
 .layer6 {
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
 }
 
 .tns-slide-active .layer1 {
   -webkit-transition-delay: 1s;
   transition-delay: 1s;
 }
 
 .tns-slide-active .layer2 {
   -webkit-transition-delay: 3s;
   transition-delay: 3s;
 }
 
 .tns-slide-active .layer3 {
   -webkit-transition-delay: 4s;
   transition-delay: 4s;
 }
 
 .tns-slide-active .layer4 {
   -webkit-transition-delay: 5s;
   transition-delay: 5s;
 }
 
 .tns-slide-active .layer5 {
   -webkit-transition-delay: 6s;
   transition-delay: 6s;
 }
 
 .tns-slide-active .layer6 {
   -webkit-transition-delay: 7s;
   transition-delay: 7s;
 }
 
 /* Slider Responsive */
 @media (min-width: 992px) {
   .single-slide-text {
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     text-align: left;
     width: 70%;
   }
   .slider-content h1 {
     font-size: 2.4rem;
   }
   .slider-content h2 {
     font-size: 2rem;
   }
   .slider-content h3 {
     font-size: 1.6rem;
   }
   .slider-content h4 {
     font-size: 1.2rem;
   }
   .slider-content em {
     font-style: normal;
     color: var(--primary);
   }
   .slider-content p {
     font-size: 1.2rem;
   }
 }
 
 /* Nodes */
 .node,
 .node-promoted,
 .node-sticky,
 .node-view-mode-full,
 .node-unpublished {
   position: relative;
 }
 
 .node-view-mode-teaser {
   position: relative;
   margin-bottom: 4rem;
   -webkit-box-shadow: var(--shadow);
           box-shadow: var(--shadow);
   padding: 1rem;
 }
 
 .node-view-mode-teaser.node-sticky {
   border: 2px solid var(--border);
   padding: 1rem;
 }
 
 .node-view-mode-full .node-taxonomy-container {
   margin: 0;
 }
 
 /* Node Submitted Details */
 .node-submitted-details {
   font-weight: 700;
 }
 
 .submitted-icons {
   color: var(--primary);
 }
 
 /* Tag container title */
 .node-taxonomy-container .term-title::before {
   font-family: 'ficon';
   content: "\e902";
   color: var(--primary);
   padding-right: 6px;
 }
 
 .taxonomy-term a {
   background-color: var(--light);
   border: 1px solid var(--primary);
   padding: 4px 16px;
   border-radius: 8px;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 
 .taxonomy-term a:hover {
   background-color: var(--primary);
   color: var(--dark);
 }
 
 .node-readmore a {
   background-color: var(--primary);
   padding: 4px 10px;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 
 .node-readmore a:hover {
   background-color: var(--secondary);
   color: #ffffff;
 }
 
 .comment-add,
 .comment-comments {
   position: relative;
 }
 
 .comment-comments::before {
   font-family: 'ficon';
   content: "\e900";
   color: var(--primary);
   padding-right: 4px;
 }
 
 .comment-add::before {
   content: "\e901";
   font-family: 'ficon';
   color: var(--primary);
   padding-right: 4px;
 }
 
 /* Feed Icon */
 .feed-icon {
   background: url(../images/feed.svg) no-repeat;
   padding-left: 22px;
 }
 
 /* Comments
 --------------------------------------*/
 #comments {
   border-top: 1px solid var(--border);
 }
 
 #comments i {
   color: var(--primary);
 }
 
 /* Comments -> comment form. */
 /* Comments -> single comment */
 .comment {
   -webkit-box-shadow: 3px 3px #cccccc;
           box-shadow: 3px 3px #cccccc;
 }
 
 .comment-header {
   background-color: #dcdee2;
   border-bottom: 2px solid #cccccc;
 }
 
 .comment-user-picture {
   padding: 0 1rem;
   border-right: 2px solid #cccccc;
   -ms-flex: 0 0 100px;
   -webkit-box-flex: 0;
           flex: 0 0 100px;
 }
 
 .comment-title,
 .comment-title a {
   color: var(--header-bg);
   font-weight: 400;
 }
 
 .comment-reply a,
 .comment-delete a,
 .comment-edit a {
   padding: 5px 12px;
   color: #fff;
   background: var(--header-bg);
   border-radius: 4px;
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }
 
 .comment-reply a:hover,
 .comment-delete a:hover,
 .comment-edit a:hover {
   background: var(--primary);
   color: #ffffff;
 }
 
 .sidebar .block {
   background-color: var(--light);
   padding: 20px;
   margin-bottom: 2rem;
   -webkit-box-shadow: 0 2px 2px var(--border);
           box-shadow: 0 2px 2px var(--border);
 }
 
 .sidebar .block-title {
   font-size: 1.6rem;
   text-transform: none;
   padding-bottom: 8px;
   margin-bottom: 10px;
 }
 
 .sidebar .block-title::before,
 .sidebar .block-title::after {
   content: '';
   position: absolute;
   left: 0;
   height: 2px;
 }
 
 .sidebar .block-title::before {
   background: var(--primary);
   width: 20px;
   bottom: 6px;
 }
 
 .sidebar .block-title::after {
   background: var(--secondary);
   width: 40px;
   bottom: 0;
 }
 
 /*
  * Sliding sidebar
  */
 .sliding-sidebar-icon {
   margin-left: 20px;
   border-top: 2px solid #ffffff;
   border-bottom: 2px solid #ffffff;
 }
 
 .sliding-sidebar-icon span {
   height: 2px;
   width: 70%;
   background-color: var(--primary);
   -webkit-transition: width 0.3s ease;
   transition: width 0.3s ease;
 }
 
 .sliding-sidebar-icon:hover span {
   width: 100%;
 }
 
 .sliding-sidebar-container {
   background: var(--light);
   color: var(--text-color);
   -webkit-box-shadow: -2px 0 14px var(--dark);
           box-shadow: -2px 0 14px var(--dark);
 }
 
 .sliding-sidebar-container .block-title {
   text-align: center;
 }
 
 .sliding-sidebar-container .block-title::before,
 .sliding-sidebar-container .block-title::after {
   position: absolute;
   content: '';
   top: 50%;
   width: 24px;
   height: 2px;
   background-color: var(--secondary);
 }
 
 .sliding-sidebar-container .block-title::before {
   -webkit-transform: translateX(-34px);
           transform: translateX(-34px);
 }
 
 .sliding-sidebar-container .block-title::after {
   -webkit-transform: translateX(10px);
           transform: translateX(10px);
 }
 
 /*
  * Footer
  */
 .footer-top {
   background-color: var(--secondary);
   color: var(--light);
 }
 
 .footer-blocks,
 .footer-bottom-blocks,
 .footer-bottom,
 .footer-social {
   background-color: var(--primary);
   color: var(--light);
 }
 
 .footer .block-title {
   position: relative;
   font-size: 1.6rem;
   color: #ffffff;
   padding-bottom: 12px;
   margin-bottom: 12px;
 }
 
 .footer .block-title::before,
 .footer .block-title::after {
   content: '';
   position: absolute;
   left: 0;
   height: 2px;
   background: var(--primary);
 }
 
 .footer .block-title::before {
   width: 30px;
   bottom: 6px;
 }
 
 .footer .block-title::after {
   width: 60px;
   bottom: 0;
 }
 
 .footer a {
   color: var(--primary);
 }
 
 .footer a:hover {
   color: #ffffff;
 }
 
 .footer-block ul {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 
 .footer-block li {
   padding: 10px 0;
   border-bottom: 1px solid #000000;
 }
 
 .footer-bottom-container {
   border-top: 2px solid #000000;
 }
 
 /* Footer -> customization */
 .footer-logo {
   max-height: 100px;
   width: auto;
 }
 
 /*
  * Frontpage
  */
 .homepage-content .block-title {
   text-align: center;
   margin-bottom: 1rem;
 }
 
 .frontpage-main .block,
 .homepage-content .block {
   margin-bottom: 5rem;
 }
 
 .region-content-home-top .block {
   padding: 4rem 0;
 }
 
 .region-content-home-top .block:nth-child(even) {
   position: relative;
   background: #f0f0f0;
 }
 
 .region-content-home-top .block:last-child {
   margin: 0;
 }
 
 /* Components -> Page Loader */
 .loader {
   position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background: #ffffff;
   z-index: 9999;
   overflow: hidden;
 }
 
 .loader-inner {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }
 
 .loader-icon {
   width: 72px;
   height: 72px;
   display: block;
   padding: 0px;
 }
 
 .loader-icon span {
   background: var(--primary);
   position: absolute;
   display: inline-block;
   width: 72px;
   height: 72px;
   border-radius: 50%;
   -webkit-animation: preloader 1.8s linear infinite;
   animation: preloader 1.8s linear infinite;
 }
 
 .loader-icon span:last-child {
   animation-delay: -0.9s;
   -webkit-animation-delay: -0.9s;
 }
 
 @keyframes preloader {
   0% {
     -webkit-transform: scale(0, 0);
     transform: scale(0, 0);
     opacity: 0.5;
   }
   100% {
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1);
     opacity: 0;
   }
 }
 
 @-webkit-keyframes preloader {
   0% {
     -webkit-transform: scale(0, 0);
     opacity: 0.5;
   }
   100% {
     -webkit-transform: scale(1, 1);
     opacity: 0;
   }
 }
 
 /* Components -> Social icons */
 .footer-social {
   padding: 1rem 0;
 }
 
 .social-icons li {
   display: inline-block;
   margin: 0;
 }
 
 .social-icons li a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: 44px;
   height: 44px;
   border: 2px solid #000000;
   border-radius: 6px;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 
 .social-icons li a:hover {
   border: 2px solid var(--primary);
 }
 
 /* Components -> Share page */
 .share-node {
   position: relative;
   padding: 1rem 0;
 }
 
 ul.share-icons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0;
   padding: 0;
   list-style: none;
 }
 
 .share-icons li {
   margin: 0;
   padding: 0;
   border-right: 1px solid var(--primary);
 }
 
 .share-icons li:last-child {
   border-right: 0;
 }
 
 .share-icons li a {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   background-color: var(--secondary);
   color: var(--primary);
   width: 32px;
   height: 32px;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 
 .share-icons li a:hover {
   color: #ffffff;
   background-color: var(--primary);
 }
 
 /* components -> Cookies consent */
 .cookiealert {
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   z-index: 150;
   background: var(--dark);
   color: #ffffff;
   padding: 10px 0;
   margin: 0 !important;
   text-align: center;
   opacity: 0;
   -webkit-transform: translateY(100%);
           transform: translateY(100%);
   -webkit-transition: all 500ms ease-out;
   transition: all 500ms ease-out;
 }
 
 .cookiealert p {
   margin: 0;
 }
 
 .cookiealert.show {
   opacity: 1;
   -webkit-transform: translateY(0%);
           transform: translateY(0%);
   -webkit-transition-delay: 1000ms;
           transition-delay: 1000ms;
 }
 
 /* components -> Scroll To Top. */
 .scrolltop {
   background: var(--primary);
   color: #000000;
 }
 
 .scrolltop:hover {
   background: var(--secondary);
   color: #ffffff;
 }
 
 /* Elements -> Close Drupal System Message */
 .message-close {
   position: absolute;
   right: 4px;
   top: 8px;
 }
 
 /* Elements -> Admin tabs */
 .page-tabs li a {
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 
 .page-tabs li.active-page-tab a,
 .page-tabs li a:hover {
   color: var(--primary);
 }
 
 /* Elements -> Table */
 .table {
   -webkit-box-shadow: var(--shadow);
           box-shadow: var(--shadow);
 }
 
 /* 
  * Shortcodes -> List styles
  */
 .check-list {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 
 .check-list li {
   position: relative;
 }
 
 .check-list li::before {
   font-family: 'ficon';
   content: "\e905";
   color: var(--primary);
   padding-right: 6px;
 }
 
 /* 
  * Shortcodes -> Buttons
  */
 .link-button,
 .button-link,
 .button-dark {
   display: inline-block;
   border-radius: 30px;
   padding: 0.8rem 1.8rem;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 
 .link-button,
 .button-link {
   color: #ffffff;
   background-color: var(--secondary);
   border: 2px solid var(--primary);
 }
 
 .link-button:hover,
 .button-link:hover {
   color: var(--primary);
   background-color: var(--dark);
   border: 2px solid var(--primary);
 }
 
 .button-dark {
   background-color: var(--dark);
   color: var(--primary);
   border: 2px solid var(--primary);
 }
 
 .button-dark:hover {
   color: #ffffff;
   border: 2px solid var(--primary);
 }
 
 .button-outline,
 a.button-outline,
 button.button-outline {
   background-color: transparent;
   color: var(--secondary);
   border: 2px solid var(--primary);
 }
 
 .button-outline:hover,
 a.button-outline:hover,
 button.button-outline:hover {
   background-color: transparent;
   color: var(--primary);
   border: 2px solid var(--secondary);
 }
 
 .button-round,
 a.button-round,
 button.button-round {
   border-radius: 60px;
   padding: 8px 1em;
 }
 
 /* Accordion and Toggle
 ================================= */
 .accordion-title::after,
 .toggle-title::after {
   font-size: 1.4rem;
 }
 
 .accordion-content,
 .toggle-content {
   -webkit-box-shadow: 1px 1px 2px var(--border), -1px 0 2px var(--border);
           box-shadow: 1px 1px 2px var(--border), -1px 0 2px var(--border);
 }
 
 /* Text Slider
 ================================= */
 .sliding-titles::after {
   position: absolute;
   content: '';
   width: 100%;
   height: 2px;
   background-color: var(--secondary);
   width: 0px;
   -webkit-animation: fullborderwidth 3s linear infinite;
           animation: fullborderwidth 3s linear infinite;
 }
 
 @-webkit-keyframes fullborderwidth {
   to {
     width: 100%;
   }
 }
 
 @keyframes fullborderwidth {
   to {
     width: 100%;
   }
 }
 
 /* 
  * Features
  */
 .features {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (minmax(265px, 1fr))[auto-fit];
       grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
   grid-gap: 1rem;
   gap: 1rem;
 }
 
 .feature {
   background-color: #ffffff;
   padding: 2rem;
   -webkit-box-shadow: 0 0 8px 4px var(--light);
   -ms-box-shadow: 0 0 8px 4px var(--light);
   box-shadow: 0 0 8px 4px var(--light);
   -webkit-transition: all 0.4s linear;
   transition: all 0.4s linear;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
 }
 
 .feature:hover {
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   -webkit-transform: translateY(-20px);
   transform: translateY(-20px);
 }
 
 .feature-icon {
   margin-bottom: 1.5rem;
   padding: 2rem;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   background-color: var(--primary);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   color: #ffffff;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   -webkit-box-shadow: 0 0 10px 2px #ffffff;
           box-shadow: 0 0 10px 2px #ffffff;
 }
 
 .feature:hover .feature-icon {
   background-color: #ffffff;
   -webkit-box-shadow: 0 0 10px 2px var(--border);
   box-shadow: 0 0 10px 2px var(--border);
 }
 
 .feature .link-button {
   display: inline-block;
 }
 
 /* 
  * Icon Box
  */
 .icon-box,
 .icon-box2 {
   position: relative;
   font-family: var(--body-font);
   background-color: #ffffff;
   -webkit-box-shadow: 0 0 8px 4px var(--light);
           box-shadow: 0 0 8px 4px var(--light);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 
 .icon-box {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   text-align: center;
   padding: 1rem;
 }
 
 .icon-box-icon {
   -webkit-transition: all .3s ease-out;
   transition: all .3s ease-out;
 }
 
 .icon-box .icon-box-icon {
   margin-bottom: 1rem;
 }
 
 .icon-box i,
 .icon-box2 i {
   font-size: 3em;
   color: var(--primary);
 }
 
 .icon-box:hover .icon-box-icon,
 .icon-box2:hover .icon-box-icon {
   -webkit-transform: translateY(-10px);
   transform: translateY(-10px);
 }
 
 .icon-box p:last-child,
 .icon-box2 p:last-child,
 .icon-box-content p:last-child {
   margin: 0;
 }
 
 /* Icon Box -> Icon Box style 2 */
 .icon-box2 {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
   font-family: var(--body-font);
   background-color: #ffffff;
   -webkit-box-shadow: 0 0 8px 4px var(--light);
           box-shadow: 0 0 8px 4px var(--light);
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   padding: 2rem 1rem;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 
 .icon-box2 .icon-box-icon {
   -webkit-box-flex: 1;
       -ms-flex: auto;
           flex: auto;
   padding-right: 1rem;
 }
 
 /* 
  * Notice
  */
 .notice-block {
   position: relative;
   background-color: var(--primary);
   padding: 1rem;
   width: 100%;
 }
 
 .notice-block .views-row {
   padding: 1rem 0;
 }
 
 .notice-block .views-field-title {
   font-family: var(--heading-font);
   font-size: 1.4rem;
   font-weight: 700;
 }
 
 .notice-block .views-field-title a {
   color: var(--dark);
 }
 
 .notice-block .views-field-title a:hover {
   color: #ffffff;
 }
 
 .notice-block .views-row {
   padding: 1rem 0;
   border-bottom: 1px solid var(--dark);
 }
 
 /* 
  * Tab, Toggle, accordion
  */
 .tab-nav a {
   color: var(--dark);
 }
 
 .active-tab a,
 .tab-nav a:hover {
   color: var(--dark);
   background-color: var(--primary);
   border-bottom-color: var(--primary);
 }
 
 .accordion-title,
 .toggle-title {
   background-color: var(--light);
   border-radius: 5px;
 }
 
 .accordion-title::after,
 .toggle-title::after {
   color: var(--dark);
 }
 
 .active-accordion,
 .active-toggle {
   background-color: var(--secondary);
   color: #ffffff;
 }
 
 .active-accordion::after,
 .active-toggle::after {
   color: var(--primary);
 }
 
 /*
  * Title styles
  */
 .text-underline,
 .text-underline-secondary {
   position: relative;
 }
 
 .text-underline::before,
 .text-underline-secondary::before {
   position: absolute;
   content: '';
   height: 0.2em;
   width: 100%;
   bottom: 0.2em;
   opacity: 0.4;
   -webkit-transition: all 0.6s ease;
   transition: all 0.6s ease;
 }
 
 .text-underline::before {
   background-color: var(--primary);
 }
 
 .text-underline-secondary::before {
   background-color: var(--secondary);
 }
 
 .text-underline:hover::before,
 .text-underline-secondary:hover::before {
   height: 1em;
 }
 
 .text-underline-wavy {
   -webkit-text-decoration: underline var(--primary) wavy;
           text-decoration: underline var(--primary) wavy;
   text-underline-position: under;
 }
 
 /* Title styles -> Stroke */
 .text-stroke {
   color: transparent;
   -webkit-text-stroke: 2px;
   -webkit-text-stroke-color: var(--dark);
 }
 
 .text-stroke-black {
   color: transparent;
   -webkit-text-stroke: 2px;
   -webkit-text-stroke-color: #000000;
 }
 
 .text-stroke-white {
   color: transparent;
   -webkit-text-stroke: 2px;
   -webkit-text-stroke-color: #ffffff;
 }
 
 /* 
  * Box, Card
  */
 .box,
 .card {
   background-color: #ffffff;
   -webkit-box-shadow: 0 0 8px 4px var(--light);
           box-shadow: 0 0 8px 4px var(--light);
 }
 
 .box-primary {
   color: var(--dark);
 }
 
 .box-secondary {
   color: #ffffff;
 }
 
 .box-dark h1, .box-dark h2, .box-dark h3, .box-dark h4, .box-dark h5, .box-dark h6,
 .box-secondary h1, .box-secondary h2, .box-secondary h3, .box-secondary h4, .box-secondary h5, .box-secondary h6 {
   color: var(--primary);
 }
 
 .box-title {
   border-radius: 4px;
 }
 
 /*
  * Tiny carousel
  */
 .tns-controls {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
 }
 
 .tns-controls button {
   margin: 0 3px;
 }
 
 /*
  * Team
  */
 .team-carousel .team {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   background-color: #ffffff;
   margin-bottom: 10px;
 }
 
 .team-carousel.tns-subpixel > .tns-item {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
 
 .team-carousel .team-info {
   -webkit-box-shadow: inset -8px 0 var(--light);
           box-shadow: inset -8px 0 var(--light);
 }
 
 .team {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-shadow: var(--shadow);
           box-shadow: var(--shadow);
 }
 
 .team-image {
   -webkit-box-flex: 1;
       -ms-flex: 1;
           flex: 1;
 }
 
 .team-info {
   -webkit-box-flex: 1;
       -ms-flex: 1;
           flex: 1;
   padding: 1rem;
 }
 
 .team-name {
   position: relative;
   padding-bottom: 8px;
   margin-bottom: 10px;
 }
 
 .team-name::before,
 .team-name::after {
   content: '';
   position: absolute;
   left: 0;
   height: 2px;
 }
 
 .team-name::before {
   background: var(--primary);
   width: 20px;
   bottom: 6px;
 }
 
 .team-name::after {
   background: var(--secondary);
   width: 40px;
   bottom: 0;
 }
 
 .social-link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0;
   padding: 0;
   list-style: none;
 }
 
 .social-link li {
   margin: 0;
   padding: 0;
   border-right: 1px solid var(--primary);
 }
 
 .social-link li:last-child {
   border-right: none;
 }
 
 .social-link li a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   background-color: var(--secondary);
   color: var(--primary);
   width: 32px;
   height: 32px;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 
 .social-link li a:hover {
   background-color: var(--primary);
   color: #ffffff;
 }
 
 /*
 * Style version of elements
 */
 .primary-version {
   background-color: var(--primary);
 }
 
 .primary-version a:hover {
   color: #ffffff;
 }
 
 .primary-version .button,
 .primary-version a.button {
   border: 0;
 }
 
 .secondary-version {
   background-color: var(--secondary);
   color: #ffffff;
 }
 
 .secondary-version h1,
 .secondary-version h2,
 .secondary-version h3,
 .secondary-version h4,
 .secondary-version h5,
 .secondary-version h6,
 .secondary-version strong {
   color: var(--light);
 }
 
 .dark-version {
   background-color: var(--dark);
   color: #ffffff;
 }
 
 .dark-version a {
   color: var(--primary);
 }
 
 .dark-version h1,
 .dark-version h2,
 .dark-version h3,
 .dark-version h4,
 .dark-version h5,
 .dark-version h6,
 .dark-version strong {
   color: var(--light);
 }
 
 .light-version {
   background-color: var(--light);
 }
 
 .white-version {
   background-color: #ffffff;
 }
 
 @media (min-width: 768px) {
   /* Header */
   .site-brand img {
     max-height: 60px;
   }
   /* Header -> Page Header */
   .page-header {
     padding: 5rem 0 5rem 0;
   }
   /* Frontpage */
   .homepage-content .block-title::before {
     position: absolute;
     content: '';
     width: 40px;
     height: 2px;
     background: var(--primary);
     top: 50%;
     -webkit-transform: translateX(-50px);
     transform: translateX(-50px);
   }
   .homepage-content .block-title::after {
     position: absolute;
     content: '';
     width: 40px;
     height: 2px;
     background: var(--primary);
     top: 50%;
     -webkit-transform: translateX(10px);
     transform: translateX(10px);
   }
   .region-content-home-top .block:nth-child(odd) {
     margin-bottom: 10rem;
   }
   .region-content-home-top .block:last-child:nth-child(odd) {
     margin-bottom: 0;
   }
   .region-content-home-top .block:nth-child(even) {
     padding: 0 0 4rem 0;
   }
   .region-content-home-top .block:nth-child(even)::before {
     position: absolute;
     content: '';
     top: -10rem;
     left: 0;
     height: 10rem;
     width: 100%;
     background: #f0f0f0;
     -webkit-clip-path: polygon(0 0, 100% 90%, 100% 100%, 0% 100%);
             clip-path: polygon(0 0, 100% 90%, 100% 100%, 0% 100%);
   }
   /* Shortcodes -> icon box */
   .icon-box {
     padding: 2rem;
   }
   /* Shortcodes -> Notice */
   .notice-block {
     width: 98%;
   }
   .notice-block::before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     background-color: var(--secondary);
     width: 95%;
     height: 100%;
     z-index: -1;
     -webkit-transform: rotate(-5deg);
             transform: rotate(-5deg);
   }
 }
 
 @media (min-width: 992px) {
   /* Header */
   .site-brand img {
     max-height: 80px;
   }
   /* Header -> Main menu */
   .menu-wrap ul.menu li {
     background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, var(--dark)));
     background: linear-gradient(to bottom, transparent 50%, var(--dark) 50%);
     background-size: 100% 200%;
     -webkit-transition: all 0.2s linear;
     transition: all 0.2s linear;
   }
   .menu-wrap ul.menu li:hover {
     background-position: 0 -100%;
   }
   ul.main-menu li a:hover {
     color: var(--primary);
   }
   .menu-wrap ul.menu li.expanded:hover .dropdown-arrow,
   .menu-wrap ul.menu li.collapsed:hover .dropdown-arrow {
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
   }
   .menu-wrap ul.menu ul.submenu {
     top: 36px;
     background-color: var(--dark);
   }
   .menu-wrap ul.menu ul.submenu li {
     border-bottom: 1px solid var(--primary);
   }
   .menu-wrap ul.menu ul.submenu li a:hover {
     color: #ffffff;
   }
 }
 
 @media (min-width: 1170px) {
   /* Header */
   .site-brand img {
     max-height: 90px;
   }
 }
 /*# sourceMappingURL=style.css.map */
 
 
  /* estilos del menu principal */

  .menu-wrap ul.menu li a{
    font-size: 13px;
   }
  
   .menu-wrap ul.menu li a:hover {
      color: var(--secondary) !important;
   }
  
   @media (min-width: 992px){
    .menu-wrap ul.menu li:hover {
      background-position: 0 0% !important;
    }
   }
  
   #block-eduxpro-content{
    display: none;
   }