.element {
        width:275px;
        height:205px;
        margin:0px 0px 10px 0px;
        background:#f9f9f9;
        border:1px solid #dedede;
        outline:none;
  }

  .element .image-block {
        position:relative;
        width:100%;
  }

  .element .image-block img {
        width:275px !important;
        height:160px !important;
        display:block;
        border-radius: 0px !important;
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important; 
  }

  .element .image-block .image-overlay {
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        background: rgba(255,255,255,0.7)  !important;
        display:none;
  }

  .element:hover .image-block  .image-overlay {
        display:block;
  }

  .element .image-block .image-overlay a {
        position:absolute;
        top:0px;
        left:0px;
        display:block;
        width:100%;
        height:100%;
        background:url('/wp-content/plugins/portfolio-gallery/Front_end/../images/zoom.light.png') center center no-repeat;
  }

  .element .title-block {
        position:relative;
        height: 30px;
        margin: 0;
        padding: 15px 0px 15px 0px;
        -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
        box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
  }

  .element .title-block h3 {
        position:relative;
        margin:0px !important;
        padding:0px 1% 0px 1% !important;
        width:98%;
        text-overflow: ellipsis;
        overflow: hidden; 
        white-space:nowrap;
        font-weight:normal;
        font-size: 18px !important;
        line-height: 18px !important;
        color:#222222;
  }

  .element .title-block .button-block {
        position:absolute;
        right:0px;
        top:0px;
        display:none;
        vertical-align:middle;
        height:30px;
        padding:10px 10px 4px 10px;
        background: rgba(255,255,255,0.7)  !important;
        border-left: 1px solid rgba(0,0,0,.05);
  }
  .element:hover .title-block .button-block {display:block;}

  .element .title-block a,.element .title-block a:link,.element .title-block a:visited,
  .element .title-block a:hover,.element .title-block a:focus,.element .title-block a:active {
        position:relative;
        display:block;
        vertical-align:middle;
        padding: 3px 10px 3px 10px; 
        border-radius:3px;
        font-size:14px;
        background:#2ea2cd;
        color:#ffffff;
        text-decoration:none;
  }

  /*#####POPUP#####*/

  #huge_it_portfolio_popup_list {
        position:fixed;
        display:table;
        width:80%;
        top:7%;
        left:7%;
        list-style:none;
        z-index:200;
        display:none;
        height:90%;
  }

  #huge_it_portfolio_popup_list.active {display:table;}

  #huge_it_portfolio_popup_list li.pupup-element {
        position:relative;
        display:none;
        width:100%;
        padding:40px 0px 20px 0px;
        min-height:100%;
        position:relative;
        background:#FFFFFF;
  }

  #huge_it_portfolio_popup_list li.pupup-element.active {
        display:block;
  }

  #huge_it_portfolio_popup_list .heading-navigation {
        position:absolute;
        width:100%;
        height:40px;
        top:0px;
        left:0px;
        z-index:201;
        background:url('/wp-content/plugins/portfolio-gallery/Front_end/../images/divider.line.png') center bottom repeat-x;
  }

  #huge_it_portfolio_popup_list .heading-navigation .close,#huge_it_portfolio_popup_list .heading-navigation .close:link, #huge_it_portfolio_popup_list .heading-navigation .close:visited {
        position:relative;
        float:right;
        width:40px;
        height:40px;
        display:block;
        background:url('/wp-content/plugins/portfolio-gallery/Front_end/../images/close.popup.dark.png') center center no-repeat;
        border-left:1px solid #ccc;
        opacity:.65;
  }

  #huge_it_portfolio_popup_list .heading-navigation .close:hover, #huge_it_portfolio_popup_list .heading-navigation .close:focus, #huge_it_portfolio_popup_list .heading-navigation .close:active {opacity:1;}


  #huge_it_portfolio_popup_list li.pupup-element .popup-wrapper {
        overflow-y:scroll;
        position:relative;
        width:96%;
        height:98%;
        padding:2% 2% 0% 2%;
  }

  #huge_it_portfolio_popup_list .popup-wrapper .image-block {
        width:60%;
        position:relative;
        float:left;
        margin-right:2%;
        border-right:1px solid #ccc;
        min-width:200px;
  }

  #huge_it_portfolio_popup_list .popup-wrapper .image-block img {
        width:100% !important;
        display:block;
  }

  #huge_it_portfolio_popup_list .popup-wrapper .right-block {
        width:37%;
        position:relative;
        float:left;
  }

  #huge_it_portfolio_popup_list li.pupup-element .popup-wrapper .right-block > div {
        padding-top:10px;
        margin-bottom:10px;
                        background:url('/wp-content/plugins/portfolio-gallery/Front_end/../images/divider.line.png') center top repeat-x;
        }
  #huge_it_portfolio_popup_list li.pupup-element .popup-wrapper .right-block > div:last-child {background:none;}


  #huge_it_portfolio_popup_list .popup-wrapper .right-block .title {
        position:relative;
        display:block;
        margin:0px 0px 10px 0px !important;
        font-size:18px !important;
        line-height:18px !important;
        color:#222222;
  }

  #huge_it_portfolio_popup_list .popup-wrapper .right-block .description {
        clear:both;
        position:relative;
        font-weight:normal;
        text-align:justify;
        font-size:14px !important;
        color:#;
  }

  #huge_it_portfolio_popup_list .popup-wrapper .right-block .description h1,
  #huge_it_portfolio_popup_list .popup-wrapper .right-block .description h2,
  #huge_it_portfolio_popup_list .popup-wrapper .right-block .description h3,
  #huge_it_portfolio_popup_list .popup-wrapper .right-block .description h4,
  #huge_it_portfolio_popup_list .popup-wrapper .right-block .description h5,
  #huge_it_portfolio_popup_list .popup-wrapper .right-block .description h6,
  #huge_it_portfolio_popup_list .popup-wrapper .right-block .description p, 
  #huge_it_portfolio_popup_list .popup-wrapper .right-block .description strong,
  #huge_it_portfolio_popup_list .popup-wrapper .right-block .description span {
        padding:2px !important;
        margin:0px !important;
  }

  #huge_it_portfolio_popup_list .popup-wrapper .right-block .description ul,
  #huge_it_portfolio_popup_list .popup-wrapper .right-block .description li {
        padding:2px 0px 2px 5px;
        margin:0px 0px 0px 8px;
  }

  #huge_it_portfolio_popup_list .popup-wrapper .right-block ul.thumbs-list {
        list-style:none;
        display:table;
        position:relative;
        clear:both;
        width:100%;
        margin:0px auto;
        padding:0px;
  }

  #huge_it_portfolio_popup_list .popup-wrapper .right-block ul.thumbs-list li {
        display:block;
        float:left;
        width:75px;
        height:75px;
        margin:0px 2% 5px 1% !important;
        opacity:0.45;
  }

  #huge_it_portfolio_popup_list .popup-wrapper .right-block ul.thumbs-list li.active,#huge_it_portfolio_popup_list .popup-wrapper .right-block ul.thumbs-list li:hover {
        opacity:1;
  }

  #huge_it_portfolio_popup_list .popup-wrapper .right-block ul.thumbs-list li a {
        display:block;
  }

  #huge_it_portfolio_popup_list .popup-wrapper .right-block ul.thumbs-list li img {
        width:75px !important;
        height:75px !important;
  }


  .pupup-element .button-block {
        position:relative;
  }

  .pupup-element .button-block a,.pupup-element .button-block a:link,.pupup-element .button-block a:visited{
        position:relative;
        display:inline-block;
        padding:6px 12px;
        background:#2ea2cd;
        color:#ffffff;
        font-size:14;
        text-decoration:none;
  }

  .pupup-element .button-block a:hover,.pupup-element .button-block a:focus,.pupup-element .button-block a:active {
        background:#0074a2;
        color:#ffffff;
  }


  #huge-popup-overlay {
        position:fixed;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        z-index:199;
        background: rgba(0,0,0,0.7)  !important}


  @media only screen and (max-width: 767px) {
        
        #huge_it_portfolio_popup_list {
                position:absolute;
                left:0px;
                top:0px;
                width:100%;
                height:auto !important;
                left:0px;
        }
        
        #huge_it_portfolio_popup_list li.pupup-element {
                margin:0px;
                height:auto !important;
                position:absolute;
                left:0px;
                top:0px;
        }

        #huge_it_portfolio_popup_list li.pupup-element .popup-wrapper {
                height:auto !important;
                overflow-y:auto;
        }


        #huge_it_portfolio_popup_list .popup-wrapper .image-block {
                width:100%;
                float:none;
                clear:both;
                margin-right:0px;
                border-right:0px;
        }

        #huge_it_portfolio_popup_list .popup-wrapper .right-block {
                width:100%;
                float:none;
                clear:both;
                margin-right:0px;
                border-right:0px;
        }

        #huge-popup-overlay {
                position:fixed;
                top:0px;
                left:0px;
                width:100%;
                height:100%;
                z-index:199;
        }

  }