body{
margin:0;
padding:0;
background-image: url('fondo.jpg');
background-color: black;
vertical-align:middle;
color: white;
font-family:helvetica,"Trebuchet MS",arial;
}

.logosolo{
margin: 0 auto;
max-width: 750px;
max-height:420px;
}
.logosolo img{
width: 100%;
max-width:750px;
}

.contactdetails{
font-size:14px;
width:300px;
height:50px;
text-align:center;
font-family:helvetica,"Trebuchet MS",arial;
text-transform:uppercase;
margin:0 auto;
color:white;
}
.greyBorder{
border: 4px solid #464646;
width:200px;
height:200px;
float:left;
margin-right:10px;
margin-left:10px;
margin-bottom:10px;
}

.blockGrey{
width:100%;
height:100%;
background-color:#464646;
opacity:0.5;
cursor:pointer;
}

.block-filepdf{
background-image: url('file2pdf.jpg');
background-repeat: no-repeat;
}

.block-7lay{
background-image: url('7lay.jpg');
background-repeat: no-repeat;
}

.block-app4review{
background-image: url('app4review.jpg');
background-repeat: no-repeat;
}

.block-lemon{
background-image: url('lemonscript.jpg');
background-repeat: no-repeat;
}

.block-terrorist{
background-image: url('terroristsniper.jpg');
background-repeat: no-repeat;
}

.block-zombie{
background-image: url('zombiesniper.jpg');
background-repeat: no-repeat;
}

.block-hvc{
background-image: url('hvc.jpg');
background-repeat: no-repeat;
}

.block-snc{
background-image: url('snc.jpg');
background-repeat: no-repeat;
}

.block-idate{
background-image: url('idate.jpg');
background-repeat: no-repeat;
}

.block-pasman{
background-image: url('pasman.jpg');
background-repeat: no-repeat;
}

.block-imagesmosaic{
background-image: url('ipsilonimagemosaic.jpg');
background-repeat: no-repeat;
}

.block-wpptplugin{
background-image: url('pagetemplatebox1-2-2.jpg');
background-repeat: no-repeat;
}



.wrapper{
width: 700px;
margin:0 auto;
text-align:center;

}
.clearDiv{
width:100%;
height:1px;
clear:both;
display:block;
}
.facebook{
background-image: url('facebook.png');
background-repeat: no-repeat;
width:26px;
height:24px;
display:inline;
}
.twitter{
background-image: url('facebook.png');
background-repeat: no-repeat;
width:26px;
height:24px;
display:inline;
}
h2, h3, h1 {
color: white;
font-family:helvetica,"Trebuchet MS",arial;

}

a {
color:white;
}
a:visited {
color:white;
text-decoration:none;
}
a:hover {
color:white;
text-decoration:underline;
}
a{
cursor:pointer;
}
.contentText {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -khtml-border-radius: 10px;
  color: black;
  border: 3px solid #231f20;
  text-align:left;
  padding-left:20px;
  padding-bottom:20px;
  background-image: url('https://ipsilondev.com/fondo2.jpg');
  padding-right:20px;
}

.contentText a{
color:black;
text-decoration:underline;
}



.hexagon {
  position: relative;
  width: 250px; 
  height: 144.34px;
  margin: 0 auto;
 background-image: url(https://ipsilondev.com/5shapes/logo8-230x.png);
  background-size: auto 288.6751px;
  background-position: center;
  box-shadow: 0 0 80px rgba(255,255,255,0.6);
}

.hexTop,
.hexBottom {
  position: absolute;
  z-index: 1;
  width: 176.78px;
  height: 176.78px;
  overflow: hidden;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background: inherit;
  left: 36.61px;
  box-shadow: 0 0 20px rgba(255,255,255,0.6);
}

/*counter transform the bg image on the caps*/
.hexTop:after,
.hexBottom:after {
  content: "";
  position: absolute;
  width: 250.0000px;
  height: 144.33756729740645px;
  -webkit-transform:  rotate(45deg) scaleY(1.7321) translateY(-72.1688px);
  -ms-transform:      rotate(45deg) scaleY(1.7321) translateY(-72.1688px);
  transform:          rotate(45deg) scaleY(1.7321) translateY(-72.1688px);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background: inherit;
}

.hexTop {
  top: -88.3883px;
}

.hexTop:after {
  background-position: center top;
}

.hexBottom {
  bottom: -88.3883px;
}

.hexBottom:after {
  background-position: center bottom;
}

.hexagon:after {
  content: "";
  position: absolute;
  top: 0.0000px;
  left: 0;
  width: 250.0000px;
  height: 144.3376px;
  z-index: 2;
  background: inherit;
}

.secondHexBg{
opacity:0;
top:-144px;
}

.ytbg{
 background-image: url(https://ipsilondev.com/yt1.jpg);
 
}

.fondo2bg{
 background-image: url(https://ipsilondev.com/fondo2.jpg);
   background-size: contain;

}



h1 {
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 30px;
  padding: 80px 50px;
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
}
h1.elegantshadow {
  color: #131313;
  background-color: #e7e5e4;
  letter-spacing: .15em;
  text-shadow: 1px -1px 0 #767676, -1px 2px 1px #737272, -2px 4px 1px #767474, -3px 6px 1px #787777, -4px 8px 1px #7b7a7a, -5px 10px 1px #7f7d7d, -6px 12px 1px #828181, -7px 14px 1px #868585, -8px 16px 1px #8b8a89, -9px 18px 1px #8f8e8d, -10px 20px 1px #949392, -11px 22px 1px #999897, -12px 24px 1px #9e9c9c, -13px 26px 1px #a3a1a1, -14px 28px 1px #a8a6a6, -15px 30px 1px #adabab, -16px 32px 1px #b2b1b0, -17px 34px 1px #b7b6b5, -18px 36px 1px #bcbbba, -19px 38px 1px #c1bfbf, -20px 40px 1px #c6c4c4, -21px 42px 1px #cbc9c8, -22px 44px 1px #cfcdcd, -23px 46px 1px #d4d2d1, -24px 48px 1px #d8d6d5, -25px 50px 1px #dbdad9, -26px 52px 1px #dfdddc, -27px 54px 1px #e2e0df, -28px 56px 1px #e4e3e2;
}
h1.deepshadow {
  color: #e0dfdc;
  letter-spacing: .1em;
  text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
}
h1.insetshadow {
  color: #202020;
  background-color: #2d2d2d;
  letter-spacing: .1em;
  text-shadow: -1px -1px 1px #111, 2px 2px 1px #363636;
}
h1.retroshadow {
  color: #2c2c2c;
  background-color: #d5d5d5;
  letter-spacing: .05em;
  text-shadow: 4px 4px 0px #d5d5d5, 7px 7px 0px rgba(0, 0, 0, 0.2);
}

.bottompart{
-webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px -4px 3px rgba(50, 50, 50, 0.75);
    box-shadow:         0px -4px 3px rgba(50, 50, 50, 0.75);
}


.hexagon150 {
  position: relative;
  width: 100%; 
  height: 60.60px;
  background-color: #65cc64;
  margin: 43.30px 0;
  padding-top:30px;
  font-size:30px;
  font-weight: bold;
}
.hexagon150 a{
text-decoration: none;
cursor: pointer;
}

.hexagon150 a:hover{
text-decoration: underline;
}


.hexagon150:before,
.hexagon150:after {
  content: "";
  position: absolute;
  width: 0;
  right: 0;
  border-left: 0px solid transparent;
  border-right: 75px solid transparent;
}

.hexagon150:before {
  bottom: 100%;
  border-bottom: 43.30px solid #65cc64;
}

.hexagon150:after {
  top: 100%;
  width: 0;
  border-top: 43.30px solid #65cc64;
}


.arrow_box {
	position: relative;
/*	background: #91cad5; */
background-image: url('https://ipsilondev.com/fondo3.jpg');
	border: 4px solid #a9dcf5;
	border-radius:5px;
}
.arrow_box:hover {
background-image: url('https://ipsilondev.com/fondo3b.jpg');
border-color: #d2eef9;
cursor:pointer;
}

.arrow_box a{
	padding-top:15px;
	padding-bottom:15px;
font-weight:bold;
text-decoration:none;
font-size:30px;
	cursor:pointer;

text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
display:block;
text-align:center;
width:100%;
}
.arrow_box a:hover{
text-decoration:none;
}

.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	cursor:pointer;
	border-color: rgba(145, 202, 213, 0);
	border-bottom-color: #91cad5;
}

.blackshadowindex{
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
color:black;margin-top:0px;padding-top:0px;font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
text-decoration:none;font-size:30px;
text-transform:uppercase;
font-weight:bold;
color:black;
}
a.blackshadowindex:visited{
color:black;
}
a.blackshadowindex:hover{
text-decoration:none;
color:white;
}

.headerinner{
padding:10px;border-bottom: 1px solid;padding-bottom: 28px;background-image: url('https://ipsilondev.com/fondo2.jpg');color: black;padding-top: 24px;border-radius: 5px;margin-top: 10px;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}


#mc_embed_signup_scroll h2{
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}

iframe{
border-radius: 5px;
}

img{
border-radius: 5px;
}
.maingeneral{
text-align:center;
}

.iseparator,
.iseparator2{
display:none;

}

.indexblock{
width:250px;margin:0 auto;display:inline-block;
}

.indextoleft{
margin-left:40px;
}

@media (max-width: 949px) {
.iseparator2{
clear:both;
margin-top:170px;
display:block;

}

#iblock2{
margin-left:0px;
}
}

@media (max-width: 613px) {
.iseparator{
clear:both;
margin-top:170px;
display:block;
}
#iblock1{
margin-left:0px;
}
}
.gamesimage{
display:inline-block;width:290px;text-align:left;padding-left:10px;margin-top:10px;
vertical-align:middle;
}
.descriptiongames{
background-image:url('https://ipsilondev.com/fondo2.jpg');border-radius:5px;padding:10px;color:black;display:inline-block;width:370px;box-shadow:0 0 80px rgba(255,255,255,0.6);
vertical-align:middle;
}

.gametitleh{
text-align:left;border-bottom:1px solid white;
}

@media (max-width: 768px) {
.gamesimage{
padding-left:0px;
text-align:center;
margin-bottom:20px;
}
.arrow_box{
width:90%;
margin:0 auto;
}

.gametitleh{
width:90%;
margin: 20px auto;
}
.headerinner{
width:90%;
margin:10px auto;
}
.descapp{
width:90%;
margin:0 auto;
padding:20px;
}

}