@font-face {font-family: fontdefault;src: url('/css/Raleway/Raleway-Regular.ttf');}
@font-face {font-family: fontdefaultbold;src: url('/css/Raleway/Raleway-SemiBold.ttf');}
@font-face {font-family: fontbold;src: url('/css/Raleway/Raleway-ExtraBold.ttf');}
@font-face {font-family: fontblack;src: url('/css/Raleway/Raleway-Black.ttf');}

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

@media only screen and (orientation : portrait) {
    *                                       {font-size: 5vw;line-height:1.1;}
    h1,.h1                                  {font-size: 10vw;}
    h2,.h2                                  {font-size: 8.5vw;}
    h3,.h3                                  {font-size: 7.5vw;}
    h4,.h4                                  {font-size: 6vw;}
    h5,.h5                                  {font-size: 5vw;font-family: fontdefault;}
    h6,.h6                                  {font-size: 4.5vw;font-family: fontdefault;}
    #containermain                          {margin-top: 96vh;}
}
@media only screen and (orientation : landscape) {
    *                                       {font-size: 4vh;line-height:1.1;}
    h1,.h1                                  {font-size: 10vh;}
    h2,.h2                                  {font-size: 8vh;}
    h3,.h3                                  {font-size: 7vh;}
    h4,.h4                                  {font-size: 5vh;}
    h5,.h5                                  {font-size: 4vh;font-family: fontdefault;}
    h6,.h6                                  {font-size: 3vh;font-family: fontdefault;}
    #containermain                          {margin-top: 100vh;}
}


@media only screen and (min-width : 320px) {        
	html,
	body									{margin:0;padding:0;width:100%;font-family:fontblack,sans-serif,Helvetica;}
	
	a:link,
	a:active,
	a:visited								{color:#37b02b;1ccc20;text-decoration:none;}
	a:hover    								{text-decoration:underline;}
    a.text-dark.active,
    a.text-dark:hover                       {text-decoration:none;color:#6c757d!important;}    
     
    .backdrop-blur                          {background-color: rgba(247,248,241,.5);}
    .backdrop-blur:hover                    {background:rgba(247,248,241,.9);}    
    @supports ((-webkit-backdrop-filter: blur(.5em)) or (backdrop-filter: blur(.5em))) {
      .backdrop-blur {background-color: rgba(247,248,241, .1);-webkit-backdrop-filter: blur(.5em);backdrop-filter: blur(.5em);}
    }
    
    .overflow-x-scroll                      {overflow-x: auto;}
    .table tr td                            {white-space: nowrap;}
	.fontbold, .bold, strong                {font-family:fontdefaultbold,sans-serif;}
    .fontblack                              {font-family: fontblack;}
    .blur                                   {-webkit-filter: blur(10px);-moz-filter: blur(10px);-o-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);}
    .topleft                                {top:0!important;left:0!important;}
    .bottom                                 {bottom:0;}
    .lineheight09                           {line-height:.9;}
    .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;}
	.no-radius								{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
    .mask                                   {position:absolute;bottom:0;left:0;width:100%;height:75%;background-size:cover;background-position:bottom center;background-repeat:repeat-x;background-image:url('/images/mask.png');}
    div:hover > .mask                       {height:100%;}
	
    .nav-down                               {top:-320px!important;}
    .nav-up                                 {top:0!important;}
    
    .breadcrumbs                            {list-style:none;margin:0;padding:0;}
    .breadcrumbs li          				{text-transform:capitalize;display:inline;}
    .breadcrumbs li:first-child				{}
    .breadcrumbs li a          				{text-decoration:none;}
    .breadcrumbs li svg             		{margin-bottom:1px;}
            	
    /* ----------------------------------------------------- HEADER ----------------------------------------------------------------------------------------------------- */
    #logo           {z-index:1020;height:70px;top:0;left:0;}
    .logo           {height:100px;}
    /*#logo.hidden    {top:-300px;}*/
    #menuicon       {z-index:1030;top:0;right:0;background-color:#37b02b;width:50px;height:50px;cursor:pointer;}
    #menuicon span  {font-size:20pt;}
    #menuicon:hover span  {color:#fff;}
    #menuicon.hidden{right:-100px}
    /* ----------------------------------------------------- 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;background-color:rgba(0,0,0,.6);z-index:-1;opacity:0;display:none;}
    #overlay.open   {z-index:1029;opacity:1;display:block;}
    #sidenav        {height:100%;min-width:300px;top:0;left:100%;transform: translateX(100%);z-index:1031;overflow-y:scroll;background-color:#37b02b;}
    #sidenav.open   {transform: translateX(-100%);}
    #sidenav a          {margin-right:-100%;text-align: right;font-family: fontblack;white-space: nowrap;line-height:1.3;color:#c7d2eb;}
    #sidenav a.open     {margin-right:0;}
    #sidenav a.active   {color:#6c757d!important;}
    #sidenav a:hover    {text-decoration: none;color:#fff;}
    /*.slogan           {top: 65%;transform: translateY(-50%);}*/
    .slogan           {}
    .slogan h1        {line-height:1;}

    /* ----------------------------------------------------- CONTENT ----------------------------------------------------------------------------------------------------- */
    #content                                {margin-top: 100px;}
    .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          {line-height:1.1;}
}

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

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    /*#logo           {width:220px;}*/
    #sidenav        {min-width:450px;}
    #sidenav a      {}
    #menuicon       {}
    .slogan         {width:86%;}
    #content        {margin-top: 140px;}
}

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