/* ============
  SKINS
==============*/
#main, #headerAds{position: relative !important;}
footer{z-index: 5;position: relative;}
#bodycontent{    
  display: table-cell;
  vertical-align: top; 
}
#main{background-color: #f3f2ef;}
#background {
	display: block;
	background-repeat: repeat;
	background-attachment:fixed;
	position: fixed;
	top: 0;
	left: 0; 
	width: 100%;
	height:100%;
	z-index: 0;
}

#skin {
	position: fixed;
	width: 100%;
	height:100%;
	top: 0px;
	left: 0px;
	z-index:3;
}

#skin img{
  position:absolute;   
  width:100%; 
  height:100%;
  z-index:2; 
  border:0;
  opacity: 0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity:0;
}

.skin-right {
  display: none;
  position:relative;

}

.skin-left {
  display: none;
  position:relative;

}

img.skin-side-left {
  display: none;

}

img.skin-side-right {
  display: none;

}



@media screen and (min-width: 1024px) {
  .skin-left {
    width: calc(calc(100vw - 1024px) / 2);
    display: table-cell;
    z-index:3;
    position: relative;
   }
   #main{padding:50px;}
  
  .skin-right {
    width: calc(calc(100vw - 1024px) / 2);
    display: table-cell;
    z-index:3;
    position: relative;
  }
  
}

@media screen and (min-width: 1400px) {


  img.skin-side-left {
    display: table-cell;
    position: sticky;
    top: 100px;
    width: 100%;
  }
  
  img.skin-side-right {
    display: table-cell;
    position: sticky;
    top: 100px;
    width: 100%;
  }


  .skin-left img{float:right;}
  .skin-right img{float:left;}
}

@media screen and (min-width: 1626px) {
  img.skin-left, img.skin-side-left,  img.skin-right, img.skin-side-right {
    min-width: 300px;
   }
}