/*** For Toggle-Up Down ***/

  .portelement_1 .play-icon.youtube-icon  {
        background: url(/wp-content/plugins/portfolio-gallery/assets/images/admin_images/play.youtube.png) center center no-repeat;
        background-size: 30% 30%;
  }
  .portelement_1 .play-icon.vimeo-icon  {
        background: url(/wp-content/plugins/portfolio-gallery/assets/images/admin_images/play.vimeo.png) center center no-repeat;
        background-size: 30% 30%;
  }
  .portelement_1 .play-icon {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .portelement_1 .dropdownable .play-icon {
        display: none;
  }
  .portelement_1  .add-H-relative {
        position: relative;
  }               
  /******/
  .portelement_1 {
        background:#F7F7F7;
        max-width:277px !important;
        margin: 5px;
    width: 275px !important;
    box-sizing: content-box;
        float: left;
        overflow: hidden;
        outline:none;
        border:1px solid #D0D0D0;
  }

  .portelement_1.large,
  .variable-sizes .portelement_1.large,
  .variable-sizes .portelement_1.large.width2.height2 {
        max-width: 275px;
        width: 100%;
        z-index: 10;
  }

  .default-block_1 {
        position:relative;
        max-width:275px !important;
        width: 100%;
        height:195px !important;
  } 

  .default-block_1 .image-block_1 {
        margin:0;
        padding: 0;
        line-height: 0;
        border-bottom:1px solid #D0D0D0;
        height:160px !important;
  }

  .default-block_1 .image-block_1 a {
        display:block;
        height:160px !important;
        overflow: hidden;
        position:relative;
  }

  .portelement_1 .default-block_1 img {
        margin: 0 !important;
        padding: 0 !important;
        max-width:275px ;
        max-width:none !important;
        border-radius: 0;
        }

  .default-block_1 .title-block_1 {
        position:relative;
        display:block;
        height: 34px;
        padding: 0 0 0 0;
        max-width:275px !important;
        width: 100%;
  }

  .default-block_1 .title-block_1 h3 {
        position:relative;
        margin: 0 !important;
        padding: 0 0 0 5px !important;
        max-width:245px !important;
        width: 80%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space:nowrap;
        font-weight:normal;
        color:#555555;
        font-size:15px !important;
        line-height: 1.2 !important;
        top: 50%;
        transform: translateY(-50%);
  }

  .portelement_1 .title-block_1 .open-close-button {
        width:20px;
        height:20px;
        display:block;
        position:absolute;
        top:50%;
        right:2%;
        background:url('/wp-content/plugins/portfolio-gallery/assets/images/admin_images/open-close.dark.png') left top no-repeat;
        z-index:5;
        cursor:pointer;
        opacity:0.33;
        transform: translateY( -50%);
  }

  .portelement_1:hover .title-block_1 .open-close-button {opacity:1;}

  .portelement_1.large .open-close-button {
        background:url('/wp-content/plugins/portfolio-gallery/assets/images/admin_images/open-close.dark.png') left bottom no-repeat;
  }

  .wd-portfolio-panel_1 {
        position: absolute;
        display:block;
        width:265px !important;
        margin: 0 5px 0 5px;
        padding: 0;
        text-align:left;
        top:195px;  
        z-index:6; 
        height:200px;
  }


  .wd-portfolio-panel_1 .description-block_1, .portelement_1 div.right-block .description-block_1 * {
        position:relative;
        clear:both;
  }

  .wd-portfolio-panel_1 .description-block_1 p,.wd-portfolio-panel_1 .description-block_1 * {     
        text-align:justify;
        /*font-weight:normal;*/
        font-size:14px;
        color:#5B5B5B;
        margin: 0;
        padding: 0;
  }



  .wd-portfolio-panel_1 .description-block_1 h1,
  .wd-portfolio-panel_1 .description-block_1 h2,
  .wd-portfolio-panel_1 .description-block_1 h3,
  .wd-portfolio-panel_1 .description-block_1 h4,
  .wd-portfolio-panel_1 .description-block_1 h5,
  .wd-portfolio-panel_1 .description-block_1 h6,
  .wd-portfolio-panel_1 .description-block_1 p, 
  .wd-portfolio-panel_1 .description-block_1 strong,
  .wd-portfolio-panel_1 .description-block_1 span {
        padding:2px !important;
        margin: 0 !important;
  }

  .wd-portfolio-panel_1 .description-block_1 ul,
  .wd-portfolio-panel_1 .description-block_1 li {
        padding:2px 0 2px 5px;
        margin: 0 0 0 8px;
  }


  .wd-portfolio-panel_1 .thumbs-list_1 {
        position:relative;
        clear:both;
        list-style:none;
        display:table;
        width:100%;
        padding: 0;
        margin:3px 0 0 0;
        text-align:center;
  }

  .wd-portfolio-panel_1 .thumbs-list_1 li {
        display:inline-block;
        margin: 0 3px 0 2px;
  }

  .wd-portfolio-panel_1 .thumbs-list_1 li a {
        display:block;
        width:75px;
        height:75px;
        opacity:0.7;
        display:table;
  }

  .wd-portfolio-panel_1 .thumbs-list_1 li a:hover {
        opacity:1;
  }

  .wd-portfolio-panel_1 img {
        margin: 0 !important;
        padding: 0 !important;
        display:table-cell;
        vertical-align:middle;
        width:75px !important;
        max-height:75px !important;
        width:100%;
        height:100%;
  }

  .wd-portfolio-panel_1 > div {
        position:relative;
        clear:both;
        padding-top:10px;
        margin-bottom:10px;
                        background:url('/wp-content/plugins/portfolio-gallery/assets/images/admin_images/divider.line.png') center top repeat-x;
        }

  .wd-portfolio-panel_1 .button-block {
        padding-top:10px;
        margin-bottom:10px;
        
  }

  .wd-portfolio-panel_1 .button-block a, .wd-portfolio-panel_1 .button-block a:link, .wd-portfolio-panel_1 .button-block a:visited {
        padding:6px 12px;
        text-decoration:none;
        display:inline-block;
        font-size:14px;
        background:#E74C3C;
        color:#FFFFFF;
  }

  .wd-portfolio-panel_1 .button-block a:hover, .wd-portfolio-panel_1 .button-block a:focus, .wd-portfolio-panel_1 .button-block a:active {
        background:#DF2E1B;
        color:#FFFFFF;
        text-decoration:none;
  }

  #huge_it_portfolio_content_1 #huge_it_portfolio_options_1 {
        position: relative;     
        overflow: hidden;
        margin-left:5px;width: auto; margin-bottom: 5px;display:table;        
        opacity: 0;        margin-bottom: 10px;
  }
        
  #huge_it_portfolio_content_1 #huge_it_portfolio_options_1 ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  float:left;margin-left:1%;}

  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
    width: 100%;
  }

            
  #huge_it_portfolio_content_1 #huge_it_portfolio_options_1 ul li {
    border-radius: 0px;
    list-style-type: none;
    margin: 0 !important;
    padding: 0;
    float:left !important;margin: 0 8px 4px 0 !important;border: 1px solid #ccc;}

  #huge_it_portfolio_content_1 #huge_it_portfolio_options_1 ul li a {
    background-color: #F7F7F7 !important;
    font-size:14px !important;
    color:#555555 !important;
        border-radius: 0px;
    text-decoration: none;
    cursor: pointer;
    margin: 0 !important;
    display: block;
    padding:3px;
  }

  /*#huge_it_portfolio_content_1 #huge_it_portfolio_options_1 ul li:hover {
    
  }*/

  #huge_it_portfolio_content_1 #huge_it_portfolio_options_1 ul li a:hover {
    background-color: #FF3845 !important;
    color:#FFFFFF !important;
    cursor: pointer;
  }
    
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 {
    position: relative; 
    overflow: hidden;
    float:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%;
    opacity: 0;}

  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li {
    list-style-type: none;
    border-radius: 0px;
    border: 1px solid #ccc;}

  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li a,
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li a:link,
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li a:visited {
    font-size:14px !important;
    color:#555555 !important;
    background-color: #F7F7F7 !important;
    border-radius: 0px;
    padding: 3px;
    display: block;
    text-decoration: none;
  }

  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1  ul li a:hover,
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1  ul li a:focus,
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1  ul li a:active {
    color:#FFFFFF !important;
    background-color: #FF3845 !important;
    cursor: pointer;
  }

  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li.active a,
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li.active a:link,
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li.active a:visited,
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1  ul li.active a:hover,
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1  ul li.active a:focus,
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1  ul li.active a:active {
    color:#FFFFFF !important;
    background-color: #FF3845 !important;
    cursor: pointer;
  }

  section#huge_it_portfolio_content_1 {
    position:relative;
    display:block;
  }

  #huge_it_portfolio_content_1 #huge_it_portfolio_container_1 {
    width: 79%;
    width:100%;opacity: 0;}
  #huge_it_portfolio_content_1 #huge_it_portfolio_options_1 #port-sort-direction{
    position: static;
  }
  @media screen and (max-width: 768px) {
        
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li a,
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li a:link,
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li a:visited {
                font-size: 2vw !important;
        }
  #huge_it_portfolio_content_1 #huge_it_portfolio_options_1 ul li a {
                font-size:2vw !important;
        }

  }
  @media screen and (max-width: 480px) {
  #huge_it_portfolio_container_1{
    width:100%;
  }
  #huge_it_portfolio_content_1 #huge_it_portfolio_options_1 {
        float: left;
  }
  #huge_it_portfolio_content_1 #huge_it_portfolio_options_1 #sort-by{
        float: left;
        width: 100% !important;
  }
  #huge_it_portfolio_content_1 #huge_it_portfolio_options_1 #port-sort-direction{
    float: left;
    width: 100% !important;
    position: relative;
    padding-left: 31% !important;
        right: 31%;
  }
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li a,
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li a:link,
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li a:visited {
                font-size: 3vw !important;
        }
  #huge_it_portfolio_content_1 #huge_it_portfolio_options_1 ul li a {
                line-height: 3vw;
                font-size:3vw !important;
        }
  }
  @media screen and (max-width: 420px) {
        
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li a,
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li a:link,
  #huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li a:visited {
                font-size: 4vw !important;
        }
  #huge_it_portfolio_content_1 #huge_it_portfolio_options_1 ul li a {
                font-size:4vw !important;
        }
  }
  @media screen and (max-width: 317px) {
   .portelement_1  {
                width:98%;
                margin: 1% !important;
                float: left;
                overflow: hidden;
                outline:none;
                border:1px solid #D0D0D0;
    }
        .wd-portfolio-panel_1 {
                width: 100% !important;
        }
  }
  #huge-it-container-loading-overlay_1 {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background:  url(/wp-content/plugins/portfolio-gallery/assets/images/loading/loading-1.svg) center top ;
    background-repeat: no-repeat;
    background-size: 60px auto;
    }
  #huge_it_portfolio_options_and_filters_1{
    position: relative;
    float: left;
    width: 20%;
    max-width: 180px;
    float:top;
    margin-left:1%;    margin-top: 5px;
  }