/*
 INTERSCOOBS workstation - info: media@invispide.com 
          {____{__           {__{___     {__{__         {__{__  {__ __  {_______  {__{_____    {________
 {_       {__  {__           {__{_ {__   {__ {__       {__ {__{__    {__{__    {__{__{__   {__ {__      
   {_ {___{__  {__           {__{__ {__  {__  {__     {__  {__ {__      {__    {__{__{__    {__{__      
{__ {__   {__  {__           {__{__  {__ {__   {__   {__   {__   {__    {_______  {__{__    {__{______  
{__ {__   {__  {__           {__{__   {_ {__    {__ {__    {__      {__ {__       {__{__    {__{__      
{__ {__   {__  {__           {__{__    {_ __     {____     {__{__    {__{__       {__{__   {__ {__      
{__{___   {____{________     {__{__      {__      {__      {__  {__ __  {__       {__{_____    {________
                                                                                                        

-------------------------------------------------------------- */
 
 body,html{ 


	  background:#4F4D4A  url("bkj.png") no-repeat center center fixed;
	   background-size: cover;
height: 100%;
  font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	      text-decoration:none;
    box-sizing: border-box;
    margin:0;
    animation: fadein 23s;
    -moz-animation: fadein 23s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    transition: 0.1s;
    -o-animation: fadein 2s; /* Opera */
  }
  #element::-webkit-scrollbar { 
    color: lime;
}


	.tux {
  background-image: linear-gradient(166deg, #fafffd 7%, #055973 92%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: #00c5f300;
  font-size: calc(3rem + 7vw);
  letter-spacing: -5.27px;
  line-height: 1px;
  font-weight:900;
  font-style:oblique;



}
        .tuxgh {
          background-image: linear-gradient(166deg, #fafffd 7%, #055973 92%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: #00c5f300;
font-size: 1.6rem;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0);
letter-spacing: -5.27px;
line-height: 1px;
font-weight: 900;
font-style: oblique;
text-align: center;
padding: 10px;




        }
        .xgh {
         background-image: linear-gradient(166deg, #fff 7%, #0bffdd 92%);
		 background-clip: text;
-webkit-text-fill-color: #00c5f300;
font-size: 1.6rem;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0);
letter-spacing: -5.27px;
line-height: 1px;
font-weight: 900;
font-style: oblique;
text-align: center;
padding: 10px;




        }

     .modalWindow {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.2);
	z-index: 99999;
	opacity: 0;
	pointer-events: none;
	text-align: center;
}
.modalWindow:target {
	opacity: 1;
	pointer-events: auto;
}
.modalWindow>div {
	width: 500px;
	position: relative;
	margin: 10% auto;
	background: #fff;
}
a:link
{
background-color: #f4fc0412;
  text-align: center;
  font-size: 1.4em;
  text-decoration: none;
  color: #cdcdcd;
border-bottom-color: 10px red;

  padding: 12px;
  letter-spacing: -0.07em;
  line-height: 2.2;
  font-weight: 600;border-bottom: 10px;border-color:  blue;
}

a:hover
{
  background-color: #f55507;
  text-align: center;
  font-size: 1.4em;
  text-decoration: none;
  padding: 12px;
  letter-spacing: -0.07em;
  line-height: 2.2;
  font-weight: 600;color: #ffffff;border-color:  blue;
}

a:visited
{
  background-color: #CB973C;
  color: #ffffff;
  text-align: center;
  font-size: 1.4em;
  text-decoration: none;
  padding: 12px;
  letter-spacing: -0.07em;
  line-height: 2.2;
  font-weight: 600;
}


h1 { font-size: calc(1.6rem + 4vw);text-shadow: 0 2px 2px rgba(0,0,0,.5);
}


#tutton {
    
    background-color: rgba(35,38,41,0.7);

    color:#ffffff;
    cursor:pointer;
    padding:15px;
    margin-top:10px;
    font-size:1.9em;
    font-weight: bold;
    border:  2px solid transparent; 
    color:#ffffe0; text-align: center; box-sizing: border-box;
    border-radius:5px;
}
#tutton:hover {
    background-color: rgba(35,38,41,0.2);
    cursor:pointer;
    padding:15px;
    margin-top:10px;
    font-size:1.9em;
    font-weight: bold;
    color:#2f4f4e; text-align: center;
    border:  2px solid transparent; border-radius:5px; box-sizing: border-box;
}
#navbar {
    position: static;padding:25px;
    right: 0; left: 0; top: 0; 
    width:100%;
    font-size:100%;
    font-weight: bold;
    color:#F67400;
    border:  2px solid transparent; border-radius:5px; 
-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,1,0);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s; box-sizing: border-box;
}
#navbar.scrolled { 
font-size:100%;
   font-weight: bold;
    color:#f90505;
      border:  2px solid transparent; border-radius:5px;padding:25px;
    -webkit-transform: translate3d(0,-50px,0);
    -moz-transform: translate3d(0,-50px,0);
    transform: translate3d(0,-50px,0);
}
button {
    
    background-color: rgba(121, 121, 121, 0.26);
    color:#3f7373;
    cursor:pointer;
    padding:25px;
    font-size:1em;font-weight: bold;
    border:  0px solid transparent; border-radius:10px;
}
button:hover {
    background-color:rgba(121, 121, 121, 0.36);
    cursor:pointer;
    padding:25px;
    font-size:1em;font-weight: bold;
    border:  0px solid #88d100; border-radius:10px;
  color:#9a7965;
}
	 img {
	     width:100%;height:auto;margin:0;
	}



	.text-muted {
	   color:#777
	}
	.clearfix:after {
	   content: "";
	   display: table;
	   clear: both;
	 }
	*, *:before, *:after {
	   box-sizing: inherit;
	    border: 0px inset ThreeDLightShadow;
	 }
	 
	hr {
	   background-color: #60bda840;
	   height: 4px;
	   width:100%;
	   margin-left: 4px;
	   
	}
	p {
	   font-size: 1.2em;
	   color:#545339;
	 }
	.iconhtm {
	   padding-top:15px;
	   padding-left:5px;
	   float:left;
	   font-size: 2.2rem;
	   border:2px;
	}
	.iconhtm a {
	color:#ff007f;
	font-size: 2.2rem;
	border-color: #aaff7f;
	}
	.row::after {
	  content: "";
	  clear: both;
	  display: block;
	 }
	[class*="col-"] {
	  float: left;
	  padding: 15px;
	 }
	#menu {
	  position: fixed;
	  top: 0;
	  width: 100%;
	  margin-top: 0;
	    padding: 10px;
	font-family: "Audiowide", sans-serif;
	 }
	
	.menu p {
	   padding: 10px;
	 background: rgba(0,0,0, 0.9) url("screen.png") no-repeat center center fixed;
	  text-decoration:none;font-family: "Audiowide", sans-serif;font-size: 0.9em;
	   font-weight: 300;padding: 10px;
	 }

	 .menu p:hover {

	  color:#ffffff;
	  background-image: -webkit-gradient(linear,50 90%,0 0,from(rgba(3,3,7, 0.3)),to(rgba(170,9,20, 0.2))); 
	  color:#ffaa7f;
	 padding: 10px;
	  list-style-type: none;
	 }

	.menu h1 {
	  background-color: #2a2a2a;
	  font-size: 1.9rem;
	  text-decoration: none;
	  padding: 5px;
	 
	  
	 }
	 .menu hr {
	  background-color: #2a2a2a;
	  font-size: 1.9rem;
	  text-decoration: none;
	  padding: 5px;
	 padding: 10px;
	  
	 }
	 .ptext {
	 background-color: #0f131669;
text-decoration: none;
padding: 10px;
text-align: center;
font-weight: 100;
font-size: 1.8em;
color: #f3fdff;
	  
	 }
.move{color:#949494;text-decoration:none;font-size:1.4rem;}
.move:hover{color:#ffffff;text-decoration:none;font-size:1.4rem;background-color:rgba(42,42,42, 0.7);}

p#move {
  color:#949494 ;text-decoration:none;font-size: 1.4rem;
}
p#move:hover {
  color:#ffffe0;text-decoration:none;font-size: 1.4rem;
}
a#move {
	 color:#517f62;text-decoration:none;font-size: 1.6rem;
	}
	a#move:hover{
	 color:#d7d7d7;text-decoration:none;font-size: 1.6rem;
	}

	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}

	   .col-4 #maint {
	  color:transparent;
	     border-bottom:6px solid #00303b;
	     background-color: rgba(35,38,41,0.3);
	  
	}
	@media only screen and (max-width: 768px) {
	   
	   [class*="col-"] {
	       width: 100%;
	 }
	}
	@media not print {
	 .overflowingVertical, .overflowingHorizontalOnly {
	   cursor: zoom-out;
	 }

	 .shrinkToFit {
	   cursor: zoom-in;
	 }
	}

	@media print {
	 
	 img {
	   display: block;
	 }
	}


	 
.container {

	background-color: rgba(70, 49, 3, 0.3);
	max-height: 100%;
	animation: fadein 23s;
	-moz-animation: fadein 23s;
	-webkit-animation: fadein 1s;
	-o-animation: fadein 2s;
	padding: 0px;
	transition: 0.1s;
	box-sizing: border-box;
	-webkit-animation: fadein 0s infinite;
	animation: fadein 0s infinite;
}
	 .content {
	   max-height: 100%;
	   padding:10px;
	  
	   background-color: #255f7652;
	   box-sizing: border-box;
	    animation: fadein 1s;
	   -moz-animation: fadein 1s; /* Firefox */
	   -webkit-animation: fadein 1s; /* Safari and Chrome */
	   -o-animation: fadein 2s; /* Opera */transition: 0.1s;
	 }
	   .content#maint:hover {
	 color:#ffaa7f;
	background-color: #2a2a2a;

	   animation: fadein 1s;
	   -moz-animation: fadein 1s; /* Firefox */
	   -webkit-animation: fadein 1s; /* Safari and Chrome */
	   -o-animation: fadein 2s; /* Opera */transition: 0.1s;
	   
	}
	.content#maint:hover {
	 color:#ffaa7f;
	background-color: #2a2a2a;
	   animation: fadein 0.1s;
	   -moz-animation: fadein 0.1s; /* Firefox */
	   -webkit-animation: fadein 0.1s; /* Safari and Chrome */
	   -o-animation: fadein 0.1s; /* Opera */transition: 0.1s;
	   
	}
	  .content#maintform:hover {
	 color:#ffffff;
	  background-color: rgba(35,38,41,0.8);
	   animation: fadein 1s;
	   -moz-animation: fadein 1s; /* Firefox */
	   -webkit-animation: fadein 1s; /* Safari and Chrome */
	   -o-animation: fadein 2s; /* Opera */
	   transition: 0.1s;
	   
	}
	  .content#endw:hover {
	  height: 100%;
	 color:#ffffff;
	  background-color: rgba(35,38,41,0.8);
	   animation: fadein 1s;
	   -moz-animation: fadein 1s; /* Firefox */
	   -webkit-animation: fadein 1s; /* Safari and Chrome */
	   -o-animation: fadein 2s; /* Opera */
	   transition: 0.1s;
	   
	}
	
	@media screen and (max-height: 450px) {
	   .overlay a {
	       font-size: 20px
	   }
	   .overlay .closebtn {
	       font-size: 40px;
	       top: 15px;
	       right: 35px;
	   }
	}

	.col12media {
	   padding:5px;
	   padding-top:20px;
	   font-size: 2.4em;
	   color:#ffffff;
	   font-weight: 100;
	   text-align: center;
	   padding-bottom:0px;
	}
.quadr {
	display: flex;
	width: 100%;
	padding: 2% 2%;
	box-sizing: border-box;

}
.trox {
	flex: 1;
	overflow: hidden;
	transition: .5s;
	margin: 0 2%;
	box-shadow: 0 20px 30px rgba(0, 0, 0, .0);
	line-height: 0;
}
.trox>img {
	width: 100%;

	object-fit: cover;
	transition: .5s;
}
.trox>video {
	width: 100%;

	object-fit: cover;
	transition: .5s;
}
.trox>iframe {
	width: 100%;

	object-fit: cover;
	transition: .5s;
}
.trox>span {
	font-size: 100%;
	display: block;
	text-align: center;

	line-height: 2.6;
}
.trox:hover {
	flex: 1 1 50%;
}
.trox:hover>img {
	width: 100%;

}


@media only screen and (max-width: 1024px)
{
  .mobide
  {
    display: none;
  }
}
@media only screen and (min-width: 1024px)
{
  .top
  {
    display: none;
  }
}