.MainTitle { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 300%; font-weight: 900; letter-spacing: 0.8em;  line-height: 250%;}
.MainTitle2 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 300%; font-weight: 100; letter-spacing: 0.8em;  line-height: 250%;}

p:hover {

color: #EEEEEE;
  -webkit-transform: translatey(-76px);
  -webkit-transform-origin: 0 0px;

  transform: translatey(-76px);
  transform-origin: 0 0px;


  -webkit-transition: 2s; /* Safari */
transition: 2s;
}

p {


color: #000000;
  -webkit-transition: 6s; /* Safari */
transition: 6s;

}

p1:hover {

color: #EEEEEE;

  -webkit-transition: 0.3s; /* Safari */
transition: 0.3s;
}

a {
  color: #000000;
  text-decoration: none; /* no underline */
}

a.black {
  color: black;
  text-decoration: none; /* no underline */
}

a:hover
{
color:#EEEEEE;
}


.right {float: right;}

.left {float: left;}




a.cyan {
  color: 00FFFF;
  text-decoration: none; /* no underline */
}

a.cyan:hover
{
color:000000;
}

a.clickable{
      cursor: progress;
  }

.center
    {
        display: block;
        margin-left: auto;
        margin-right: auto }


hr {
    border: none;
    height: 1px;
    color: BBBBBB;
    background-color: BBBBBB;
    max-width: 1597px;
}

hr.j {
    border: none;
    height: 2px;
    color: 00FFFF;
    background-color: 55FFFF;
}

hr.c {
    border: none;
    height: 3px;
    color: 00FFFF;
    background-color: 00FFFF;
}

hr.r {
    border: none;
    height: 1px;
    color: FF0000;
    background-color: FFBBBB;
}

hr.g {
    border: none;
    height: 1px;
    color: 00FF00;
    background-color: AAFFAA;
}

hr.b {
    border: none;
    height: 1px;
    color: 0000FF;
    background-color: BBBBFF;
}

hr.j:hover
{
color:000000;
}

.single {
  width: auto;
  height: auto;
  position: relative;

}

/* Slider */

.sss {
  height: 0;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  transition: 4000;

}

.ssslide {
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;

}

.ssslide img {
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
}

.sssnext, .sssprev {
  width: 37%;
  height: 100%;
  margin-right: 65px;
  margin-left: 65px;
  position: absolute;
  top: 0;

}

.sssprev {
  left: 0px;
  background-position: 0 50%;
}

.sssnext {
  right: 4px;
  background-position: -26px 50%;
}

.sssprev:hover {
  cursor: url(graphics/arrl.png), auto;
}

.sssnext:hover {
  cursor: url(graphics/arrr.png), auto;
}


.slider {
  width: auto;
  height: auto;
  position: relative;

}

/* Slider End */

.captionli { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; letter-spacing: 0.12em; Color: BBBBBB; line-height: 150%;}

.captionlib { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; letter-spacing: 0.12em; Color: 000000; line-height: 150%;}

.caption {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; letter-spacing: 0.1em; Color: 000000; line-height: 180%;}

.captionb {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 100%; letter-spacing: 0.08em; line-height: 180%; Color: 000000;}

.captionr {float: right; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; letter-spacing: 0.12em; Color: 000000; line-height: 180%;}

.captionrw {float: right; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; letter-spacing: 0.12em; Color: FFFFFF; line-height: 180%;}

.captionl {float: left; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; letter-spacing: 0.2em; Color: 000000; line-height: 180%;}

.captionlw {float: left; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; letter-spacing: 0.09em; Color: FFFFFF; line-height: 180%;}

.captiont { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 150%; letter-spacing: 0.05em; Color: 000000; line-height: 180%;}

.captiontc { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 150%; letter-spacing: 0.00em; Color: 000000; line-height: 180%;}

.captiontr {float: right; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 150%; letter-spacing: 0.05em; Color: 000000; line-height: 180%;}

.captionta { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; letter-spacing: 0.12em; Color: 000000; line-height: 180%;}

.captionc { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 80%; letter-spacing: 0.08em; Color: 000000; line-height: 180%;}

.captions { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; letter-spacing: 0.08em; Color: 000000; line-height: 120%;}

.captionsb { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; letter-spacing: 0.08em; Color: 00DBFA; line-height: 120%;}

.captionvs { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 60%; letter-spacing: 0.08em; line-height: 60%;}

.captionfs { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 60%; letter-spacing: 0.08em; line-height: 200%;}



/*Freewall*/


      .filter-items {
        padding: 10px 0px;
        text-align: right;
      }

      .filter-label {
        display: inline-block;

        margin: 10px 10px 10px 10px;
        padding: 10px;
        cursor: pointer;
        background: #999999;
        color: black;
        font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; letter-spacing: 0.12em; line-height: 100%;
      }

      .filter-label.active,
      .filter-label:hover {
        color: white;
      }


h7 {
  position: absolute;
  bottom: -28px;
  left: 0px;
  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 80%; letter-spacing: 0.02em; line-height: 100%;
}

.free-wall {
  margin: auto;

}

.brick {
  background-color: white;
  float: left;
  cursor: default;
  overflow: visible;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.titlegrey {
    transition: 25s;
    border: 20px;

}

.titlegrey:hover {
  box-shadow: 0px 0px 4181px 1597px #BBBBBB;
    transition: 10s;
}

.artsmag {
    transition: 100s;
    border: 20px;

}

.artsmag:hover {
  box-shadow: 0px 0px 4181px 1597px #FF33FF;
    transition: 10s;
}

.edupur {
 transition:  100s;

}

.edupur:hover {
  box-shadow: 0px 0px 4181px 1597px #AA33FF;
  transition: 10s;

}

.heablu {
 transition:  100s;
}

.heablu:hover {
  box-shadow: 0px 0px 4181px 1597px #3333FF;
  transition: 10s;
}

.indsky {
 transition:  100s;
}

.indsky:hover {
  box-shadow: 0px 0px 4181px 1597px #33AAFF;
  transition: 10s;
}

.offcyan {
 transition:  100s;
}

.offcyan:hover {
  box-shadow: 0px 0px 4181px 1597px #33FFFF;
  transition: 10s;
}

.musfor {
 transition:  100s;
}

.musfor:hover {
  box-shadow: 0px 0px 4181px 1597px #33FFAA;
  transition: 10s;
}

.resgre {
 transition:  100s;
}

.resgre:hover {
  box-shadow: 0px 0px 4181px 1597px #33FF33;
  transition: 10s;
}

.retyel {
 transition:  100s;
}

.retyel:hover {
  box-shadow: 0px 0px 4181px 1597px #FFFF33;
  transition: 10s;
}

.spoora {
 transition:  100s;
}

.spoora:hover {
  box-shadow: 0px 0px 4181px 1597px #FFAA33;
  transition: 10s;
}

.trared {
 transition:  100s;
}

.trared:hover {
  box-shadow: 0px 0px 4181px 1597px #FF3333;
  transition: 10s;
}

.orapur {
 transition: 100s;
}

.orapur:hover {
  box-shadow: 0px 0px 5px 3px #FFAA33 , 0px 0px 21px 8px #AA33FF, 0px 0px 21px 8px #AA33FF;
  transition: 10s;
}

.redpurblu {
 transition: 100s;
}

.redpurblu:hover {
  box-shadow: 0px 0px 5px 3px #FF3333 , 0px 0px 13px 8px #AA33FF, 0px 0px 21px 8px #3333FF;
  transition: 10s;
}

.orablu {
 transition: 100s;
}

.orablu:hover {
  box-shadow: 0px 0px 5px 3px #FFAA33 , 0px 0px 13px 8px #3333FF;
  transition: 10s;
}

.size32 {
  width: 450px;
  height: 335px;
  color: white;
}

.size32:hover {
  color: black;
}

.size11 {
  width: 144px;
  height: 144px;
  color: white;
}

.size22 {
  width: 80px;
  height: 80px;
  color: white;
}

.size22:hover {
  color: black;
}

.size55 {
  width: 200px;
  height: 200px;
  color: white;
}

.size55:hover {
  color: black;
}

.size58 {
  width: 200px;
  height: 320px;
  color: white;
}

.size58:hover {
  color: black;
}

.size85 {
  width: 320px;
  height: 200px;
  color: white;
}

.size85:hover {
  color: black;
}

.size135 {
  width: 520px;
  height: 200px;
  color: white;
}

.size135:hover {
  color: black;
}