/*
@font-face {font-family: fontdefault;src: url('/css/Josefin_Sans/JosefinSans-Regular.ttf');}
@font-face {font-family: fontdefaultbold;src: url('/css/Josefin_Sans/JosefinSans-Bold.ttf');}
@font-face {font-family: fontblack;src: url('/css/Alfa_Slab_One/AlfaSlabOne-Regular.ttf');}
@font-face {font-family: fontitalic;src: url('/css/Josefin_Sans/JosefinSans-Italic.ttf');}
*/
/*@font-face {font-display: auto;font-family: fontmenu;src: url('/css/Futura_Medium/Futura URW Medium.ttf');}*/
@font-face {font-display: auto;font-family: fontmenu;src: url('/css/Roboto_Condensed/RobotoCondensed-Bold.ttf');}
@font-face {font-display: auto;font-family: fontblack;src: url('/css/Roboto_Condensed/RobotoCondensed-Bold.ttf');}
@font-face {font-display: auto;font-family: fontdefault;src: url('/css/Roboto_Condensed/RobotoCondensed-Light.ttf');}
@font-face {font-display: auto;font-family: fontdefaultbold;src: url('/css/Roboto_Condensed/RobotoCondensed-Regular.ttf');}
@font-face {font-display: auto;font-family: fontitalic;src: url('/css/Roboto_Condensed/RobotoCondensed-Italic.ttf');}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: 0;}

@media only screen and (orientation : portrait) {
    h1,.h1                                  {font-size: 9vw;}
    .cover h2,.cover .h2                    {font-size: 6.5vw;}
    .item h1,.item .h1                      {font-size: 10.5vw;}
    .small h1,.small .h1                    {font-size: 8.5vw;}
    .smaller h1,.smaller .h1                {font-size: 6.5vw;}
    h2,.h2                                  {font-size: 6.5vw;}
    h3,.h3                                  {font-size: 5vw;}
    h4,.h4                                  {font-size: 4vw;}
    h5,.h5                                  {font-size: 4vw;}
    h6,.h6                                  {font-size: 4vw;}
    h7,.h7                                  {font-size: 4vw;}
}
@media only screen and (orientation : landscape) {
    h1,.h1                                  {font-size: 9vh;}
    .cover h1,.cover .h1                    {font-size: 12vh;}
    .cover h2,.cover .h2                    {font-size: 5.5vh;}
    .item h1,.item .h1                      {font-size: 10.5vh;}
    .squareitem h1,.squareitem .h1          {font-size: 6.5vh;}
    .small h1,.small .h1                    {font-size: 8.5vh;}
    .smaller h1,.smaller .h1                {font-size: 6.5vh;}
    h2,.h2                                  {font-size: 3.5vh;}
    h3,.h3                                  {font-size: 2.5vh;}
    h4,.h4                                  {font-size: 2.5vh;}
    h5,.h5                                  {font-size: 2.5vh;}
    h6,.h6                                  {font-size: 2.5vh;}
    h7,.h7                                  {font-size: 2.5vh;}
}


@media only screen and (min-width : 320px) {        
    html                   {height: 100% -webkit-fill-available;margin:0;padding:0;width: 100vw; overflow-x:hidden;}
	body				   {height: 100% -webkit-fill-available;margin:0;padding:0;font-family:fontdefault,sans-serif,Helvetica;line-height:1;height:100%; width: 100vw; overflow-x:hidden;}
	
	a:link,.text-link:link,
	a:active,.text-link:active,
	a:visited,.text-link:visited,
    .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link
                                            {color:#5b86e5;text-decoration:none;}    
	a:hover,    								
	.text-link:hover,
    .navbar-dark .navbar-nav .nav-link.active:hover, .navbar-dark .navbar-nav .show>.nav-link:hover
                                            {color:#36d1dc;text-decoration:none;}
    
    .nav-link.inverse                       {color:#212529!important;}
    
    .btn-triangle                           {width: 0;height: 0;border-style: solid;border-width: 35px 0 35px 60px;border-color: transparent transparent transparent #5b86e5;transform-style: preserve-3d;transition: transform 0.6s;}
    .btn-triangle-white                     {width: 0;height: 0;border-style: solid;border-width: 35px 0 35px 60px;border-color: transparent transparent transparent #fff;transform-style: preserve-3d;transition: transform 0.6s;}
    
    .readmore:hover                         {
                                            -webkit-transform: scale(1.14, 1.14)!important;
                                            -moz-transform: scale(1.14, 1.14)!important;
                                            -ms-transform: scale(1.14, 1.14)!important;
                                            -o-transform: scale(1.14, 1.14)!important;
                                            transform: scale(1.14, 1.14)!important;
                                            }    
     
    .dropdown-item:focus, 
    .dropdown-item:hover                    {background-color:#4fbaf7;}
    
	.fontdefaultbold, .bold, strong         {font-family:fontdefaultbold,sans-serif!important;}
    .fontmenu                               {font-family:fontmenu!important;letter-spacing: .15em;}
    .fontblack                              {font-family:fontblack!important;}
    .fontdefault                            {font-family:fontdefault!important;}
    .fontitalic                             {font-family:fontitalic!important;}
    .blur                                   {-webkit-filter: blur(10px);-moz-filter: blur(10px);-o-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);}
    .bg-cover                               {background-size:cover!important;}
    .bg-contain                             {background-size:contain!important;background-position: center center;background-repeat: no-repeat;}
    .bg-custom                              {background-color:#5b86e5!important;}
    .bg-darker                              {background-color:#242a30!important;}
    .border-darker                          {border-color:#242a30!important;}
    .border-custom                          {border-color:#5b86e5!important;}
    .text-shadow                            {text-shadow: 5px 5px 5px #222;}
    .box-shadow                             {box-shadow: 0px 0px 25px #ddd;}
    .box-shadow                             {box-shadow: 20px 20px 2px 1px #f8f9fa;}
    .centered                               {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}
    .animated                               {-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
    .animated10                             {-webkit-transition:all 1.0s ease;-moz-transition:all 1.0s ease;-o-transition:all 1.0s ease;transition:all 1.0s ease;}
    .animated14                             {-webkit-transition:all 1.4s ease;-moz-transition:all 1.4s ease;-o-transition:all 1.4s ease;transition:all 1.4s ease;}
    .truncate                               {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}    
    .h80                                    {height:80vh;max-height:-webkit-fill-available;}
    .h80full                                {height:80vh;max-height:none;}
    .h100                                   {height:100vh;max-height:-webkit-fill-available;}
    .mt-top                                 {margin-top:120px!important;}
    .position-top                           {top:0;bottom:auto;}
    .position-bottom                        {bottom:0;top:auto;}
    .position-left                          {left:0;right:auto;}
    .position-right                         {right:0;left:auto;}
    .pointer-events-none                    {pointer-events:none;}
    .pointer-events-all                     {pointer-events:all;}
    
    
    .menumask                               {
                                            pointer-events: none;
                                            position:fixed;top:0;left:0;width:100%;height:200px;z-index:9;
                                            background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);
                                            background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);
                                            background: -o-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);
                                            background: -ms-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);
                                            background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);
                                            }
    .masktop                                {
                                            position:absolute;top:0;left:0;width:100%;height:75%;
                                            background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);
                                            background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);
                                            background: -o-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);
                                            background: -ms-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);
                                            background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);
                                            }
    .mask                                   {
                                            position:absolute;bottom:0;left:0;width:100%;height:75%;
                                            background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);
                                            background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);
                                            background: -o-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);
                                            background: -ms-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);
                                            background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);
                                            }
    .mask:hover:not(.nohover),
    a:hover .mask:not(.nohover)             {height:100%;}
    
    .imgcover                               {margin-top:70px;}
    .gradient-top                           {
        /*
        background: rgb(131,58,180);
        background: linear-gradient(120deg, rgba(131,58,180,1) 0%, rgba(222,29,253,1) 66%);

        background: rgb(238,174,202);
        background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);        

        background: rgb(238,174,202);
        background: radial-gradient(circle, #bdc3c7 10%, #2c3e50 100%);  
        background: rgb(238,174,202);
        background: radial-gradient(circle, #f7bb97 10%, #dd5e89 100%);
        */
        background: #36d1dc;  
        dbackground: radial-gradient(circle, #36d1dc 10%, #5b86e5 100%);  
    }
    
    .rowshaped                              {min-height:50vh;}
    .imgcover                               {z-index:9;}
    .angletop                               {height:50px;z-index:8;}
    .anglebottom                            {height:100px;z-index:8;}
    
    #footer .angletop                       {background: linear-gradient(to bottom left, #fff 50%, transparent 50%); height:70px;}    
    #footer .angletop2                      {background: linear-gradient(to bottom right, #fff 50%, transparent 50%); height:70px;}    
    .rowshaped:nth-child(odd) .angletop     {background: linear-gradient(to bottom left, #fff 50%, transparent 50%);}
    .rowshaped:nth-child(odd) .anglebottom  {background: linear-gradient(to bottom right, transparent 50%, #fff 50%);}
    .rowshaped:nth-child(even) .angletop    {background: linear-gradient(to bottom right, #fff 50%, transparent 50%);}
    .rowshaped:nth-child(even) .anglebottom {background: linear-gradient(to bottom right, transparent 50%, #fff 50%);}    
    
    .item .anglebottom                      {background: linear-gradient(to bottom right, transparent 50%, #fff 50%); height:60px;}
    .itemmosaic .anglebottom                {background: linear-gradient(to bottom left, transparent 50%, #fff 50%); height:120px;}
    
    .ratio-2x3                              {--bs-aspect-ratio: 150%;}
    
    .bg-link                                {background-color:#5b86e5; 5fa6d7;}    
	/*.bg-link:hover                          {background-color:#4b76d5;}*/
    
    .input-group .btn                       {border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important;}
    
    .btn, .form-control                     {font-family:"Century Gothic","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
    .btn                                    {font-weight:700;}    
    
    .form-control.btn-outline-warning       {border-color:#ffc107;}
    .form-control.datepicker                {padding:.375rem .75rem;}
    .form-control:focus                     {box-shadow: none!important;}
    /*.text-red                               {color:#ff3700!important;}*/
    .custom-select                          {color: #aaa!important;opacity: 1;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23cccccc' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px}
    
.checkbox-1x {
    transform: scale(1.5)!important;
    -webkit-transform: scale(1.5)!important;
}
.checkbox-2x {
    transform: scale(2)!important;
    -webkit-transform: scale(2)!important;
}
    
.flip-card {
  background-color: transparent;
  width: 100px;
  height: 100px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {}
.flip-card-back {transform: rotateY(180deg);}
    
    .form-control::-moz-placeholder         {color: #aaa!important;opacity: 1;}
    .form-control:-ms-input-placeholder     {color: #aaa!important;}
    .form-control::-webkit-input-placeholder{color: #aaa!important;}        
    
    .container-mosaic                       {/*background-color:#343a40;padding:0;*/}

    .breadcrumbs                            {list-style:none;margin:0;padding:0;text-align: right;}
    .breadcrumbs li          				{text-transform:capitalize;display:inline;color:#aaa;}
    .breadcrumbs li:first-child				{}
    .breadcrumbs li a          				{text-decoration:none;color:#1a1b20;}
    .breadcrumbs li svg             		{margin-bottom:1px;}
            	
    /* ----------------------------------------------------- HEADER ----------------------------------------------------------------------------------------------------- */
    .nav-down                               {top:-200px!important;}
    .nav-up                                 {top:0!important;}
    .logo           {z-index:1020;top:0;left:0;}
    .sidenav-toggle  {z-index:1032;top:0;right:0;width:50px;height:50px;line-height:52px;}
    .sidenav-toggle:hover  {text-decoration:none;}
    .sidenav-toggle.hidden {right:-200px;}
    #menuicon span  {font-size:24pt;}
    #menuiconclose       {line-height:50px;}
    #menuiconclose span  {font-size:24pt;/*color:#2a6f79!important;*/}
    .icon {
        display: block;
        width: 2em;
        height: 2em;
        margin: 0 auto;
        fill: white;
    }

    .icon--menu         {fill: #5b86e5;}
    .icon--menu:hover   {fill: tomato;}
    .icon--cross        {fill: tomato;}
    
    /* ----------------------------------------------------- VIDEO ----------------------------------------------------------------------------------------------------- */
    #videocover     {object-position: center center; object-fit: cover; object-position: center center; opacity: 1; min-width: 100%; min-height: 100%;}
    /* ----------------------------------------------------- SIDEBAR ----------------------------------------------------------------------------------------------------- */
    #overlay        {top:0;left:0;z-index:-1;opacity:0;}
    #overlay.open   {z-index:1029;opacity:1;}
    #sidenav        {height:100%;min-width:100%;top:0;left:100%;transform: translateX(100%);z-index:1031;overflow-y:scroll;}
    #sidenav.open   {transform: translateX(-100%);}
    #sidenav a      {margin-right:-3000px;opacity:0;}
    #sidenav a.open     {margin-right:0;opacity:1;}
    #sidenav a.active   {color:#aaa!important;}
    #sidenav a:hover    {color:#ddd!important;text-decoration: none;}
    /*.slogan           {top: 65%;transform: translateY(-50%);}*/
    .slogan           {bottom:10%;}
    .slogan h1        {line-height:1;}

    /* ----------------------------------------------------- CONTENT ----------------------------------------------------------------------------------------------------- */
    #content                                {}
    .home #content                          {}
    .item                                   {
                                            /*
                                             -ms-word-break: break-all;
                                                 word-break: break-all;
                                                 word-break: break-word;

                                            -webkit-hyphens: auto;
                                               -moz-hyphens: auto;
                                                    hyphens: auto;        
                                            */
                                            }
    .square-container                       {display:block;height:0; padding-bottom:100%;position:relative;margin:0;background-size: cover; background-position: center center; background-repeat: no-repeat;overflow: hidden;outline: 4pt solid transparent;}
    .square-container.nohover                 {}
    .square-container:not(.nohover):hover     {
        -webkit-transform: scale(1.14, 1.14);
	   -moz-transform: scale(1.14, 1.14);
	   -ms-transform: scale(1.14, 1.14);
	   -o-transform: scale(1.14, 1.14);
	   transform: scale(1.14, 1.14);
           z-index: 2;}
    .square-container a                     {display:block;width: 100%;padding: 0px 0px 100%;}
    .square-container .caption              {position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px; box-sizing: border-box; color: #fff; 
    }
    .square-container:hover .caption        {bottom: -1999px;}
    .square-container img                   {max-width: 100%; max-height: 100%;}
    
	/* ----------------------------------------------------- SITEMAP ----------------------------------------------------------------------------------------------------- */
    .sitemap,
    .sitemap li ul,
    .sitemap li ul li ul            {list-style:none;margin:0;padding:0;display:table;width:100%;}
	.sitemap li                     {margin:0;padding:0;border-top:1px dotted;}
	.sitemap > li:first-child       {margin:0;padding:0;border-top:none;}
	.sitemap li a                   {display:block;line-height:.9;}
	.sitemap li a:hover             {letter-spacing:.02em;}
	.sitemap > li > a               {}

	.footer ul						{list-style:none;margin:0;padding:0;}
	.footer ul li      				{list-style:none;margin:0;padding:0;display:block;}
    
	.footer a:link,
	.footer a:active,
	.footer a:visited				{}
	.footer a:hover					{}
    
    #menubottom a                   {line-height:.9;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 576px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    #sidenav a          {}
    .container-mosaic   {padding:0 50px;}
    .angletop                               {height:100px;z-index:8;}
    .anglebottom                            {height:150px;z-index:8;}    
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    #header                                 {mix-blend-mode: difference;}
    #sidenav a      {}
    #menuicon       {}
    .slogan         {width:75%;}
}

@media only screen and (min-width : 1380px) {
}


    [class^="swiper-button-"] {
      transition: all .3s ease;
    }

    .swiper-slide {
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
    }

    *, *:before, *:after {
      box-sizing: border-box;
        /*
      margin: 0;
      padding: 0;
        */
    }

    .swiper-container {
      width: 100%;
      /*height: 70vh;*/
      transition: opacity 1.6s ease, -webkit-transform .3s ease;
      transition: opacity 1.6s ease, transform .3s ease;
      transition: opacity 1.6s ease, transform .3s ease, -webkit-transform 1.3s ease;
      z-index:0;
    }
    .swiper-container.nav-slider {
      width: 20%;
      padding-left: 5px;
      display: none;
    }
    .swiper-container.nav-slider .swiper-slide {
      cursor: pointer;
      opacity: .4;
      transition: opacity .3s ease;
    }
    .swiper-container.nav-slider .swiper-slide.swiper-slide-active {
      opacity: 1;
    }
    .swiper-container.nav-slider .swiper-slide .content {
      width: 100%;
    }
    .swiper-container.nav-slider .swiper-slide .content .title {
      font-size: 20px;
    }
    .swiper-container:hover .swiper-button-prev,
    .swiper-container:hover .swiper-button-next {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
      visibility: visible;
    }
    .swiper-container.loading {
      opacity: 0;
      visibility: hidden;
    }

    .swiper-slide {
      overflow: hidden;
    }
    .swiper-slide .slide-bgimg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
    }
    .home .swiper-slide .slide-bgimg {
      /*
      background-position: top center;
      background-size: cover;
      */
    }
    .swiper-slide .entity-img {
      display: none;
    }
    .swiper-slide .content {
      position: absolute;
      bottom: 10%;
      left: 0;
      width: 50%;
      padding-left: 5%;
      color: #fff;
    }
    .swiper-slide .content .title {
      font-size: 2.6em;
      font-weight: bold;
      margin-bottom: 30px;
    }
    .swiper-slide .content .caption {
      display: block;
      font-size: 30pt;
      line-height: 1.4;
      -webkit-transform: translateX(50px);
              transform: translateX(50px);
      opacity: 0;
      transition: opacity .3s ease, -webkit-transform .7s ease;
      transition: opacity .3s ease, transform .7s ease;
      transition: opacity .3s ease, transform .7s ease, -webkit-transform .7s ease;
    }
    .swiper-slide .content .caption.show {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }

    [class^="swiper-button-"] {
      width: 44px;
      opacity: 0;
      visibility: hidden;
    }

    .swiper-button-prev {
      -webkit-transform: translateX(50px);
              transform: translateX(50px);
    }

    .swiper-button-next {
      -webkit-transform: translateX(-50px);
              transform: translateX(-50px);
    }