/* Text Pop up*/

.textPopup
{
    position:relative;
    height:150px;
    overflow:hidden;
    color:#cccccc;
}

.textPopup:hover
{
}

.textPopupTitle
{
    position: absolute;
    bottom:0px;
    left:0px;
    background-color:black;
    opacity:0.8;
    width:100%;
          transition-delay: 0.5s;
          padding:5px;
          color:#cccccc;
}

.textPopupText
{
    position: absolute;
    bottom:0px;
    left:0px;
    background-color:black;
    opacity:0;
    width:100%;
          transition: 0.5s;
          padding:5px;
          color:#cccccc;
}

.textPopupTextHover {
    opacity: 1;
    transition: 0.5s;
}

.textPopupImage {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
/* Image Swap */

.ImageSwap_main
{
    position:relative;
    height:200px;
    overflow:hidden;
    color:#cccccc;
}

.ImageSwap_Title
{
    position:absolute;
    bottom:-50px;
    width:100%;
    text-align:center;
    color:#cccccc;
    background:black;
    transition: 0.5s;
    opacity:0;
}

.ImageSwap_TitleShow
{
    opacity:1;
    bottom:0px;
    transition: 0.5s;
}

.ImageSwap_Image1
{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
}

.ImageSwap_Image2
{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    opacity:0;
    transition: 0.5s;
    cursor:pointer;
}

.ImageSwap_Image2Show
{
    opacity:1;
    transition: 0.5s;
    cursor:pointer;
}/*  polaroid */

.polaroid{
    width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  padding:15px;
  background-color:white;
  margin-bottom:10px;
}

.polaroidtext
{
    color:black;
    padding-top:15px;
}/* Card */

.CardImage
{
    width:100%;
    height:100%;
}

.CardImageContainer
{
  width:  100%; /*or 70%, or what you want*/
  height: 100px; /*or 70%, or what you want*/
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  min-height:140px;
  height:180px;
}

.CardImageTitle
{
color:black;
}

.CardImageText
{
    padding:0px 10px 10px 10px;
    color:black;
}/* Image Reveal Up */

.ImageRevealUp_main
{
    position:relative;
    min-height:200px;
    height:auto;
    overflow:hidden;
    color:#cccccc;
}

.ImageRevealUp_Title
{
    position:absolute;
    top:0px;
    width:auto;
    width:100%;
    color:#cccccc;
    background:black;
    z-index:110;
    padding:10px;
}

.ImageRevealUp_Image
{
    position: absolute;
    top:0px;
    left:0px;
    max-height:100%;
    transition: 1s;
    z-index:100;
    width: 100%;
}

.ImageRevealUp_ImageSlide
{
    position: absolute;
    top:350px;
    left:0px;
    transition: 1s;
}

.ImageRevealUp_Text
{
    position:absolute;
    top:50px;
    width:100%;
    height:100%;
    padding:10px;
    overflow:hidden;
    color:black;
}
/* Image Swap */

.pb1_ImageSwap_main
{
    position:relative;
    height:330px;
    overflow:hidden;
    color:#cccccc;
}

.pb1_ImageSwap_Image1
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
}

.pb1_ImageSwap_Image2
{
position:absolute;
    top:0px;
    left:0px;
    width:100%;
    opacity:0;
    transition: 0.5s;
    cursor:pointer;
}

.pb1_ImageSwap_Image2Show
{
    opacity:1;
    transition: 0.5s;
    cursor:pointer;
}

.pb1_imageWrapper
{
   position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:200px;
    overflow:hidden;
    background-color:red;
}

.pb1_textWrapper
{
position:absolute;
top:200px;
left:0px;
background-color:white;
    height:auto;
    overflow:hidden;
    width:100%;
    color:black;
    padding:10px;
}

.pb1_button
{
     position:absolute;
    bottom:0px;
    right:0px;    
}

.pb1_button2
{

} .Card1 {
        position: relative;
        width: 100%;
        height: 300px;
        background-image: url('../../../../../image/Site/blockimage1.jpg');
          background-repeat: no-repeat;
          background-size:cover;
          background-position: center;
    }

    .card1Wrapper
    {
        position:absolute;
        left:10px;
        bottom:10px;
        background-color:white;
        padding:5px;
        width:90%;
    }

    .card1Text {
        height: 60px;
        text-align: center;
        height:0px;
        overflow:hidden;
        transition-duration: 0.6s;
    }

    .card1TextShow {
        height:120px;
        transition-duration: 0.6s;
    }

    .card1Title
    {
        font-size:1.1em;
        text-align:center;
    }  .pb3
  {
    height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right:-15px;
    margin-left:-15px;
  } .Card1 {
        position: relative;
        width: 100%;
        height: 300px;
        background-image: url('../../../../../images/Site/blockimage1.jpg');
          background-repeat: no-repeat;
          background-size:cover;
          background-position: center;
    }

    .card1Wrapper
    {
        position:absolute;
        left:10px;
        bottom:10px;
        background-color:white;
        padding:5px;
        width:90%;
    }

    .card1Text {
        height: 60px;
        text-align: center;
        height:0px;
        overflow:hidden;
        transition-duration: 0.6s;
    }

    .card1TextShow {
        height:120px;
        transition-duration: 0.6s;
    }

    .card1Title
    {
        font-size:1.1em;
        text-align:center;
    }.TitleBlock1
{
    margin-left:-15px;
    margin-right:-15px;
}

.BannerText
{
    position:relative;
    color:white;
    top:80px;
    left:80px;
    font-size:3em;
}

.CardImageContainer
{
  width:  100%; /*or 70%, or what you want*/
  height: 100px; /*or 70%, or what you want*/
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height:140px;
  height:300px;
}/* Image Grid */

.wd_ImageGridWrapper
{
    width:100%;
}

.wd_imageGrid1 {
    background-color:black;
    color:white;
    margin:0px;
}

.wd_imageGridCol
{
    margin:0px;
    padding:0px;
    width:100%;
}

.wd_imageGrid1 img {
    margin:0px;
    padding:0px;
}

.wd_imageGrid1Text
{
    width:100%;
    padding:10px 0px 0px 0px;
}

.wd_imageGrid2 {
    background-color:#606060;
    color:white;
    margin:0px;
}

.wd_imageGrid2 img {
    float:right;
}

.wd_imageGrid2Text
{
    padding:10px 0px 0px 0px;
}
/* CSS Name */