/* Column Style */
    .clm-1, .clm-2, .clm-3, .clm-4, .clm-5, .clm-6, .clm-1-alt, .clm-2-alt, .clm-3-alt, .clm-4-alt, .clm-5-alt, .clm-6-alt {
        position: relative;
        min-height: 1px;
        float: left;
    }
    .clm-1 {
        width: 100%;
    }
    .clm-1-alt {
        width: 0;
    }
    .clm-2 {
        width: 50%;
    }
    .clm-2-alt {
        width: 50%;
    }
    .clm-3 {
        width: 33.33333333%;
    }
    .clm-3-alt {
        width: 66.6666666%;
    }
    .clm-4 {
        width: 25%;
    }
    .clm-4-alt {
        width: 75%;
    }
    .clm-5 {
        width: 20%;
    }
    .clm-5-alt {
        width: 80%;
    }
    .clm-6 {
        width: 16.666666%;
    }
    .clm-6-alt {
        width: 83.33333333%;
    }
    .clm-push-3 {
        left: 33.3333%;
    }
    .clm-pull-3-alt {
        right: 66.6667%;
    }
    .clm-push-4 {
        left: 25%;
    }
    .clm-pull-4-alt {
        right: 75%;
    }
    .port-row:before, .port-row:after, .port-container:before, .port-container:after {
        content: " ";
        display: table;
    }
    .port-row:after, .port-container:after {
        clear: both;
    }
    .portfolio_single_wrapp.pd_change_hover_image .mask-wrapper .pd_thumb_image .pd_hover_effect_image {
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease-in;
        position: absolute;
        margin: auto !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .portfolio_single_wrapp.pd_change_hover_image .mask-wrapper:hover .pd_thumb_image .pd_hover_effect_image {
        visibility: visible;
        opacity: 1;
    }
    .portfolio_single_wrapp.pd_change_hover_image .mask-wrapper img {
        margin: auto !important;
    }
    /** Ming */
    .ming .mask:before {
        box-sizing: border-box;
        content: '';
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        top: 10px;
        left: 10px;
        position: absolute;
        border: 5px solid#fff;
    }
    .ming .mask-wrapper .mask {
        transition: all 0.3s ease-in;
        transform: matrix3d(1.5, 0, 0, 0, 0, 1.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    .ming .mask-wrapper:hover .mask {
        transform: none;
    }
    /** zoom_in2 **/
    .spiralzoom .mask-wrapper .mask:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        transition: all 0.5s ease-out;
        background:rgba(0, 0, 0, 0);
    }
    .spiralzoom .mask-wrapper:hover .mask:before {
        transition-delay: 0; 
        opacity: 1;
    }
    .spiralzoom .mask-wrapper:hover .mask:after {
        transition-delay: 0; 
        transform: translate(-50%,-50%) rotate(-300deg) scale(3);
    }
    .spiralzoom .mask-wrapper:hover .mask-inner {
        z-index: 9;
    }
    .spiralzoom .mask-wrapper .mask {
        transition: all 0.5s ease-out;
    }
    .spiralzoom .mask-wrapper:hover .mask:after{
        fill: red;
    }
    .spiralzoom .mask-wrapper .mask:after {
        content: "";
        position: absolute;
        transition: transform 0.5s ease-in;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="250px" height="234px"><path fill="rgba(255, 0, 60, 0.8)" d="M201.449,16.732 C229.021,59.363 222.332,125.403 176.384,153.001 C188.917,168.041 211.475,162.194 226.514,153.823 C235.694,147.985 244.060,141.291 249.903,132.928 C240.707,148.816 229.021,163.025 212.306,173.888 C198.097,183.089 183.074,188.105 166.358,189.776 C150.489,190.613 133.774,188.105 119.563,179.743 C116.244,188.105 118.735,196.460 122.917,203.985 C134.620,222.372 154.672,229.896 173.878,233.244 C123.748,235.752 68.620,197.300 67.772,143.800 C56.088,144.628 48.568,156.331 45.214,166.363 C40.201,183.089 41.879,201.477 48.568,217.365 C30.175,187.268 26.010,148.816 41.049,116.209 C48.568,101.169 59.425,89.460 73.633,80.265 C69.451,76.088 64.438,72.741 58.594,71.903 C35.188,70.233 13.477,82.773 0.097,101.169 C22.673,56.024 84.490,28.435 130.437,54.346 C135.450,43.483 129.607,31.781 122.087,23.419 C109.555,10.039 92.839,3.354 76.122,0.015 C103.694,0.015 129.607,8.370 151.319,26.765 C169.695,43.483 180.567,66.056 182.243,90.290 C189.747,89.460 194.760,84.443 198.925,78.597 C211.475,59.363 208.123,36.797 201.449,16.732 L201.449,16.732 Z"></path></svg>');
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding-bottom: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        transform-origin: center;
        transform: translate(-50%,-50%) rotate(0) scale(0);
    }
    /** Winston */
    .winston .mask-wrapper:hover .mask_bg {
        transition: all 0.5s ease-in-out 0s;
    }
    .winston .mask-wrapper .mask-inner .info-wrapp {
        padding-top: 15px;
    }
    .winston .mask-wrapper .mask .mask-inner,
    .winston .mask-wrapper .mask {
        transition: all 0.4s ease-in-out 0s;
    }
    .winston .mask-wrapper:hover .mask .mask-inner{
        z-index: 99;
    }
    .portfolio_single_wrapp.winston:not(.overlay_image) .mask-wrapper .mask .mask-inner .info-wrapp {
        padding: 15px;
    }
    .winston .mask-wrapper .mask_bg:before {
        content: '';
        background: linear-gradient(225deg,rgba(234,32,39,0.8) 50%,transparent 49%);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        max-width: 100%;
        max-height: 100%;
        opacity: 0;
    }
    .winston .mask-wrapper:hover .mask_bg:before {
        opacity: 1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
        z-index: 9;
    }
    .winston .mask-wrapper .mask:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        background-color: rgba(179, 44, 44, 0.53);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.35s ease;
        -moz-transition: all 0.35s ease;
        transition: all 0.35s ease;
        width: 0;
        height: 100%;
    }
    .winston .mask-wrapper .mask:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(179, 44, 44, 0.53);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.35s ease;
        -moz-transition: all 0.35s ease;
        transition: all 0.35s ease;
        width: 0;
        height: 100%;
    }
    .winston .mask-wrapper:hover .mask:after,
    .winston .mask-wrapper:hover .mask:before{
        width: 50%;
    }
    .winston .mask-wrapper:hover .mask-inner:before {
        content: '';
        border-top: 2px solid #fff;
        left: 0;
        right: 0;
        max-width: 100%;
        max-height: 100%;
        width: 45%;
        position: absolute;
        margin: 0 auto;
    }
    .winston .mask-wrapper:hover .mask-inner:after {
        content: '';
        border-top: 2px solid #fff;
        left: 0;
        right: 0;
        max-width: 100%;
        max-height: 100%;
        width: 45%;
        position: absolute;
        margin: 10px auto;
    }

    /** Zoom 4 */
    /** radial-out */
    .radial-out .mask-wrapper:hover .mask:before,
    .radial-out .mask-wrapper:hover .mask:after {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1,1);
        transition-delay: 0;
    }
    .radial-out .mask-wrapper .mask {
        transition: all 0.4s ease-in-out 0s;
    }
    .radial-out .mask-wrapper .mask:after {
        content: "";
        position: absolute;
        width: 150%;
        height: 150%;
        padding-bottom: 150%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) scale(0,0);
        border-radius: 50%;
        box-sizing: border-box;
        transition: transform 1.2s ease;
        background:rgba(0, 0, 255, 0.5);
        opacity: 0;
    }
    .radial-out .mask-wrapper .mask-inner {
        z-index: 9;
    }
    .radial-out .mask-wrapper .mask {
        transition: all 0.5s ease-out;
    }
    .radial-out .mask-wrapper .mask:before {
        content: "";
        position: absolute;
        width: 150%;
        height: 150%;
        padding-bottom: 150%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) scale(0,0);
        border-radius: 50%;
        box-sizing: border-box;
        transition: all 0.5s ease-out;
        background:rgba(255, 30, 10, 0.8);
        opacity: 0;
    }

    /** zoom_in6 */
    /** shutter-in-horizontal */
    .shutter-in-horizontal .mask-wrapper .mask:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        background-color: rgba(179, 44, 44, 0.53);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 0;
        -webkit-transition: all 0.35s ease;
        -moz-transition: all 0.35s ease;
        transition: all 0.35s ease;
        height: 100%;
    }
    .shutter-in-horizontal .mask-wrapper .mask {
        -webkit-transition: all 0.35s ease;
        -moz-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

    .shutter-in-horizontal .mask-wrapper .mask:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(179, 44, 44, 0.53);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 0;
        height: 100%;
        -webkit-transition: all 0.35s ease;
        -moz-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }
    .shutter-in-horizontal .mask-wrapper:hover .mask:after,
    .shutter-in-horizontal .mask-wrapper:hover .mask:before{
        width: 50%;
    }
    .shutter-in-horizontal .mask-wrapper .mask-inner {
        transform: translate(-50%, -100%) translate3d(0px, 0px, 0px);
        transition: all 0.5s ease-out;
    }
    .shutter-in-horizontal .mask-wrapper:hover .mask-inner {
        transform : translate(-50%, -50%);
        z-index: 9;
    }

    /** zoom_in7 **/
    /** Shutter In Vertical */
    .shutter-in-vertical .mask-wrapper .mask:after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: rgba(179, 44, 44, 0.53);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.35s ease;
        -moz-transition: all 0.35s ease;
        transition: all 0.35s ease;
        width: 100%;
        height: 0;
    }
    .shutter-in-vertical .mask-wrapper .mask {
        -webkit-transition: all 0.35s ease;
        -moz-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }
    .shutter-in-vertical .mask-wrapper .mask:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(179, 44, 44, 0.53);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.35s ease;
        -moz-transition: all 0.35s ease;
        transition: all 0.35s ease;
        width: 100%;
        height: 0;
    }
    .shutter-in-vertical .mask-wrapper:hover .mask:after,
    .shutter-in-vertical .mask-wrapper:hover .mask:before{
        height: 50%;
    }
    .shutter-in-vertical .mask-wrapper .mask-inner {
        transform: translate(-50%, -100%) translate3d(0px, 0px, 0px);
        transition: all 0.5s ease-out;
    }
    .shutter-in-vertical .mask-wrapper:hover .mask-inner {
        transform : translate(-50%, -50%);
        z-index: 9;
    }

    /** zoom_in8 **/
    /** Sadie */

    .port-container {
        vertical-align: middle;
        margin-right: auto;
        margin-left: auto;
    }
    .port-row {
        margin-left: -15px;
        margin-right: -15px;
        max-width: 100%;
    }
    .padding_left_15 {
        padding-left: 15px;
    }
    .padding_right_15 {
        padding-right: 15px;
    }
    .portfolio_gallery .gallery {
        margin: 0;
    }
    /*---------------------------------- Pagination ------------------------------------*/
    nav.paging-navigation {
        clear: left;
        padding-top: 20px;
    }
    .portdesign_autoload button {
        display: none !important;
    }
    .portfolio_loader {
        clear: left;
        display: none;
        padding: 25px 0;
        position: relative;
        text-align: center;
    }
    .portdesign_loadmore.template-3 .button.portdesign-load-more-btn{
        border-radius: 0;
        border: 0;
        padding: 15px 30px;
        position: relative;
    }
    .portdesign_loadmore.template-3 .button.portdesign-load-more-btn:before {
        content: "";
        height: 30px;
        width: 30px;
        border-top: 2px solid #000;
        border-left: 2px solid #000;
        position: absolute;
        transition: all 0.3s;
        padding: 10px 15px;
        position: relative;
    }
    .portdesign_loadmore.template-3 .button.portdesign-load-more-btn:after {
        content: "";
        height: 30px;
        width: 30px;
        border-bottom: 2px solid #000;
        border-right: 2px solid #000;
        position: absolute;
        transition: all 0.3s;
        padding: 10px 15px;
        position: relative;
    }
    .portfolio_filter_class .portfolio_filter_gallery {
        display: inline-block;
        width: 100%;
        position: relative;
        text-align: center;
    }
    #portfolio_filter_gallery_ul {
        list-style: none;
        text-align: center;
        display: inline-block;
        margin-bottom: 0;
    }
    .portfolio_filter_gallery.template-1 ul li a{
        background-color: transparent;
        border-color: #222 ;
        color: #222;
    }
    .portfolio_filter_gallery.template-1 ul li a.portfolio_gallery_selected,
    .portfolio_filter_gallery.template-1 ul li a:hover,
    .portfolio_filter_gallery.template-1 ul li a:focus{
        background-color: #222;
        color: #fff ;
    }
    .portfolio_filter_gallery.template-1 ul li:before {
        content: "";
    }
    .portfolio_filter_gallery.template-1 ul li {
        display: inline-block;
        margin: 5px 2px;
        padding: 0;
        position: relative;
    }
    .portfolio_filter_gallery.template-1 ul li a {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .portfolio_filter_gallery.template-1 ul li a:hover, .portfolio_filter_gallery.template-1 ul li a:focus {
        text-decoration: none;
        outline: none;
    }
    .portdesign_loadmore {
        clear: left;
        text-align: center;
    }
    .fbx-next:before {
        content: "\f0da" !important;
        font-family: 'Font Awesome 5 Free' !important;
        font-weight: 900;
    }
    .fbx-prev:before {
        content: "\f0d9" !important;
        font-family: 'Font Awesome 5 Free' !important;
        font-weight: 900;
    }
    .fbx-close:before {
        content: "\f00d" !important;
        font-family: 'Font Awesome 5 Free' !important;
        font-weight: 900;
    }

    /*---------------------------------- EFFECTS ------------------------------------*/
    .portdesign-single .post-thumbnail {
        display: block;
        overflow: inherit;
        width: 50%;
        float: left;
    }
    .portdesign-single .entry-content {
        margin: 0px !important;
        padding-left: 0px;
    }
    .portdesign-single .entry-content p {
        margin-bottom: 20px;
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
        color: #444;
    }
    .portdesign-single-wrapper .comments-area {
        margin: 40px 0px 0px 0px;
        width: 100%;
        display: table;
    }
    .portdesign-single-wrapper .gallery-wrapp {
        text-align: left;
    }
    .portdesign-single-wrapper .gallery-wrapp .port_fancybox {
        margin-right: 4px;
    }
    .portdesign-single-wrapper .portdesign-single .entry-header {
        float: none;
        width: 100%;
    }
    .single-slider .portdesign-single .entry-header .entry-title,
    .portdesign-single-wrapper .portdesign-single .entry-header{
        font-family: 'Roboto Slab', serif;
    }
    .mask-wrapper {
        display: block !important;
         text-align: center; 
    }
    /*.entry-content a img, .entry-summary a img, .comment-content a img, .textwidget a img {
        display: block;
        margin: 0 auto;
    }*/
    .mask-wrapper a {
        display: block;
        margin: 0;
        padding: 0;
    }
    .mask-wrapper a .wp-post-image {
        margin: 0px auto !important;
    }
    .portfolio_cobbles_class .mask-wrapper a .wp-post-image {
        width:100%;
    }
    .portfolio_slider .slick-arrow {
        height: 35px;
        width: 35px;
        line-height: 30px !important;
    }
    .mask-wrapper {
        display: inline-block;
        overflow: hidden;
        position: relative;
        vertical-align: middle;
        width: auto;
    }
    .mask-wrapper.overflow-visible {
        overflow: visible;
    }
    .mask-wrapper img {
        max-width: 100%;
        display: block;
        position: relative;
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
        margin: 0 !important;
    }
    .mask-wrapper .apply_grayscale{
        filter: grayscale(100%);
    }
    .mask-wrapper .apply_grayscale:hover{
        filter: none !important;
    }
    .mask-wrapper .mask {
        background-color: rgba(0, 0, 0, 0.7);
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        text-align: center;
        opacity: 0;
    }
    .mask-wrapper:hover .mask {
        opacity: 1;
    }
    .mask-wrapper .mask-inner {
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
    }
    .mask-wrapper .mask h4 {
        word-wrap: break-word;
    }
    .mask-wrapper .mask-inner .info-wrapp{
        padding: 0 15px;
    }
   
    .mask-wrapper .mask a.info {
        color: #f2f2f2;
        box-shadow: none;
        border: medium none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        display: inline-block;
        vertical-align: middle;
    }
    .right_corner .mask-wrapper .mask-inner .info-wrapp, .overlay_top .mask-wrapper .mask-inner .info-wrapp {
        margin-top: 15px;
    }
    .overlay_top .mask-wrapper .mask a.info {
        display: inline;
    }
    .mask-wrapper .mask a.info span {
        border: 2px solid rgba(255, 255, 255, 1);
        opacity: 1;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 14px;
        box-sizing: content-box;
        text-align: center;
    }
    .mask-wrapper .mask a.info:hover span, .mask-wrapper .mask a.info:focus span, .mask-wrapper .mask a.info:active span {
        opacity: 0.7;
    }
    .mask-wrapper .mask a:hover, .mask-wrapper .mask a:active, .mask-wrapper .mask a:focus {
        text-decoration: none;
        outline: none;
        border:none!important;
    }
    .portfolio_single_wrapp .mask-wrapper .mask a.button.info:hover{
        border:none!important;
    }
    .mask-contents-wrapp {
        overflow: hidden;
        text-align: center; 
    }
    .mask-wrapper .mask h4, .portfolio_single_wrapp .mask-contents h4 {
        color: #fff;
        text-align: center;
        position: relative;
        margin: 0;
        line-height: 1.2;
        word-wrap: break-word;
    }
    .mask-wrapper .mask p, .portfolio_single_wrapp .mask-contents p {
        font-style: italic;
        font-size: 14px;
        position: relative;
        color: #fff;
        padding: 10px 20px;
        text-align: center;
        word-wrap: break-word;
        margin: 0;
    }
    .portfolio_single_wrapp .mask-contents, .portfolio_single_wrapp .mask-contents h4, .portfolio_single_wrapp .mask-contents p {
        background: transparent;
        white-space: normal;
        word-wrap: break-word;
    }
    .door_style .apply_border {
        position: relative;
    }
    .door_style .mask-contents{
        opacity: 0;
        position: absolute;
        width: 100%;
        z-index: 1;
        transition: top 300ms linear, opacity 0.1s ease-in-out, height 0.1s ease-in-out;
    }
    .door_style .mask-wrapper{
        z-index: 2;
    }
    .portfolio_single_wrapp .mask-contents .mask-contents-wrapp .pd_read_more_btn{
        height: 29px;
        line-height: 29px;
    }
    .portfolio_single_wrapp .read-more-wrap{
        padding: 5px 10px;
    }
    .page-template-page-templates .content-area .site-main .entry-content .port_thumb_img .wp-post-image {
        margin-left: 0;
    }
    .door_style:hover {
        margin-bottom: -179px;
        padding-bottom: 179px !important;
    }
    .door_style:hover .mask-wrapper{
        border: 6px solid black;
        border-bottom: none;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    /*.door_style:hover .apply_border{
        border: 6px solid black;
        border-bottom: none;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }*/
    .door_style:hover .mask-contents{
        opacity: 1;
        /*  transition: bottom 300ms linear, opacity 0.1s ease-in-out, height 0.1s ease-in-out; */
        -webkit-transition: all .50s ease;
        -moz-transition: all .50s ease;
        -ms-transition: all .50s ease;
        -o-transition: all .50s ease;
        transition: all .50s ease;
        z-index: 3;
        border: 6px solid black;
        border-top: none;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .portfolio_single_wrapp.left_side .mask-wrapper,
    .portfolio_single_wrapp.left_side .mask-contents {
        float: right;
        width: 50%;
    }
    .portfolio_single_wrapp.right_side .mask-wrapper,
    .portfolio_single_wrapp.right_side .mask-contents {
        float: left;
        width: 50%;
    }

    /* custom effect */
    .oscar_effect .mask-inner {
        transition: all 0.45s ease-in-out;
    }
    .oscar_effect.overlay_image .mask-inner a.pd_title {
        display: inline-block;
        width: 100%;
        position: absolute;
        bottom: -10px;
        left: 0;
        overflow: hidden;
    }
    .oscar_effect.overlay_image .mask-inner .portfolio_designer_title {
        position: relative;
        padding: 0 10px !important;
        bottom: 0px;
    }
    .oscar_effect.overlay_image .mask-wrapper .mask .mask-inner p {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        width: 100%;
        padding: 0 10px;
        margin: 0;
        opacity: 0;
        line-height: 1.6em;
        font-size: 0.9em;
        transition: all 0.45s ease-in-out; 
    }
    .oscar_effect.overlay_image .mask-inner {
        position: absolute;
        padding: 10px;
        border: 1px solid white;
        border-width: 1px 1px 0;
        width: 80%;
        height: 15%;
    }
    .overlay_image .mask-wrapper .mask .info-wrapp {
        text-align: center;
    }
    .oscar_effect:hover .mask-wrapper .mask .mask-inner p {
        opacity: 1;
        transition: all 0.45s ease-in-out;
        display: contents;
    }
    .oscar_effect.right_side:hover .mask,
    .oscar_effect.right_side:hover .mask-inner,
    .oscar_effect.left_side:hover .mask,
    .oscar_effect.left_side:hover .mask-inner,
    .oscar_effect.bottom_image:hover .mask,
    .oscar_effect.bottom_image:hover .mask-inner,
    .right_side.oscar_effect:hover .mask-wrapper .mask-inner .info-wrapp,
    .left_side.oscar_effect:hover .mask-wrapper .mask-inner .info-wrapp,
    .bottom_image.oscar_effect:hover .mask-wrapper .mask-inner .info-wrapp,
    .oscar_effect.overlay_image:hover .portfolio_date,
    .oscar_effect.overlay_image:hover .custom_texonomies,
    .overlay_image.oscar_effect:hover .mask-wrapper .mask p,
    .overlay_image.oscar_effect:hover .mask-wrapper .mask .info-wrapp,
    .oscar_effect.overlay_image .mask-wrapper .mask {
        opacity: 1;
    }
    .oscar_effect.right_side .mask,
    .oscar_effect.right_side .mask-inner,
    .oscar_effect.left_side .mask,
    .oscar_effect.left_side .mask-inner,
    .oscar_effect.bottom_image .mask,
    .oscar_effect.bottom_image .mask-inner,
    .oscar_effect.overlay_image .portfolio_date,
    .oscar_effect.overlay_image .custom_texonomies,
    .oscar_effect.overlay_image .mask-wrapper .mask p,
    .oscar_effect.overlay_image .mask-wrapper .mask .info-wrapp {
        opacity: 0;
    }
    .oscar_effect.right_side:hover .mask-inner,
    .oscar_effect.left_side:hover .mask-inner,
    .oscar_effect.bottom_image:hover .mask-inner,
    .oscar_effect.overlay_image:hover .mask-inner,
    .oscar_effect:hover .mask-inner {
        height: 85%;
        -webkit-transition: all 0.45s ease-in-out;
        transition: all 0.45s ease-in-out;
    }
    .oscar_effect.overlay_image .portfolio_designer_title:before,
    .oscar_effect.overlay_image .portfolio_designer_title:after {
        position: absolute;
        display: block;
        width: 1000%;
        height: 1px;
        content: '';
        background: white;
        top: 50%;
    }
    .oscar_effect.overlay_image .portfolio_designer_title:before {
        left: -1000%;
    }
    .oscar_effect.overlay_image .portfolio_designer_title:after {
        right: -1000%;
    }
    .oscar_effect.overlay_image .portfolio_designer_title {
        display: table;
        margin: 0 auto;
        padding: 0 10px;
        position: relative;
        text-align: center;
        width: auto;
        text-transform: uppercase;
        font-weight: 400;
    }
    .oscar_effect.overlay_image .mask-wrapper .mask p,
    .oscar_effect.overlay_image .custom_texonomies,
    .oscar_effect.overlay_image .portfolio_date a {
        padding: 0;
    }
    .oscar_effect.overlay_image .mask-wrapper .mask p {
        width: 100%;
    }
    .oscar_effect.right_side .mask-inner,
    .oscar_effect.left_side .mask-inner,
    .oscar_effect.bottom_image .mask-inner {
        border: 1px solid white;
        width: 85%;
        height: 15%;
    }
    .right_side.oscar_effect .mask-wrapper .mask-inner .info-wrapp,
    .left_side.oscar_effect .mask-wrapper .mask-inner .info-wrapp,
    .bottom_image.oscar_effect .mask-wrapper .mask-inner .info-wrapp {
        transform: translate(-50%, -50%);
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        opacity: 0;
    }
    /* Turn From Left*/

    .hinge_right:hover .mask-wrapper .mask {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1;
    }
    .hinge_right .mask-wrapper .mask {
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        opacity: 0;
        left: 0;
        top: 0;
        transition: all 1s ease-out;
    }
    .hinge_right .mask-wrapper img {
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1;
    }
    .hinge_right:hover .mask-wrapper img {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0;
        transition: all 1s ease-out;
    }
    /* Turn From Top*/

    .hinge_bottom:hover .mask-wrapper .mask {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }
    .hinge_bottom .mask-wrapper .mask {
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        opacity: 0;
        left: 0;
        top: 0;
        transition: all 1s ease-out;
    }
    .hinge_bottom .mask-wrapper img {
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }
    .hinge_bottom:hover .mask-wrapper img {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
        opacity: 0;
        transition: all 1s ease-out;
    }
    /* Turn From Bottom*/

    .hinge_top:hover .mask-wrapper .mask {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }
    .hinge_top .mask-wrapper .mask {
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        opacity: 0;
        left: 0;
        top: 0;
        transition: all 1s ease-out;
    }
    .hinge_top .mask-wrapper img {
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }
    .hinge_top:hover .mask-wrapper img {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
        opacity: 0;
        transition: all 1s ease-out;
    }
    /* Turn From Right*/

    .hinge_left:hover .mask-wrapper .mask {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1;
    }
    .hinge_left .mask-wrapper .mask {
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0;
        left: 0;
        top: 0;
        transition: all 1s ease-out;
    }
    .hinge_left .mask-wrapper img {
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1;
    }
    .hinge_left:hover .mask-wrapper img {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        opacity: 0;
        transition: all 1s ease-out;
    }
    /* Rotating Twist Zoom-IN */

    .rotating_twist_zoomin:hover .mask-wrapper .mask {
        -webkit-transform: scale(1) rotateZ(0);
        -ms-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0);
        opacity: 1;
    }
    .rotating_twist_zoomin .mask-wrapper .mask {
        transition: all 1s ease-out;
        transform: scale(5);
        -webkit-transform: scale(5) rotateZ(720deg);
        transform: scale(5) rotateZ(720deg);
        opacity: 0;
    }
    .rotating_twist_zoomin:hover .mask-wrapper img {
        -webkit-transform: scale(5);
        -ms-transform: scale(5);
        transform: scale(5);
        opacity: 0;
    }
    .rotating_twist_zoomin .mask-wrapper img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        transition: all 1s ease-out;
    }

    /* Rotating Twist Zoom-Out */

    .rotating_twist_zoomout:hover .mask-wrapper .mask {
        -webkit-transform: scale(1) rotateZ(0);
        -ms-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0);
        opacity: 1;
    }
    .rotating_twist_zoomout .mask-wrapper .mask {
        transition: all 1s ease-out;
        transform: scale(5);
        -webkit-transform: scale(0) rotateZ(-720deg);
        transform: scale(0) rotateZ(-720deg);
        opacity: 0;
    }
    .rotating_twist_zoomout:hover .mask-wrapper img {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    .rotating_twist_zoomout .mask-wrapper img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        transition: all 1s ease-out;
    }

    /* Vertical Flip*/
    .flip_vertical .mask-wrapper img {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        -ms-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    .flip_vertical .mask-wrapper .mask {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .flip_vertical:hover .mask-wrapper .mask {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .flip_vertical:hover .mask-wrapper img {

        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    /* zoom In */

    .zoom_in .mask-wrapper .mask {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        -ms-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    .zoom_in:hover .mask-wrapper .mask {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    .zoom_in:hover .mask-wrapper .pd_thumb_image img {
        opacity: 0;
    }
    .zoom_in .mask-wrapper .pd_thumb_image img {
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        -ms-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    /* Horizontal Flip */

    .flip_horizontal .mask-wrapper .mask {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .flip_horizontal .mask-wrapper img {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        -ms-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    .flip_horizontal:hover .mask-wrapper .mask {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .flip_horizontal:hover .mask-wrapper img {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    /* slider layout 1*/
    .slider_effect_1 .mask{
        opacity: 0;
        background-color: transparent;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .slider_effect_1:hover .mask {
        opacity: 1;
    }
    .slider_effect_1 .mask-wrapper .mask-inner {
        width: 80%;
    }
    .slider_effect_1 .mask-inner > a {
        display: block;
        box-shadow: none;
    }
    .slider_effect_1 .mask-wrapper h4 {
        color:rgb(51, 51, 51);
        margin: 20px 0 0 0;
        opacity: 0;
        font-weight: bold;
        display: inline-block;
        padding: 10px;
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -ms-transform: translateY(200px);
        -o-transform: translateY(200px);
        transform: translateY(200px);
        -webkit-transition: all 0.6s linear;
        -moz-transition: all 0.6s linear;
        -ms-transition: all 0.6s linear;
        -o-transition:all 0.6s linear;
        transition: all 0.6s linear;
    }
    .slider_effect_1 .mask-wrapper p {
        opacity: 0;
        display:inline-block;
        padding: auto 15px;
        margin:15px auto;
        color:rgb(51, 51, 51);
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -ms-transform: translateY(200px);
        -o-transform: translateY(200px);
        transform: translateY(200px);
        -webkit-transition: all 0.9s linear;
        -moz-transition: all 0.9s linear;
        -ms-transition: all 0.9s linear;
        -o-transition: all 0.9s linear;
        transition: all 0.9s linear;
    }
    .slider_effect_1 a.info, .slider_effect_1 .mask-wrapper .star-rating, .slider_effect_1 .mask-wrapper .mask .edd-submit{
        opacity: 0;
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -ms-transform: translateY(200px);
        -o-transform: translateY(200px);
        transform: translateY(200px);
        -webkit-transition: all 0.9s ease-in-out;
        -moz-transition: all 0.9s ease-in-out;
        -ms-transition: all 0.9s ease-in-out;
        -o-transition: all 0.9s ease-in-out;
        transition: all 0.9s ease-in-out;
    }
    .slider_effect_1:hover h4, .slider_effect_1:hover p, .slider_effect_1:hover a.info, .slider_effect_1:hover .mask-wrapper .mask .edd-submit, .slider_effect_1:hover .mask-wrapper .star-rating{
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    .slider_effect_1:hover p {
        -webkit-transition-delay: 0.1s;
        -moz-transition-delay: 0.1s;
        -ms-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
    .slider_effect_1:hover a.info {
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        -ms-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
    .slider_effect_1:hover .mask-wrapper .mask .edd-submit, .slider_effect_1:hover .mask-wrapper .star-rating{
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -ms-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    .slider_effect_1 .mask-wrapper .mask p {
        max-height: 90px;
        overflow: hidden;
        line-height: 1.3;
    }
    /* slider layout 2*/
    .slider_effect_2 .mask-wrapper .mask-inner {
        background-color:rgba(255,255,255,0.8);
        position: absolute;
        top: 0%;
        left: 0%;
        width: 50%;
        padding: 20px 0 20px;
        -webkit-transform: translate(80%, 0%);
        -moz-transform: translate(80%, 0%);
        -ms-transform: translate(80%, 0%);
        -o-transform: translate(80%, 0%);
        transform: translate(80%, 0%);
        -webkit-transition: all 0.9s linear;
        -moz-transition: all 0.9s linear;
        -ms-transition: all 0.9s linear;
        -o-transition: all 0.9s linear;
        transition: all 0.9s linear;
    }
    .slider_effect_2 .mask-wrapper .mask .woocommerce p.price {
        padding-top: 2px;
    }
    .portfolio-sale-label {
        position: absolute;
        top: 10px;
        padding: 5px;
        background: #000;
        color: #fff;
        border-radius: 100%;
        text-align: center;
        line-height: 30px;
        vertical-align: middle;
        word-wrap: normal;
        display: inline-block;
    }
    .slider_effect_2:hover .mask-wrapper .mask-inner {
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -webkit-transition-delay: 0.10s;
        -moz-transition-delay: 0.10s;
        -ms-transition-delay: 0.10s;
        -o-transition-delay: 0.10s;
        transition-delay: 0.10s;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
    }
    .slider_effect_2 .mask {
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .slider_effect_2:hover .mask-inner {
        opacity: 1;
    }
    .slider_effect_2 .mask-wrapper .mask-inner > a {
        padding: 0;
        display: inline-block;
        vertical-align: middle;
    }
    /* slider layout 3*/
    .slider_effect_3 .mask-wrapper .mask-inner {
        left: 0;
        position: absolute;
        top: 0;
        width: 50%;
        padding: 20px 15px;
        -webkit-transform: translate(50%, 0%);
        -moz-transform: translate(50%, 0%);
        -ms-transform: translate(50%, 0%);
        -o-transform: translate(50%, 0%);
        transform: translate(50%, 0%);
        -webkit-transition: all 1s linear;
        -moz-transition: all 1s linear;
        -ms-transition: all 1s linear;
        -o-transition: all 1s linear;
        transition: all 1s linear;
    }
    .slider_effect_3:hover .mask-wrapper .mask-inner {
        -webkit-transform: translate(50%,50%);
        -moz-transform: translate(50%,50%);
        -ms-transform: translate(50%,50%);
        -o-transform: translate(50%,50%);
        transform: translate(50%,50%);
        -webkit-transition-delay: 1s;
        -moz-transition-delay:1s;
        -ms-transition-delay: 1s;
        -o-transition-delay:1s;
        transition-delay: 1s;
    }
    .slider_effect_3 .mask-wrapper .mask-inner > a {
        padding: 0;
    }
    .slider_effect_3 .mask{
        opacity: 0;
        -webkit-transition: all 0.9s ease-in-out;
        -moz-transition: all 0.9s ease-in-out;
        -ms-transition: all 0.9s ease-in-out;
        -o-transition: all 0.9s ease-in-out;
        transition: all 0.9s ease-in-out;
    }
    .slider_effect_3 .mask-inner{
        background-color: #fff;
    }
    .slider_effect_3:hover .mask-inner {
        opacity: 1;
    }
    .slider_effect_3 .mask-wrapper h4, .slider_effect_3 .mask-wrapper p {
        color:rgb(51, 51, 51);
        opacity: 0;
    }
    .slider_effect_3 a.info, .slider_effect_3 .mask-wrapper .star-rating, .slider_effect_3 .mask-wrapper .mask .edd-submit{
        opacity: 0;
    }
    .slider_effect_3:hover h4, .slider_effect_3:hover p, .slider_effect_3:hover a.info, .slider_effect_3:hover .mask-wrapper .star-rating, .slider_effect_3:hover .mask-wrapper .mask .edd-submit{
        opacity: 1;
    }
    .slider_effect_3 .mask-wrapper .mask p {
        overflow: hidden;
        line-height: 1.3;
    }
    /* slider layout 4*/
    .slider_effect_4 .mask-wrapper .mask-inner {
        left: 50%;
        top: 50%;
        width: 55%;
        position: absolute;
        padding: 20px 15px;
        -webkit-transform: translate(-250%,-50%);
        -moz-transform: translate(-250%,-50%);
        -ms-transform: translate(-250%,-50%);
        -o-transform: translate(-250%,-50%);
        transform: translate(-250%,-50%);
        -webkit-transition: all 1.5s linear;
        -moz-transition: all 1.5s linear;
        -ms-transition: all 1.5s linear;
        -o-transition: all 1.5s linear;
        transition: all 1.5s linear;
    }
    .slider_effect_4:hover .mask-wrapper .mask-inner {
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-transition-delay: 0.6s;
        -moz-transition-delay: 0.6s;
        -ms-transition-delay: 0.6s;
        -o-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }
    .slider_effect_4 .mask-wrapper .mask-inner > a {
        padding: 0;
    }
    .slider_effect_4 .mask {
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .slider_effect_4 .mask-wrapper h4 {
        color:rgb(51, 51, 51);
        opacity: 0;
    }
    .slider_effect_4 .mask-wrapper p {
        opacity: 0;
        color:rgb(51, 51, 51);
    }
    .slider_effect_4 a.info {
        opacity: 0;
    }
    .slider_effect_4:hover .mask-inner, .slider_effect_4:hover h4, .slider_effect_4:hover p, .slider_effect_4:hover a.info {
        opacity: 1;
    }
    .slider_effect_4 .mask-wrapper .mask p {
        overflow: hidden;
        line-height: 1.3;
    }
    /* slider layout 5*/
    .slider_effect_5 .mask-wrapper .mask-inner {
        left: 50%;
        top: 0%;
        width: 100%;
        position: absolute;
        -webkit-transform: translate(0%, 50%);
        -moz-transform: translate(0%, 50%);
        -ms-transform: translate(0%, 50%);
        -o-transform: translate(0%, 50%);
        transform: translate(0%, 50%);
    }
    .slider_effect_5 .mask-wrapper .mask-inner > a {
        padding: 0;
    }
    .slider_effect_5 .mask{
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .slider_effect_5:hover .mask {
        opacity: 1;
    }
    .slider_effect_5 .mask-wrapper h4 {
        color:rgb(51, 51, 51);
        opacity: 0;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: all 0.6s linear;
        -moz-transition: all 0.6s linear;
        -ms-transition: all 0.6s linear;
        -o-transition:all 0.6s linear;
        transition: all 0.6s linear;
    }
    .slider_effect_5 .mask-wrapper p , .slider_effect_5 .mask-wrapper .info-wrapp, .slider_effect_5 .mask-wrapper .woocommerce{
        opacity: 0;
        color:rgb(51, 51, 51);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: all 0.9s linear;
        -moz-transition: all 0.9s linear;
        -ms-transition: all 0.9s linear;
        -o-transition: all 0.9s linear;
        transition: all 0.9s linear;
    }
    .slider_effect_5:hover h4, .slider_effect_5:hover .mask-inner > p, .slider_effect_5:hover .mask-wrapper .info-wrapp, .slider_effect_5:hover .mask-wrapper .woocommerce{
        opacity: 1;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .slider_effect_5:hover.mask-inner > p{
        -webkit-transition-delay: 0.4s;
        -moz-transition-delay: 0.4s;
        -ms-transition-delay: 0.4s;
        -o-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }
    .slider_effect_5:hover .mask-wrapper .star-rating, .slider_effect_5:hover .info-wrapp{
        -webkit-transition-delay: 0.8s;
        -moz-transition-delay: 0.8s;
        -ms-transition-delay: 0.8s;
        -o-transition-delay: 0.8s;
        transition-delay: 0.8s;
    }
    .slider_effect_5 .mask-wrapper .mask p {
        overflow: hidden;
        line-height: 1.3;
    }
    /* slider layout 6*/
    .slider_effect_6 .mask-wrapper .mask {
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(50%);
        -webkit-transition: all 0.5s linear 0s;
        -moz-transition: all 0.5s linear 0s;
        -ms-transition:all 0.5s linear 0s;
        -o-transition: all 0.5s linear 0s;
        transition:all 0.5s linear 0s;
        width: 50%;
    }
    .slider_effect_6:hover .mask-wrapper .mask {
        opacity: 1;
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -moz-transform: translate(0%,0%);
        -ms-transform: translate(0%,0%);
        transition-delay: 0.2s;
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
    }
    .slider_effect_6 .mask-wrapper .mask-inner{
        top:50%;
        left:0%;
        transform:translate(0%, -50%);
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .slider_effect_6:hover .mask-wrapper .mask-inner{
        -webkit-transition-delay: 0.8s;
        -moz-transition-delay: 0.8s;
        -o-transition-delay: 0.8s;
        -ms-transition-delay: 0.8s;
        transition-delay: 0.8s;
    }
    .slider_effect_6 .mask-wrapper h4, .slider_effect_6 a.info, .slider_effect_6 .mask-wrapper .star-rating, .slider_effect_6 .mask-wrapper p{
        transition: all 0.2s linear;
    }
    .slider_effect_6:hover .mask-wrapper h4, .slider_effect_6:hover a.info, .slider_effect_6:hover .mask-wrapper .star-rating, .slider_effect_6:hover .mask-wrapper p{
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -ms-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
    /* slider layout 7*/
    .slider_effect_7 .mask{
        opacity: 0;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
    }
    .slider_effect_7:hover .mask {
        opacity: 1;
    }
    .slider_effect_7 .mask-wrapper h4, .slider_effect_7 a.info, .slider_effect_7 a.edd-add-to-cart, .slider_effect_7 .mask-wrapper .star-rating, .slider_effect_7 .mask-wrapper p {
        opacity:0;
        -webkit-transition : all 1.5s ease-in-out;
        -moz-transition : all 1.5s ease-in-out;
        -o-transition : all 1.5s ease-in-out;
        transition : all 1.5s ease-in-out;
    }
    .slider_effect_7:hover .mask-wrapper h4, .slider_effect_7:hover a.info, .slider_effect_7:hover a.edd-add-to-cart, .slider_effect_7:hover .mask-wrapper .star-rating, .slider_effect_7:hover .mask-wrapper p{
        opacity: 1;
    }
    .slider_effect_7:hover .mask-wrapper h4{
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        -ms-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    .slider_effect_7:hover .mask-wrapper p, .slider_effect_7:hover .mask-wrapper .star-rating{
        -webkit-transition-delay: 0.7s;
        -moz-transition-delay: 0.7s;
        -o-transition-delay: 0.7s;
        -ms-transition-delay: 0.7s;
        transition-delay: 0.7s;
    }
    .slider_effect_7:hover a.info, .slider_effect_7:hover a.edd-add-to-cart{
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -o-transition-delay: 1s;
        -ms-transition-delay:1s;
        transition-delay: 1s;
    }
    .slider_effect_7 .mask-wrapper .mask p {
        overflow: hidden;
        line-height: 1.3;
    }
    /* slider layout 8*/
    .slider_effect_8 .mask-wrapper .mask {
        left:0%;
        position: absolute;
        top: auto;
        height:auto;
        bottom:0px;
        width: 100%;
        transition: all 0.5s linear;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
    }
    .slider_effect_8:hover .mask-wrapper .mask {
        opacity: 1;
        transition-delay: 0.2s;
        -webkit-transition-delay: 0.52;
        -moz-transition-delay: 0.2s;
        -o-transition-delay:0.2s;
    }
    .slider_effect_8 .mask-wrapper .mask-inner {
        left: 0;
        position: relative;
        top: 0;
        transform: none;
    }
    .slider_effect_8:hover .mask-inner {
        opacity: 1;
    }
    .slider_effect_8 .mask-wrapper h4 {
        color:rgb(51, 51, 51);
        opacity: 0;
    }
    .slider_effect_8 .mask-wrapper p {
        opacity: 0;
        color:rgb(51, 51, 51);
    }
    .slider_effect_8 a.info {
        opacity: 0;
    }
    .slider_effect_8:hover h4, .slider_effect_8:hover p, .slider_effect_8:hover a.info {
        opacity: 1;
    }
    .slider_effect_8 .mask-wrapper .mask p {
        overflow: hidden;
        line-height: 1.3;
    }
    /* slider layout 9*/
    .slider_effect_9 .mask{
        opacity: 0;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
    }
    .slider_effect_9:hover .mask {
        opacity: 1;
    }
    .slider_effect_9 .mask-wrapper .mask-inner {
        left: 20%;
        position: absolute;
        top: 0%;
        width: 60%;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: all 0.5s linear 0s;
        -moz-transition: all 0.5s linear 0s;
        -ms-transition:all 0.5s linear 0s;
        -o-transition: all 0.5s linear 0s;
        transition:all 0.5s linear 0s;
    }
    .slider_effect_9:hover .mask-wrapper .mask-inner {
        transform: translateY(30%);
        -webkit-transform: translateY(30%);
        -moz-transform: translateY(30%);
        -ms-transform: translateY(30%);
        transition-delay: 0.2s;
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
    }
    .slider_effect_9 .mask-wrapper h4, .slider_effect_9 a.info, .slider_effect_9 a.edd-add-to-cart, .slider_effect_9 .mask-wrapper p {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    .slider_effect_9:hover .mask-wrapper h4, .slider_effect_9:hover a.info, .slider_effect_9:hover a.edd-add-to-cart, .slider_effect_9:hover .mask-wrapper p{
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -ms-transition-delay: 0.5s;
        transition-delay: 0.5s;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .slider_effect_9 .mask-inner .info-wrapp {
        padding-bottom: 10px;
    }
    .slider_effect_9 .mask-inner > a {
        padding-left: 10px;
        padding-right: 10px;
        display: inline-block;
        vertical-align: middle;
    }
    /* slider layout 10*/
    .slider_effect_10 .mask-wrapper .mask {
        left:0%;
        position: absolute;
        top: auto;
        height:auto;
        bottom:0px;
        transform: translateY(100%);
        width: 100%;
        transition: all 0.5s linear;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
    }
    .slider_effect_10:hover .mask-wrapper .mask {
        opacity: 1;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        -o-transition-delay:0.5s;
    }
    .slider_effect_10 .mask-wrapper .mask-inner {
        position: relative;
        top: 50%;
    }
    .slider_effect_10 .mask-wrapper .mask-inner {
        transform: translate(-50%, 0%);
    }
    .slider_effect_10:hover .mask-inner {
        opacity: 1;
    }
    .slider_effect_10 .mask-wrapper h4 {
        color:rgb(51, 51, 51);
        opacity: 0;
    }
    .slider_effect_10 .mask-wrapper p {
        opacity: 0;
        color:rgb(51, 51, 51);
    }
    .slider_effect_10 a.info {
        opacity: 0;
    }
    .slider_effect_10:hover h4, .slider_effect_10:hover p, .slider_effect_10:hover a.info {
        opacity: 1;
    }
    .slider_effect_10 .mask-wrapper .mask p {
        max-height: 90px;
        overflow: hidden;
        line-height: 1.3;
    }   
    /* Effect 1 */
    .effect_1 img {
        transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
    }
    .effect_1:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    .effect_1 .mask {
        opacity: 0;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
    }
    .effect_1:hover .mask {
        opacity: 1;
    }
    .effect_1 .mask-wrapper h4 {
        background: rgba(0, 0, 0, 0.8);
        margin: 20px 0 10px 0;
        opacity: 0;
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }
    .effect_1 .mask-wrapper p, .effect_1 .mask-wrapper .star-rating{
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
    }
    .effect_1 a.info, .effect_1 a.edd-add-to-cart{
        opacity: 0;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }
    .effect_1:hover h4, .effect_1:hover p, .effect_1:hover a.info, .effect_1:hover .mask-wrapper .star-rating, .effect_1:hover a.edd-add-to-cart{
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
    }
    .effect_1:hover p, .effect_1:hover .mask-wrapper .star-rating{
        transition-delay: 0.1s;
        -webkit-transition-delay: 0.1s;
        -moz-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
    }
    .effect_1:hover a.info, .effect_1 a.edd-add-to-cart{
        transition-delay: 0.2s;
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
    }
    .effect_1 .mask-wrapper .mask p {
        max-height: 90px;
        overflow: hidden;
        line-height: 1.3;
    }
    /* Effect 2*/
    .effect_2 img {
        transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
    }
    .effect_2 .mask_bg {
        background-color: rgba(0, 0, 0, 0.7);
        width: 300%;
        padding: 60px;
        height: 300%;
        opacity: 0;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        transform: translate(265px, 145px) rotate(45deg);
        -webkit-transform: translate(265px, 145px) rotate(45deg);
        -moz-transform: translate(265px, 145px) rotate(45deg);
        -ms-transform: translate(265px, 145px) rotate(45deg);
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }
    .effect_2:hover .mask_bg {
        opacity: 1;
        transform: translate(-80px, -125px) rotate(45deg);
        -webkit-transform: translate(-80px, -125px) rotate(45deg);
        -moz-transform: translate(-80px, -125px) rotate(45deg);
        -ms-transform: translate(-80px, -125px) rotate(45deg);
    }
    .effect_2 .mask {
        opacity: 0;
        background-color: transparent;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
    }
    .effect_2:hover .mask {
        opacity: 1;
    }
    .effect_2 .mask-wrapper h4 {
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        background: transparent;
        margin: 20px 40px 10px 40px;
        transform: translate(200px, -200px);
        -webkit-transform: translate(200px, -200px);
        -moz-transform: translate(200px, -200px);
        -ms-transform: translate(200px, -200px);
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }
    .effect_2:hover h4 {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
    }
    .effect_2 .mask-wrapper p, .effect_2 .mask-wrapper .star-rating{
        transform: translate(-100%, 100%);
        -webkit-transform: translate(-100%, 100%);
        -moz-transform: translate(-100%, 100%);
        -ms-transform: translate(-100%, 100%);
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }
    .effect_2:hover .mask-wrapper p, .effect_2:hover .mask-wrapper .star-rating{
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transition-delay: 0.4s;
        -webkit-transition-delay: 0.4s;
        -moz-transition-delay: 0.4s;
        -o-transition-delay: 0.4s;
    }
    .effect_2 .mask-wrapper a.info, .effect_2 .mask-wrapper a.edd-add-to-cart{
        transform: translate(0px, 200px);
        -webkit-transform: translate(0px, 200px);
        -moz-transform: translate(0px, 200px);
        -ms-transform: translate(0px, 200px);
        transition: all 0.2s 0.1s ease-in-out;
        -webkit-transition: all 0.2s 0.1s ease-in-out;
        -moz-transition: all 0.2s 0.1s ease-in-out;
        -o-transition: all 0.2s 0.1s ease-in-out;
    }
    .effect_2:hover .mask-wrapper a.info, .effect_2:hover .mask-wrapper a.edd-add-to-cart{
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
    }
    /* Effect 3 */
    .effect_3 img {
        transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
    }
    .effect_3 .mask {
        opacity: 0;
        transform: translate(460px, -100px) rotate(180deg);
        -webkit-transform: translate(460px, -100px) rotate(180deg);
        -moz-transform: translate(460px, -100px) rotate(180deg);
        -ms-transform: translate(460px, -100px) rotate(180deg);
        transition: all 0.2s 0.4s ease-in-out;
        -webkit-transition: all 0.2s 0.4s ease-in-out;
        -moz-transition: all 0.2s 0.4s ease-in-out;
        -o-transition: all 0.2s 0.4s ease-in-out;
    }
    .effect_3:hover .mask {
        opacity: 1;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
    }
    .effect_3 .mask-wrapper h4 {
        background: rgba(0, 0, 0, 0.8);
        margin: 20px 0 0 0;
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }
    .effect_3:hover h4 {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transition-delay: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
    }
    .effect_3 .mask-wrapper p, .effect_3 .mask-wrapper .star-rating{
        transform: translateX(300px) rotate(90deg);
        -webkit-transform: translateX(300px) rotate(90deg);
        -moz-transform: translateX(300px) rotate(90deg);
        -ms-transform: translateX(300px) rotate(90deg);
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }
    .effect_3:hover p, .effect_3:hover .mask-wrapper .star-rating{
        transform: translateX(0px) rotate(0deg);
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transition-delay: 0.4s;
        -webkit-transition-delay: 0.4s;
        -moz-transition-delay: 0.4s;
        -o-transition-delay: 0.4s;
    }
    .effect_3 a.info, .effect_3 .mask-wrapper a.edd-add-to-cart{
        transform: translateY(-200px);
        -webkit-transform: translateY(-200px);
        -moz-transform: translateY(-200px);
        -ms-transform: translateY(-200px);
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }
    .effect_3:hover a.info, .effect_3:hover .mask-wrapper a.edd-add-to-cart{
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
    }
    /* Effect 4 */
    .effect_4 img {
        transition: all 0.4s ease-in-out 0.2s;
        -webkit-transition: all 0.4s ease-in-out 0.2s;
        -moz-transition: all 0.4s ease-in-out 0.2s;
        -o-transition: all 0.4s ease-in-out 0.2s;
        opacity: 1;
    }
    .effect_4:hover img {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        opacity: 0;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
    }
    .effect_4 .mask {
        opacity: 0;
        transform: scale(0) rotate(-180deg);
        -webkit-transform: scale(0) rotate(-180deg);
        -moz-transform: scale(0) rotate(-180deg);
        -ms-transform: scale(0) rotate(-180deg);
        transition: all 0.4s ease-in;
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    .effect_4:hover .mask {
        opacity: 1;
        transform: scale(1) rotate(0deg);
        -webkit-transform: scale(1) rotate(0deg);
        -moz-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transition-delay: 0.2s;
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
    }
    .effect_4 .mask-wrapper h4 {
        opacity: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        background: transparent;
        margin: 20px 40px 10px 40px;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    }
    .effect_4 .mask-wrapper p, .effect_4 .mask-wrapper .star-rating{
        opacity: 0;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    }
    .effect_4 a.info, .effect_4 .mask-wrapper a.edd-add-to-cart{
        opacity: 0;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    }
    .effect_4:hover h4, .effect_4:hover p, .effect_4:hover a.info, .effect_4:hover .mask-wrapper .star-rating, .effect_4:hover .mask-wrapper a.edd-add-to-cart{
        opacity: 1;
        transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
    }
    /* Corner Style */
    .right_corner img, .left_corner img {
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
    }
    .right_corner .mask-wrapper:hover img, .left_corner .mask-wrapper:hover img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    .right_corner .mask, .left_corner .mask {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .right_corner .mask {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: translate(460px, -100px) rotate(180deg);
        -moz-transform: translate(460px, -100px) rotate(180deg);
        -o-transform: translate(460px, -100px) rotate(180deg);
        -ms-transform: translate(460px, -100px) rotate(180deg);
        transform: translate(460px, -100px) rotate(180deg);
    }
    .left_corner .mask {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: translate(-460px, -100px) rotate(-180deg);
        -moz-transform: translate(-460px, -100px) rotate(-180deg);
        -o-transform: translate(-460px, -100px) rotate(-180deg);
        -ms-transform: translate(-460px, -100px) rotate(-180deg);
        transform: translate(-460px, -100px) rotate(-180deg);
    }
    .right_corner .mask-wrapper:hover .mask, .left_corner .mask-wrapper:hover .mask {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -ms-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    .right_corner a.info, .left_corner a.info, .right_corner a.edd-add-to-cart, .left_corner a.edd-add-to-cart{
        -webkit-transform: translateY(-200px);
        -moz-transform: translateY(-200px);
        -o-transform: translateY(-200px);
        -ms-transform: translateY(-200px);
        transform: translateY(-200px);
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }
    .right_corner .mask-wrapper:hover a.info, .left_corner .mask-wrapper:hover a.info, .right_corner .mask-wrapper:hover a.edd-add-to-cart, .left_corner .mask-wrapper:hover a.edd-add-to-cart{
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition-delay: 0.1s;
        -moz-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        -ms-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
    /* Depth Style */
    .depth_in img, .depth_out img {
        -webkit-transition: all 0.5s ease-in 0.2s;
        -moz-transition: all 0.5s ease-in 0.2s;
        -o-transition: all 0.5s ease-in 0.2s;
        -ms-transition: all 0.5s ease-in 0.2s;
        transition: all 0.5s ease-in 0.2s;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }
    .depth_in .mask-wrapper:hover img, .depth_out .mask-wrapper:hover img {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 1;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -ms-transition-delay: 0s;
        transition-delay: 0s;
    }
    .depth_in .mask-wrapper:hover img {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .depth_out .mask-wrapper:hover img {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -o-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2);
    }
    .depth_in .mask, .depth_out .mask {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -o-transition: all 0.5s ease-in;
        -ms-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    .depth_in .mask {
        -webkit-transform: scale(0) rotate(0deg);
        -moz-transform: scale(0) rotate(0deg);
        -o-transform: scale(0) rotate(0deg);
        -ms-transform: scale(0) rotate(0deg);
        transform: scale(0) rotate(0deg);
    }
    .depth_out .mask {
        -webkit-transform: scale(2) rotate(0deg);
        -moz-transform: scale(2) rotate(0deg);
        -o-transform: scale(2) rotate(0deg);
        -ms-transform: scale(2) rotate(0deg);
        transform: scale(2) rotate(0deg);
    }
    .depth_in .mask-wrapper:hover .mask, .depth_out .mask-wrapper:hover .mask {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: scale(1) rotate(0deg);
        -moz-transform: scale(1) rotate(0deg);
        -o-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        -ms-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    /* Slide Effect */
    .slide_left img, .slide_right img, .slide_top img, .slide_bottom img {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .slide_left .mask, .slide_right .mask, .slide_top .mask, .slide_bottom .mask {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .slide_left .mask {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .slide_right .mask {
        -webkit-transform: translate(100%, 0);
        -moz-transform: translate(100%, 0);
        -o-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
    .slide_top .mask {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    .slide_bottom .mask {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    .slide_left .mask-wrapper:hover .mask, .slide_right .mask-wrapper:hover .mask, .slide_top .mask-wrapper:hover .mask, .slide_bottom .mask-wrapper:hover .mask {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    /* Enclose Style*/
    .enclose_zoomin img, .enclose_fadein img {
        -webkit-transition: all 0.5s ease-in 0s;
        -moz-transition: all 0.5s ease-in 0s;
        -o-transition: all 0.5s ease-in 0s;
        -ms-transition: all 0.5s ease-in 0s;
        transition: all 0.5s ease-in 0s;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .enclose_zoomout img, .enclose_fadeout img {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        -ms-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;
    }
    .enclose_zoomin .mask-wrapper:hover img, .enclose_fadein .mask-wrapper:hover img {
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -ms-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    .enclose_zoomout .mask-wrapper:hover img {
        -webkit-transform: scale(10);
        -moz-transform: scale(10);
        -o-transform: scale(10);
        -ms-transform: scale(10);
        transform: scale(10);
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    .enclose_fadeout .mask-wrapper:hover img {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 1;
    }
    .enclose_zoomin .mask, .enclose_fadein.mask {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: all 0.5s ease-in 0s;
        -moz-transition: all 0.5s ease-in 0s;
        -o-transition: all 0.5s ease-in 0s;
        -ms-transition: all 0.5s ease-in 0s;
        transition: all 0.5s ease-in 0s;
    }
    .enclose_zoomout .mask, .enclose_fadeout .mask {
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        transition: all 0.5s linear;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    .enclose_zoomin .mask-wrapper:hover .mask, .enclose_fadein .mask-wrapper:hover .mask {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }
    .enclose_zoomout .mask-wrapper:hover .mask, .enclose_fadeout .mask-wrapper:hover .mask {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }
    .enclose_zoomin a.info, .enclose_fadein a.info {
        -webkit-transition: all 0.5s linear 0.2s;
        -moz-transition: all 0.5s linear 0.2s;
        -o-transition: all 0.5s linear 0.2s;
        -ms-transition: all 0.5s linear 0.2s;
        transition: all 0.5s linear 0.2s;
    }
    .enclose_zoomin a.info {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: translateY(100px) scale(5);
        -moz-transform: translateY(100px) scale(5);
        -o-transform: translateY(100px) scale(5);
        -ms-transform: translateY(100px) scale(5);
        transform: translateY(100px) scale(5);
    }
    .enclose_zoomout a.info, .enclose_fadeout a.info {
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        transition: all 0.5s linear;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    .enclose_zoomout a.info {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .enclose_fadeout a.info {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -o-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2);
    }
    .enclose_fadein a.info {
        -webkit-transform: translateY(0px) scale(0);
        -moz-transform: translateY(0px) scale(0);
        -o-transform: translateY(0px) scale(0);
        -ms-transform: translateY(0px) scale(0);
        transform: translateY(0px) scale(0);
    }
    .enclose_zoomin .mask-wrapper:hover a.info, .enclose_zoomout .mask-wrapper:hover a.info, .enclose_fadein .mask-wrapper:hover a.info, .enclose_fadeout .mask-wrapper:hover a.info {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translateY(0px) scale(1);
        -moz-transform: translateY(0px) scale(1);
        -o-transform: translateY(0px) scale(1);
        -ms-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }
    /* Rotator Style */
    .depth_rorator img, .rotator_effect img {
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }
    .depth_rorator .mask, .rotator_effect .mask {
        -webkit-transform: rotate(0deg) scale(1);
        -moz-transform: rotate(0deg) scale(1);
        -o-transform: rotate(0deg) scale(1);
        -ms-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .depth_rorator a.info, .rotator_effect a.info, .depth_rorator a.edd-add-to-cart, .rotator_effect a.edd-add-to-cart {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: all 0s ease-in-out;
        -moz-transition: all 0s ease-in-out;
        -o-transition: all 0s ease-in-out;
        -ms-transition: all 0s ease-in-out;
        transition: all 0s ease-in-out;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    .depth_rorator .mask-wrapper:hover img {
        -webkit-transform: rotate(360deg) scale(0);
        -moz-transform: rotate(360deg) scale(0);
        -o-transform: rotate(360deg) scale(0);
        -ms-transform: rotate(360deg) scale(0);
        transform: rotate(360deg) scale(0);
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    .rotator_effect .mask-wrapper:hover img {
        -webkit-transform: rotate(360deg) scale(2);
        -moz-transform: rotate(360deg) scale(2);
        -o-transform: rotate(360deg) scale(2);
        -ms-transform: rotate(360deg) scale(2);
        transform: rotate(360deg) scale(2);
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=1);
        opacity: 1;
    }
    .depth_rorator .mask-wrapper:hover .mask, .rotator_effect .mask-wrapper:hover .mask {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translateY(0px) rotate(0deg);
        -moz-transform: translateY(0px) rotate(0deg);
        -o-transform: translateY(0px) rotate(0deg);
        -ms-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        -ms-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
    .depth_rorator .mask-wrapper:hover a.info, .rotator_effect .mask-wrapper:hover a.info, .depth_rorator .mask-wrapper:hover a.edd-add-to-cart, .rotator_effect .mask-wrapper:hover a.edd-add-to-cart{
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }
    /* Overlay Style */
    .overlay_top .mask, .overlay_right .mask, .overlay_bottom .mask, .overlay_left .mask {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: all 0.3s ease-out 0.2s;
        -moz-transition: all 0.3s ease-out 0.2s;
        -o-transition: all 0.3s ease-out 0.2s;
        -ms-transition: all 0.3s ease-out 0.2s;
        transition: all 0.3s ease-out 0.2s;
    }
    .overlay_top .mask {
        top: -400px;
    }
    .overlay_right .mask {
        right: -400px;
        top: 0px;
        left: auto;
    }
    .overlay_bottom .mask {
        bottom: -400px;
        top: auto;
        right: auto;
        left: auto;
    }
    .overlay_left .mask {
        left: -400px;
        top: 0px;
        right: auto;
    }
    .overlay_top a.info, .overlay_right a.info,
    .overlay_bottom a.info, .overlay_left a.info,
    .overlay_top a.edd-add-to-cart,
    .overlay_right a.edd-add-to-cart,
    .overlay_bottom a.edd-add-to-cart,
    .overlay_left a.edd-add-to-cart {
        -webkit-transition: all 0.4s ease-in-out 0.1s;
        -moz-transition: all 0.4s ease-in-out 0.1s;
        -o-transition: all 0.4s ease-in-out 0.1s;
        -ms-transition: all 0.4s ease-in-out 0.1s;
        transition: all 0.4s ease-in-out 0.1s;
    }
    .overlay_top a.info, .overlay_top a.edd-add-to-cart{
        -webkit-transform: translateY(-400px);
        -moz-transform: translateY(-400px);
        -o-transform: translateY(-400px);
        -ms-transform: translateY(-400px);
        transform: translateY(-400px);
    }
    .overlay_right a.info, .overlay_right a.edd-add-to-cart{
        -webkit-transform: translateX(400px);
        -moz-transform: translateX(400px);
        -o-transform: translateX(400px);
        -ms-transform: translateX(400px);
        transform: translateX(400px);
    }
    .overlay_bottom a.info, .overlay_bottom a.edd-add-to-cart{
        -webkit-transform: translateY(400px);
        -moz-transform: translateY(400px);
        -o-transform: translateY(400px);
        -ms-transform: translateY(400px);
        transform: translateY(400px);
    }
    .overlay_left a.info, .overlay_left a.edd-add-to-cart{
        -webkit-transform: translateX(-400px);
        -moz-transform: translateX(-400px);
        -o-transform: translateX(-400px);
        -ms-transform: translateX(-400px);
        transform: translateX(-400px);
    }
    .overlay_top .mask-wrapper:hover .mask,
    .overlay_right .mask-wrapper:hover .mask,
    .overlay_bottom .mask-wrapper:hover .mask,
    .overlay_left .mask-wrapper:hover .mask {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -ms-transition-delay: 0s;
        transition-delay: 0s;
    }
    .overlay_top .mask-wrapper:hover .mask {
        opacity: 1;
        top: 0px;
        -webkit-animation: bounceY 0.5s linear;
        -moz-animation: bounceY 0.5s linear;
        -ms-animation: bounceY 0.5s linear;
        animation: bounceY 0.5s linear;
    }
    .overlay_top .mask-wrapper:hover a.info,
    .overlay_top .mask-wrapper:hover a.edd-add-to-cart{
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition-delay: 0.1s;
        -moz-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        -ms-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
    .overlay_right .mask-wrapper:hover .mask {
        right: 0px;
        top: 0px;
        -webkit-animation: bounceX 0.5s linear;
        -moz-animation: bounceX 0.5s linear;
        -ms-animation: bounceX 0.5s linear;
        animation: bounceX 0.5s linear;
    }
    .overlay_right .mask-wrapper:hover a.info, .overlay_right .mask-wrapper:hover a.edd-add-to-cart{
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -ms-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
    .overlay_bottom .mask-wrapper:hover .mask {
        bottom: 0px;
        -webkit-animation: bounceY 0.5s linear;
        -moz-animation: bounceY 0.5s linear;
        -ms-animation: bounceY 0.5s linear;
        animation: bounceY 0.5s linear;
    }
    .overlay_bottom .mask-wrapper:hover a.info, .overlay_bottom .mask-wrapper:hover a.edd-add-to-cart {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -ms-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
    .overlay_left .mask-wrapper:hover .mask {
        left: 0px;
        top: 0px;
        -webkit-animation: bounceX 0.5s linear;
        -moz-animation: bounceX 0.5s linear;
        -ms-animation: bounceX 0.5s linear;
        animation: bounceX 0.5s linear;
    }
    .overlay_left .mask-wrapper:hover a.info, .overlay_left .mask-wrapper:hover a.edd-add-to-cart{
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -ms-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
    .overlay_zoomout .mask {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .overlay_zoomout .mask-wrapper:hover .mask {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    /* Expand Style */
    .expand img {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    .expand:hover img {
        -webkit-transform: scale(2, 2);
        -moz-transform: scale(2, 2);
        -o-transform: scale(2, 2);
        -ms-transform: scale(2, 2);
        transform: scale(2, 2);
    }
    .expand .mask {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .expand:hover .mask {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }
    .expand a.info, .expand a.edd-add-to-cart{
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .expand:hover a.info, .expand:hover a.edd-add-to-cart{
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -ms-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    /* Flyer Style */
    .flyer_top_left .mask, .flyer_top_right .mask, .flyer_bottom_left .mask, .flyer_bottom_right .mask {
        height: 100%;
        width: 100%;
        opacity: 0;
        text-align: center;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -o-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.4s;
        -moz-transition: -moz-transform 0.3s, opacity 0.4s;
        transition: transform 0.3s, opacity 0.4s;
        -ms-transition: transform 0.3s, opacity 0.4s;
        -o-transition: transform 0.3s, opacity 0.4s;
    }
    .flyer_top_left .mask-wrapper:hover img, .flyer_top_right .mask-wrapper:hover img, .flyer_bottom_left .mask-wrapper:hover img, .flyer_bottom_right .mask-wrapper:hover img {
        opacity: 0.4;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
    }
    .flyer_top_left .mask-wrapper:hover .mask {
        -webkit-transform: translate(-10px, -10px);
        -moz-transform: translate(-10px, -10px);
        -ms-transform: translate(-10px, -10px);
        transform: translate(-10px, -10px);
        -o-transform: translate(-10px, -10px);
    }
    .flyer_top_right .mask-wrapper:hover .mask {
        -webkit-transform: translate(10px, -10px);
        -moz-transform: translate(10px, -10px);
        -ms-transform: translate(10px, -10px);
        transform: translate(10px, -10px);
        -o-transform: translate(10px, -10px);
        z-index: 9999;
    }
    .flyer_bottom_right .mask-wrapper:hover .mask {
        -webkit-transform: translate(10px, 10px);
        -moz-transform: translate(10px, 10px);
        -ms-transform: translate(10px, 10px);
        transform: translate(10px, 10px);
        -o-transform: translate(10px, 10px);
        z-index: 9999;
    }
    .flyer_bottom_left .mask-wrapper:hover .mask {
        -webkit-transform: translate(-10px, 10px);
        -moz-transform: translate(-10px, 10px);
        -ms-transform: translate(-10px, 10px);
        transform: translate(-10px, 10px);
        -o-transform: translate(-10px, 10px);
        z-index: 9999;
    }
    /* Skate Style*/
    .skate_top .mask-wrapper img, .skate_bottom .mask-wrapper img {
        z-index: 10;
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        transition: transform 0.4s;
        -o-transition: transform 0.4s;
        -ms-transition: transform 0.4s;
    }
    .skate_top .mask-wrapper:hover img {
        -webkit-transform: translateY(-60%);
        -moz-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
        transform: translateY(-60%);
        -o-transform: translateY(-60%);
        z-index: 99;
    }
    .skate_bottom .mask-wrapper:hover img {
        -webkit-transform: translateY(60%);
        -moz-transform: translateY(60%);
        -ms-transform: translateY(60%);
        transform: translateY(60%);
        -o-transform: translateY(60%);
        z-index: 99;
    }
    .skate_top .mask, .skate_bottom .mask {
        height: 60%;
        width: 100%;
        top: auto;
        bottom: 0;
        opacity: 1;
    }
    .skate_bottom .mask {
        top: 0;
    }
    /* Shift Style */
    .shift_top .mask-wrapper img, .shift_bottom .mask-wrapper img {
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        transition: transform 0.4s;
        -ms-transition: transform 0.4s;
        -o-transition: transform 0.4s;
    }
    .shift_top .mask-wrapper:hover img {
        -webkit-transform: translateY(-60%);
        -moz-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
        transform: translateY(-60%);
        -o-transform: translateY(-60%);
    }
    .shift_bottom .mask-wrapper:hover img {
        -webkit-transform: translateY(60%);
        -moz-transform: translateY(60%);
        -ms-transform: translateY(60%);
        transform: translateY(60%);
        -o-transform: translateY(60%);
    }
    .shift_top .mask, .shift_bottom .mask {
        height: 60%;
        width: 100%;
        opacity: 0;
        -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
        -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
        transition: transform 0.4s, opacity 0.1s 0.3s;
        -ms-transition: transform 0.4s, opacity 0.1s 0.3s;
        -o-transition: transform 0.4s, opacity 0.1s 0.3s;
    }
    .shift_top .mask {
        top: auto;
        bottom: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        -o-transform: translateY(100%);
    }
    .shift_bottom .mask {
        top: 0;
        bottom: auto;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }
    .shift_top .mask-wrapper:hover .mask, .shift_bottom .mask-wrapper:hover .mask {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
        -moz-transition: -moz-transform 0.4s, opacity 0.1s;
        transition: transform 0.4s, opacity 0.1s;
        -ms-transition: transform 0.4s, opacity 0.1s;
        -o-transition: transform 0.4s, opacity 0.1s;
    }
    /* Door Slide Style*/
    .door_slide .mask-wrapper {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
    }
    .door_slide .mask-wrapper img {
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        transition: transform 0.4s;
        -ms-transition: transform 0.4s;
        -o-transition: transform 0.4s;
    }
    .door_slide .mask-wrapper:hover img {
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        -o-transform: translateX(50%);
    }
    .door_slide .mask {
        height: 100%;
        width: 50%;
        opacity: 0;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
        -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
        transition: transform 0.4s, opacity 0.1s 0.3s;
        -o-transition: transform 0.4s, opacity 0.1s 0.3s;
        -ms-transition: transform 0.4s, opacity 0.1s 0.3s;
    }
    .door_slide .mask-wrapper:hover .mask {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
        -moz-transition: -moz-transform 0.4s, opacity 0.1s;
        transition: transform 0.4s, opacity 0.1s;
        -ms-transition: transform 0.4s, opacity 0.1s;
        -o-transition: transform 0.4s, opacity 0.1s;
        box-shadow: 2px 0 2px -1px rgba(50, 50, 50, 0.7);
        -webkit-box-shadow: 2px 0 2px -1px rgba(50, 50, 50, 0.7);
        -ms-box-shadow: 2px 0 2px -1px rgba(50, 50, 50, 0.7);
        -o-box-shadow: 2px 0 2px -1px rgba(50, 50, 50, 0.7);
        -moz-box-shadow: 2px 0 2px -1px rgba(50, 50, 50, 0.7);
        text-align: center;
    }
    door_slide .info-wrapp {
        position: absolute;
        top: 40%;
        width: 100%;
        height: 100%;
    }
    /* Reducer Style */
    .reducer .mask-wrapper img {
        z-index: 10;
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        transition: transform 0.4s;
        -ms-transition: transform 0.4s;
        -o-transition: transform 0.4s;
    }
    .portdesign-single .port_fancybox img:hover {
        opacity: 0.8;
    }
    .reducer .mask-wrapper:hover img {
        -webkit-transform: scale(0.4);
        -moz-transform: scale(0.4);
        -ms-transform: scale(0.4);
        transform: scale(0.4);
        -o-transform: scale(0.4);
    }
    .portdesign_related_post h2 {
        margin: 0 0 10px;
        padding: 0;
    }
    .reducer .mask {
        padding-top: 1%;
        height: 100%;
        width: 100%;
        opacity: 0;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        -o-transform: scale(0.7);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
        -moz-transition: -moz-transform 0.4s, opacity 0.4s;
        transition: transform 0.4s, opacity 0.4s;
        -ms-transition: transform 0.4s, opacity 0.4s;
        -o-transition: transform 0.4s, opacity 0.4s;
    }
    .reducer .mask .mask-inner {
        margin-top: 0;
        left: auto;
        top: auto;
        position: initial;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
    .reducer .mask-wrapper:hover .mask {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -o-transform: scale(1);
    }
    .reducer .info-wrapp {
        position: absolute;
        bottom: 8px;
        text-align: center;
        width: 100%;
    }
    /* Retard Style */
    .retard_top .mask-wrapper img, .retard_bottom .mask-wrapper img {
        z-index: 10;
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        transition: transform 0.4s;
        -ms-transition: transform 0.4s;
        -o-transition: transform 0.4s;
    }
    .retard_top .mask .mask-inner {
        margin-top: 0;
        -webkit-transform: translate(-50%, -100%);
        -moz-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        -o-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
    .retard_bottom .mask .mask-inner {
        margin-top: 0;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .retard_bottom .mask-wrapper:hover img {
        -webkit-transform: translateY(-20%) scale(0.4);
        -moz-transform: translateY(-20%) scale(0.4);
        -ms-transform: translateY(-20%) scale(0.4);
        -o-transform: translateY(-20%) scale(0.4);
        transform: translateY(-20%) scale(0.4);
    }
    .retard_top .mask, .retard_bottom .mask {
        text-align: center;
        height: 100%;
        width: 100%;
        opacity: 0;
        padding-top: 45%;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        -o-transform: scale(0.7);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
        -moz-transition: -moz-transform 0.4s, opacity 0.4s;
        transition: transform 0.4s, opacity 0.4s;
        -ms-transition: transform 0.4s, opacity 0.4s;
        -o-transition: transform 0.4s, opacity 0.4s;
    }
    .retard_top .mask {
        padding-top: 10%;
    }
    .retard_top .mask-wrapper:hover .mask, .retard_bottom .mask-wrapper:hover .mask {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -o-transform: scale(1);
        opacity: 1;
    }
    .retard_top .mask-wrapper:hover img {
        -webkit-transform: translateY(20%) scale(0.4);
        -moz-transform: translateY(20%) scale(0.4);
        -ms-transform: translateY(20%) scale(0.4);
        transform: translateY(20%) scale(0.4);
        -o-transform: translateY(20%) scale(0.4);
    }
    .retard_top .info-wrapp {
        height: 50%;
        position: absolute;
        width: 100%;
    }
    .retard_top .info-wrapp .info.linkbut {
        left: 20px;
        position: absolute;
        top: 50%;
    }
    .retard_top .info-wrapp .info.port_fancybox {
        position: absolute;
        right: 20px;
        top: 50%;
    }
    .retard_bottom .info-wrapp {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .retard_bottom .info-wrapp .info.linkbut {
        left: 20px;
        top: -225%;
        position: absolute;
    }
    .retard_bottom .info-wrapp .info.port_fancybox {
        position: absolute;
        top: -225%;
        right: 20px;
    }
    /* Essential Effect */
    .essential_effect .mask-wrapper:hover a img {
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }
    .essential_effect .mask-wrapper:hover a img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -ms-filter: blur(4px);
        -o-filter: blur(4px);
        filter: blur(4px);
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }
    .essential_effect .mask-wrapper:hover .mask {
        opacity: 1;
    }
    .essential_effect .mask-wrapper .mask {
        opacity: 0;
        background: rgba(42,195,147,0.9)
    }
    .essential_effect .mask-wrapper a.info {
        -webkit-transform: translateY(145px);
        -moz-transform: translateY(145px);
        -ms-transform: translateY(145px);
        -o-transform: translateY(145px);
        transform: translateY(145px);
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        padding: 1px;
    }
    .essential_effect .mask-wrapper .mask a.info span {
        background-color: transparent;
        border-color: #ffffff;
    }
    .essential_effect .mask-wrapper:hover a.info {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition-delay: 0.1s;
        -moz-transition-delay: 0.1s;
        -ms-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
    .essential_effect .mask-wrapper .mask h4 {
        -webkit-transform: translateY(-200px);
        -moz-transform: translateY(-200px);
        -ms-transform: translateY(-200px);
        -o-transform: translateY(-200px);
        transform: translateY(-200px);
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }
    .essential_effect .mask-wrapper:hover h4 {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition-delay: 0.1s;
        -moz-transition-delay: 0.1s;
        -ms-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
    .essential_effect .mask-wrapper .mask p {
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -ms-transform: translateY(200px);
        -o-transform: translateY(200px);
        transform: translateY(200px);
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }
    .essential_effect .mask-wrapper:hover p {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition-delay: 0.1s;
        -moz-transition-delay: 0.1s;
        -ms-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
    .essential_effect .mask-wrapper:before {
        border-left: 1px solid #fff;
        border-top: 1px solid #fff;
        top: 20px;
        left: 20px;
        z-index: 1;
    }
    .essential_effect .mask-wrapper:after {
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        bottom: 20px;
        right: 20px;
    }
    .essential_effect .mask-wrapper:hover:before, .essential_effect .mask-wrapper:hover:after, .essential_effect .mask-wrapper:hover .mask:before, .essential_effect .mask-wrapper:hover .mask:after {
        height: 40px;
        width: 40px;
        opacity: 1;
    }
    .essential_effect .mask-wrapper:before, .essential_effect .mask-wrapper:after, .essential_effect .mask-wrapper .mask:before, .essential_effect .mask-wrapper .mask:after {
        position: absolute;
        display: block;
        content: '';
        height: 0px;
        width: 0px;
        background-color: transparent;
        transition: all .3s ease-in-out;
        opacity: 0;
    }
    .essential_effect .mask-wrapper:hover .mask:before {
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
        left: auto;
        right: 20px;
        bottom: 20px;
        border-left: none;
        top: 20px;
    }
    .essential_effect .mask-wrapper:hover .mask:after {
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        bottom: 20px;
        right: auto;
        left: 20px;
        border-right: none;
    }
    /* Shape Hover 1 */
    .shape_hover_1 .mask-wrapper {
        -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    }
    .shape_hover_1 .mask-wrapper .mask {
        position: absolute;
        opacity: 1;
        height: 100%;
        background: transparent;
    }
    .shape_hover_1 .mask-wrapper .mask_bg {
        clip-path: polygon(0 0, 100% 0, 100% 50%, 0 80%);
        opacity: 1;
        background: #ffffff;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        text-align: center;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_1 .mask-wrapper:hover .mask_bg {
        clip-path: polygon(0 0, 100% 0, 100% 50px, 0 50px);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_1 .mask-wrapper .mask .mask-inner {
        padding: 0;
        height: 100%;
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
    }
    .shape_hover_1 .apply_border .mask-wrapper .mask .mask-inner .read-more-wrap,
    .shape_hover_2 .apply_border .mask-wrapper .mask .mask-inner .read-more-wrap,
    .shape_hover_3 .apply_border .mask-wrapper .mask .mask-inner .read-more-wrap {
        top: 0;
        width: auto;
    }
    .shape_hover_1 .apply_border .mask-wrapper .mask .mask-inner:hover .read-more-wrap,
    .shape_hover_2 .apply_border .mask-wrapper .mask .mask-inner:hover .read-more-wrap,
    .shape_hover_1 .apply_border .mask-wrapper .mask .mask-inner:hover .read-more-wrap{ 
        top: 25%;
        transform: translateY(-25%);
    }
    .shape_hover_1 .mask-wrapper .mask .mask-inner > a,
    .shape_hover_1 .mask-wrapper .mask .mask-inner .read-more-wrap {
        box-shadow: none;
        position: absolute;
        left: 0;
        width: 100%;
        top: 42px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_1 .mask-wrapper:hover .mask .mask-inner > a {
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_1 .mask-wrapper .mask .mask-inner .woocommerce .star-rating {
        position: absolute;
        left: 0;
        top: 130px;
        margin: 0 auto;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_1 .mask-wrapper .mask .mask-inner p {
        position: absolute;
        left: 0;
        width: 100%;
        top: 90px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_1 .mask-wrapper .mask .mask-inner .info-wrapp {
        opacity: 0;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_1 .mask-wrapper:hover .mask .mask-inner .info-wrapp {
        opacity: 1;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_1 .mask-wrapper:hover .mask .mask-inner .woocommerce .star-rating, .shape_hover_1 .mask-wrapper:hover .mask .mask-inner p {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_1 .mask-wrapper .mask .mask-inner .info-wrapp a.info {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0.25);
        -moz-transform: translateY(-50%) translateX(-50%) scale(0.25);
        -ms-transform: translateY(-50%) translateX(-50%) scale(0.25);
        -o-transform: translateY(-50%) translateX(-50%) scale(0.25);
        transform: translateY(-50%) translateX(-50%) scale(0.25);
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        padding: 1px;
    }
    .shape_hover_1 .mask-wrapper:hover .mask .mask-inner .info-wrapp a.info {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        -moz-transform: translateY(-50%) translateX(-50%) scale(1);
        -ms-transform: translateY(-50%) translateX(-50%) scale(1);
        -o-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1);
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }
    .shape_hover_1 .mask-wrapper .mask .mask-inner .info-wrapp span {
        background-color: #0099d5;
        border-color: #0099d5;
        opacity: 1;
    }
    /* Shape Hover 2 */
    .shape_hover_2 .mask-wrapper {
        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    }
    .shape_hover_2 .mask-wrapper .mask {
        position: absolute;
        opacity: 1;
        height: 100%;
        background: transparent;
    }
    .shape_hover_2 .mask-wrapper .mask_bg {
        clip-path: circle(100% at 50% -40%);
        opacity: 1;
        background: #ffffff;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        text-align: center;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_2 .mask-wrapper:hover .mask_bg {
        clip-path: circle(100% at 50% -78%);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_2 .mask-wrapper .mask .mask-inner {
        padding: 0;
        height: 100%;
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
    }
    .shape_hover_2 .mask-wrapper .mask .mask-inner > a,
    .shape_hover_2 .mask-wrapper .mask .mask-inner .read-more-wrap {
        box-shadow: none;
        position: absolute;
        left: 0;
        width: 100%;
        top: 42px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_2 .mask-wrapper:hover .mask .mask-inner > a {
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_2 .mask-wrapper .mask .mask-inner p {
        position: absolute;
        left: 0;
        width: 100%;
        top: 90px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_2 .mask-wrapper .mask .mask-inner .woocommerce .star-rating {
        top: 130px;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }
    .shape_hover_2 .mask-wrapper .mask .mask-inner .info-wrapp a.info {
        width: 100%;
        left:0;
    }
    .shape_hover_2 .mask-wrapper .mask .mask-inner .info-wrapp {
        opacity: 0;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_2 .mask-wrapper:hover .mask .mask-inner .info-wrapp {
        opacity: 1;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_2 .mask-wrapper:hover .mask .mask-inner .woocommerce .star-rating, .shape_hover_2 .mask-wrapper:hover .mask .mask-inner p {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_2 .mask-wrapper .mask .mask-inner .info-wrapp a.info {
        position: absolute;
        bottom: 0;
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        padding: 1px;
    }
    .shape_hover_2 .mask-wrapper:hover .mask .mask-inner .info-wrapp a.info {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }
    /* Shape Hover 3 */
    .shape_hover_3 .mask-wrapper {
        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    }
    .shape_hover_3 .mask-wrapper .mask {
        position: absolute;
        opacity: 1;
        height: 100%;
        background: transparent;
    }
    .shape_hover_3 .mask-wrapper .mask_bg {
        clip-path: polygon(100% 0, 100% 46%, 100% 80%, 50% 50%, 0 80%, 0 0);
        opacity: 1;
        background: #ffffff;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        text-align: center;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_3 .mask-wrapper:hover .mask_bg {
        clip-path: polygon(100% 0, 100% 46%, 100% 50px, 50% 80px, 0 50px, 0 0);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_3 .mask-wrapper .mask .mask-inner {
        padding: 0;
        height: 100%;
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
    }
    .shape_hover_3 .mask-wrapper .mask .mask-inner > a,
    .shape_hover_3 .mask-wrapper .mask .mask-inner .read-more-wrap {
        box-shadow: none;
        position: absolute;
        left: 0;
        width: 100%;
        top: 42px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_3 .mask-wrapper:hover .mask .mask-inner > a {
        -webkit-transform: translateY(-35px);
        -moz-transform: translateY(-35px);
        -ms-transform: translateY(-35px);
        -o-transform: translateY(-35px);
        transform: translateY(-35px);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_3 .mask-wrapper .mask .mask-inner .woocommerce {
        position: absolute;
        left: 0;
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        top: 85px;
    }
    .shape_hover_3 .mask-wrapper .mask .mask-inner p {
        color: #aaaaaa;
        position: absolute;
        left: 0;
        width: 100%;
        top: 90px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .shape_hover_3 .mask-wrapper .mask .mask-inner .info-wrapp {
        opacity: 0;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_3 .mask-wrapper:hover .mask .mask-inner .info-wrapp {
        opacity: 1;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .shape_hover_3 .mask-wrapper:hover .mask .mask-inner p {
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        opacity: 0;
    }
    .shape_hover_3 .mask-wrapper .mask .mask-inner .info-wrapp a.info {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0.25);
        -moz-transform: translateY(-50%) translateX(-50%) scale(0.25);
        -ms-transform: translateY(-50%) translateX(-50%) scale(0.25);
        -o-transform: translateY(-50%) translateX(-50%) scale(0.25);
        transform: translateY(-50%) translateX(-50%) scale(0.25);
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        padding: 1px;
    }
    .shape_hover_3 .mask-wrapper:hover .mask .mask-inner .info-wrapp a.info {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        -moz-transform: translateY(-50%) translateX(-50%) scale(1);
        -ms-transform: translateY(-50%) translateX(-50%) scale(1);
        -o-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1);
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }
    /* Codrops */
    .codrops .mask-wrapper img {
        z-index: 1;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }
    .codrops .mask-wrapper:hover img {
        z-index: 1;
        -webkit-transform: translateY(-10%) scale(0.5);
        -moz-transform: translateY(-10%) scale(0.5);
        -ms-transform: translateY(-10%) scale(0.5);
        -o-transform: translateY(-10%) scale(0.5);
        transform: translateY(-10%) scale(0.5);
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
    }
    .codrops .mask-wrapper .mask {
        background: #2c3f52;
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
    }
    .codrops .mask-wrapper .mask-inner {
        top: auto;
        left: 0;
        bottom: 0px;
        padding: 0;
        z-index: 1;
        display: table;
        padding: 5px 15px;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
    }
    .codrops .mask-wrapper .mask-inner > a {
        box-shadow: none;
        display: table-cell;
    }
    .codrops .mask-wrapper .mask-inner > a h4 {
        text-align: left;
    }
    .codrops .mask-wrapper .mask-inner .info-wrapp {
        display: table-cell;
        text-align: right;
        padding: 0;
    }
    .codrops .mask-wrapper .mask-inner .info-wrapp > a {
        text-align: center;
        padding: 1px;
        display: table-cell;
    }
    .codrops .mask-wrapper .mask a.info span {
        background-color: #2ac293;
        border-color: #2ac293;
    }
    /* Polygon Triangle */
    .polygon_triangle .mask-wrapper img {
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }
    .polygon_triangle .mask-wrapper:hover img {
        -webkit-transform: scale(2.2);
        -moz-transform: scale(2.2);
        -ms-transform: scale(2.2);
        -o-transform: scale(2.2);
        transform: scale(2.2);
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }
    .polygon_triangle .mask-wrapper:hover .mask {
        opacity: 1;
        -webkit-transform: translate(0px, 20%) rotate(0deg);
        -moz-transform: translate(0px, 20%) rotate(0deg);
        -ms-transform: translate(0px, 20%) rotate(0deg);
        -o-transform: translate(0px, 20%) rotate(0deg);
        transform: translate(0px, 20%) rotate(0deg);
    }
    .polygon_triangle .mask-wrapper .mask {
        opacity: 0;
        transform: translate(0px, 100%) rotate(0deg);
        background: rgba(55,187,144,0.9);
        clip-path: polygon(100% 80%, 0% 80%, 50% 0%);
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }
    .polygon_triangle .mask-wrapper .mask-inner {
        top: 0;
        left: 0;
        padding: 0;
        height: 80%;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
    }
    .polygon_triangle .mask-wrapper .mask-inner h4 {
        position: absolute;
        bottom: 0;
        width: 55%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }
    .polygon_triangle .mask-wrapper .woocommerce {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
    }
    .polygon_triangle .mask-wrapper .info-wrapp {
        position: absolute;
        top: 40%;
        left: 50%;
        width: 100%;
        -webkit-transform: translate(-50%, -60%);
        -moz-transform: translate(-50%, -60%);
        -ms-transform: translate(-50%, -60%);
        -o-transform: translate(-50%, -60%);
        transform: translate(-50%, -60%);
    }
    .polygon_triangle .mask-wrapper .info-wrapp a {
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -ms-transform: translateY(200px);
        -o-transform: translateY(200px);
        transform: translateY(200px);
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
        padding: 1px;
    }
    .polygon_triangle .mask-wrapper:hover .mask .info-wrapp a {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
    }
    .polygon_triangle .mask-wrapper .mask .info-wrapp a span {
        background-color: transparent;
        border-color: #ffffff;
    }
    /* Ascot Effect */
    .ascot_effect .mask-wrapper {
        padding: 3px;
        background: #f9f9f9;
       
    }
    .ascot_effect .mask-wrapper .mask {
        /*background: rgba(0,0,0,0.8);*/
		background: rgba(255, 180, 0, 0.8);
		color:#000;
        margin: 3px;
        opacity: 0;
        height: auto;
        width: auto;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        -ms-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }
    .ascot_effect .mask-wrapper:hover .mask {
        opacity: 1;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        -ms-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }
    .ascot_effect .mask-inner {
        left: 0;
        top: 0;
        height: 100%;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
    }
    .ascot_effect .mask .mask-inner h4 {
        padding-left: 10px;
        border-left: 7px solid #c436c1;
        margin: 10px 0 0 20px;
        text-align: left;
    }
    .ascot_effect .mask .mask-inner p {
        padding: 0 0 0 18px;
        margin: 10px 0 0 0;
        text-align: left;
    }
    .ascot_effect .mask .mask-inner .woocommerce p {
        padding: 0;
        margin: 0 0 10px 0;
        text-align: right;
    }
    .ascot_effect .mask .mask-inner .woocommerce .star-rating {
        margin-right: -5px;
    }
    .ascot_effect .mask-wrapper .woocommerce {
        position: absolute;
        bottom: 25%;
        right: 5%;
        height: auto;
        padding: 0 15px;
    }
    .ascot_effect .mask-wrapper .info-wrapp {
        position: absolute;
        /*
		bottom: 10%;
        right: 8%;
		*/
		bottom: 2%;
        right: 2%;

		
        height: auto;
        padding: 0;
    }
    .ascot_effect .mask-wrapper .info-wrapp a {
        padding: 1px;
    }
    /* Blur */
    .blur .mask-wrapper img {
        opacity: 1;
        -ms-filter: blur(1px);
        -o-filter: blur(1px);
        filter: blur(1px);
        -moz-filter: blur(1px);
        -webkit-filter: blur(1px);
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }
    .blur .mask-wrapper:hover img {
        transition: 1s;
        transform: none;
        -ms-filter: blur(0);
        -o-filter: blur(0);
        filter: blur(0);
        -moz-filter: blur(0);
        -webkit-filter: blur(0);
    }
    /* Sepia */
    .sepia .mask-wrapper img {
        opacity: 1;
        -ms-filter: sepia(100%);
        -o-filter: sepia(100%);
        filter: sepia(100%);
        -moz-filter: sepia(100%);
        -webkit-filter: sepia(100%);
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }
    .sepia .mask-wrapper:hover img {
        transition: 1s;
        transform: none;
        -ms-filter: sepia(0);
        -o-filter: sepia(0);
        filter: sepia(0);
        -moz-filter: sepia(0);
        -webkit-filter: sepia(0);
    }
    /* Brightness */
    .brightness .mask-wrapper img {
        opacity: 1;
        -ms-filter: brightness(200%);
        -o-filter: brightness(200%);
        filter: brightness(200%);
        -moz-filter: brightness(200%);
        -webkit-filter: brightness(200%);
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }
    .brightness .mask-wrapper:hover img {
        transition: 1s;
        transform: none;
        -ms-filter: brightness(100%);
        -o-filter: brightness(100%);
        filter: brightness(100%);
        -moz-filter: brightness(100%);
        -webkit-filter: brightness(100%);
    }
    /* Contrast */
    .contrast .mask-wrapper img {
        opacity: 1;
        -ms-filter: contrast(200%);
        -o-filter: contrast(200%);
        filter: contrast(200%);
        -moz-filter: contrast(200%);
        -webkit-filter: contrast(200%);
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }
    .contrast .mask-wrapper:hover img {
        transition: 1s;
        transform: none;
        -ms-filter: contrast(100%);
        -o-filter: contrast(100%);
        filter: contrast(100%);
        -moz-filter: contrast(100%);
        -webkit-filter: contrast(100%);
    }
    /* invert */
    .invert .mask-wrapper img {
        opacity: 1;
        -ms-filter: invert(100%);
        -o-filter: invert(100%);
        filter: invert(100%);
        -moz-filter: invert(100%);
        -webkit-filter: invert(100%);
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }
    .invert .mask-wrapper:hover img {
        transition: 1s;
        transform: none;
        -ms-filter: invert(0);
        -o-filter: invert(0);
        filter: invert(0);
        -moz-filter: invert(0);
        -webkit-filter: invert(0);
    }
    /* saturate */
    .saturate .mask-wrapper img {
        opacity: 1;
        -ms-filter: saturate(8);
        -o-filter: saturate(8);
        filter: saturate(8);
        -moz-filter: saturate(8);
        -webkit-filter: saturate(8);
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }
    .saturate .mask-wrapper:hover img {
        transition: 1s;
        transform: none;
        -ms-filter: saturate(0);
        -o-filter: saturate(0);
        filter: saturate(0);
        -moz-filter: saturate(0);
        -webkit-filter: saturate(0);
    }
    /* grayscale */
    .grayscale .mask-wrapper img {
        opacity: 1;
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }
    .grayscale .mask-wrapper:hover img {
        transition: 1s;
        transform: none ;
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0);
        -moz-filter: grayscale(0);
        -webkit-filter: grayscale(0);
    }
    /* hue_rotate */
    .hue_rotate .mask-wrapper img {
        opacity: 1;
        -ms-filter: hue-rotate(90deg);
        -o-filter: hue-rotate(90deg);
        filter: hue-rotate(90deg);
        -moz-filter: hue-rotate(90deg);
        -webkit-filter: hue-rotate(90deg);
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }
    .hue_rotate .mask-wrapper:hover img {
        transition: 1s;
        transform: none ;
        -ms-filter: hue-rotate(0deg);
        -o-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
        -moz-filter: hue-rotate(0deg);
        -webkit-filter: hue-rotate(0deg);
    }
    /* None */
    /*.none .mask-wrapper .mask {
        display: none;
    }
    .none .mask-wrapper img {
        opacity: 1;
        -ms-filter: none;
        -o-filter: none;
        filter: none;
        -moz-filter: none;
        -webkit-filter: none;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }
    .none .mask-wrapper:hover img {
        transition: 1s;
        transform: none ;
        -ms-filter: none;
        -o-filter: none;
        filter: none;
        -moz-filter: none;
        -webkit-filter: none;
    }*/

    /*---------------------------------- Slider Style ------------------------------------*/
    .portfolio_single_wrapp {
        box-sizing: border-box;
    }
    .portfolio_slider .portfolio_single_wrapp {
        display: inline-block;
        height: auto;
    }
    .portfolio_slider {
        outline: none !important;
        padding: 0;
    }
    .port_thumb_img {
        cursor: pointer;
    }
    /*---------------------------------- Single Custom Post Type Style ------------------------------------*/
    .portdesign-single {
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 0;
        margin: 0;
        max-width: 100%;
        overflow: hidden;
    }
    .portdesign-single .entry-content {
        float: right;
        width: 59%;
        position: relative;
    }
    .portdesign-single-wrapper * {
        box-sizing: border-box;
    }
    .portdesign-single-wrapper p {
        text-align: justify;
    }
    .portdesign-single-wrapper .site-main > article {
        margin-bottom: 60;
    }
    .portdesign-single .post-thumbnail {
        display: inline-block;
        width: 39%;
        overflow: hidden;
        margin: 0;
    }
    .column-layout .portdesign-single .post-thumbnail {
        float: left;
    }
    .portdesign-single .post-thumbnail.portdesign_single_post_slider {
        overflow: visible;
        margin: 0;
    }
    .portdesign-single .gallery-wrapp img {
        display: inline-block;
        padding: 13px 9px;
        height: 96px;
        width: 96px;
    }
    .portdesign-single .gallery-wrapp img:hover {
        opacity: 0.8;
    }
    .entry-content .portfolio_single_wrapp a {
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    /*---------------------------------- Slider ------------------------------------*/
    /* Full Width Slider */
    .full-width-slider.portdesign-single-wrapper{
        margin: 0;
        width:100%!important;
    }
    .portdesign-single-wrapper main{
        margin: 0;
    }
    .full-width-slider.portdesign-single-wrapper main{
        padding: 0;
    }
    .full-width-slider .portdesign-single .entry-content {
        float: none;
        width: 100%;
    }
    .full-width-slider .slick-slider {
        margin-bottom: 80px;
    }
    .full-width-slider {
        margin: 0;
        width: 100%;
        padding-bottom: 80px;
    }
    .full-width-slider .portdesign-single .post-thumbnail {
        width: 100%;
    }
    .portdesign_single_post_slider {
        outline: none !important;
    }
    .full-width-slider .portdesign_single_post_thumbnail {
        height: auto;
    }
    .portdesign_single_post_thumbnail img {
        width: 100%;
    }
    /*Column Full Images*/
    .column-full-images .portdesign-single .gallery-wrapp img {
        width: auto;
        height: auto;
        padding-bottom: 0;
    }
    /*Column Slide*/
    .column-slider.portdesign-single-wrapper{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .portfolio_slider_slideshow .port_thumb_img,
    .portfolio_gallery.portfolio_slider .portfolio_single_wrapp {
        max-height: 600px;
    }
    .column-slider .portdesign_single_post_thumbnail,
    .column-slider .portdesign_small_image_slide_left .video-wrapp {
        height: auto;
        padding: 0 5px 0 0;
    }
    /*---------------------------------- Next and Previous Post Navigation ------------------------------------*/
    .screen-reader-text {
        display: none;
    }
    .portdesign-single-wrapper .nav-previous {
        float: left;
        position: relative;
        width: 50%;
    }
    .portdesign-single-wrapper .navigation {
        /* border-bottom: 1px solid rgb(204, 204, 204);
        border-top: 1px solid rgb(204, 204, 204); */
        margin: 25px auto;
    }
    .portdesign-single-wrapper .nav-next {
        float: right;
        position: relative;
        text-align: right;
        width: 50%;
    }
    .portdesign-single-wrapper .post-navigation .post-title {
        padding-top: 5px;
        font-size: 15px;
        display: block;
        font-weight: 400;
        color: #444;
    }
    .portdesign-single-wrapper .meta-nav-arrow {
        bottom: 15px;
        color: #d1d1d1;
        font-size: 25px;
        height: 20px;
        left: 15px;
        line-height: 18px;
        margin: auto;
        position: absolute;
        right: auto;
        top: 15px;
        width: 15px;
    }
    body .portdesign-single-wrapper .nav-previous a {
        border-right: 1px solid rgb(204, 204, 204);
        display: block;
        padding: 18px 15px 15px 50px;
    }
    body .portdesign-single-wrapper .nav-next a {
        display: block;
        padding: 18px 50px 15px 15px;
    }
    .portdesign-single-wrapper .post-navigation div + div {
        border-top: none;
    }
    .portdesign-single-wrapper .post-navigation .nav-next .meta-nav-arrow {
        left: auto;
        right: 15px;
    }
    .portdesign-single-wrapper .nav-links {
        display: table;
        width: 100%;
        border-left: 1px solid #d1d1d1;
        border-right: 1px solid #d1d1d1;
    }
    /*---------------------------------- Social Share ------------------------------------*/
    .portdesign-single-wrapper .social-share-section a {
        transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
        -o-transition: all ease-in-out 0.3s;
        -ms-transition: all ease-in-out 0.3s;
        border-radius: 50%;
        font-size: 18px;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 38px;
        border: 1px solid #d1d1d1;
        color: #ccc;
        display: inline-block;
    }
    .portdesign-single-wrapper .social-share-section a:hover i {
        color: #fff;
    }
    .portdesign-single-wrapper .social-share-section a i {
        color: #ccc;
        line-height: 40px;
    }
    .portdesign-single-wrapper .social-share-section a:hover {
        background: #1a1a1a;
        color: #fff;
        border: 1px solid #1a1a1a;
    }
    /*---------------------------------- Meta Fields Style ------------------------------------*/
    .portdesign-single-wrapper .portdesign-meta-fields {
        border: 1px solid #d1d1d1;
        background: #FCFCFC;
        display: inline-block;
        width: 100%;
    }
    .portdesign-single-wrapper .portdesign-meta-fields p, .portdesign-single-wrapper .portdesign-meta-fields tr {
        width: 100%;
        border: none;
        vertical-align: middle;
        display: inline-block;
        position: relative;
        overflow-wrap: break-word;
        margin-bottom: 0;
        border-bottom: 1px solid #cccccc !important;
    }
    .portdesign-single-wrapper .portdesign-meta-fields p:last-child, .portdesign-single-wrapper .portdesign-meta-fields tr:last-child {
        border-bottom: none !important;
    }
    .portdesign-single .portdesign-meta-fields {
        font-size: 15px;
    }
    .portdesign-single-wrapper .portdesign-meta-fields span.first-col, 
    .portdesign-single-wrapper .portdesign-meta-fields tr th {
        border: none;
        padding: 3px 15px;
        font-weight: 400;
        vertical-align: middle;
        display: inline-block;
        text-align: left;
        width: 40%;
        overflow-wrap: break-word;
        float: left;
        font-size: 15px;
        color: #444;
        letter-spacing: 0;
    }
    .portdesign-single-wrapper .portdesign-meta-fields span.sec-col, .portdesign-single-wrapper .portdesign-meta-fields tr td {
        font-size: 14px;
        vertical-align: middle;
        width: 60%;
        float: right;
        border: none;
        vertical-align: middle;
        display: inline-block;
        overflow-wrap: break-word;
        background: #ffffff;
        padding: 3px 15px;
        border-left: 1px solid #d1d1d1;
        font-size: 15px;
        color: #444;
        font-weight: 600;
        letter-spacing: 0;
    }
    .full-width-slider.portdesign-single-wrapper .portdesign-meta-fields {
        margin-left: 25px;
        width: calc(100% - 25px);
    }
    .column-slider.portdesign-single-wrapper .portdesign-meta-fields, .column-full-images.portdesign-single-wrapper .portdesign-meta-fields {
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .column-layout.portdesign-single-wrapper .portdesign-meta-fields {
        margin-top: 20px;
    }
    /* * comment form design */
    .port-container .comment-list li.comment {
        margin-bottom: 15px;
    }
    .port-container .comment-list img {
        border: 3px solid #eeeeee;
        border-radius: 100%;
        height: 100px;
        margin-right: 15px;
        max-width: 100%;
        width: 100px;
        float: left;
    }
    .post-thumbnail > a, .gallery-wrapp a {
        position: relative;
        padding: 0px;
        vertical-align: middle;
        overflow: hidden;
        line-height: 0;
        margin-bottom: 15px;
        max-width: 100%;
        display: inline-block;
    }
    .gallery-wrapp {
        line-height: 0;
        padding-top: 15px;
        text-align: center;
    }
    .column-full-images .post-thumbnail a {
        display: block;
        margin-bottom: 10px;
    }
    .column-full-images {
        padding: 80px 0;
    }
    .column-layout {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .column-full-images .social-component .social-share a, .column-slider .social-component .social-share a, .column-layout .social-component .social-share a {
        margin-top: 10px;
    }
    .column-full-images .social-component {
        margin-top: 10px;
    }
    .column-slider .social-component {
        margin-bottom: 15px;
    }
    .column-layout header.entry-header {
        float:right;
        width: 60%;
        margin-top: 10px;
    }
    .post-thumbnail a img {
        margin: 0px;
        padding: 0 !important;
        transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
        -o-transition: all ease-in-out 0.3s;
        -ms-transition: all ease-in-out 0.3s;
    }
    .post-thumbnail a img:hover {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    .portdesign-single-wrapper .portdesign_related_post * {
        box-sizing: border-box;
    }
    .portdesign-single-wrapper .portdesign_related_post {
        margin: 10px auto;
        width: 100%;
        display: inline-block;
    }
    .portdesign_related_post .port-row > div{
        padding: 0 15px;
    }
    .portdesign-single-wrapper.widget-area {
        margin-top: 20px;
    }
    .portfolio-overlay {
        backface-visibility: hidden;
        color: rgb(255, 255, 255);
        height: 100%;
        left: 0;
        padding: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .portfolio-overlay img:hover {
        transform: scale(1, 1);
    }
    .portfolio-overlay:hover {
        border-bottom: 1px solid rgb(255, 255, 255);
        border-top: 1px solid rgb(255, 255, 255);
    }
    .portfolio-overlay:before {
        border-bottom: 1px solid rgb(255, 255, 255);
        border-top: 1px solid rgb(255, 255, 255);
        transform: scale(0, 1);
    }
    .portfolio-overlay:after {
        border-left: 1px solid rgb(255, 255, 255);
        border-right: 1px solid rgb(255, 255, 255);
        transform: scale(1, 0);
    }
    .portfolio-overlay:before, .portfolio-overlay:after {
        bottom: 20px;
        content: "";
        left: 20px;
        opacity: 0;
        position: absolute;
        right: 20px;
        top: 20px;
        transition: opacity 0.5s ease 0s, transform 0.5s ease 0s;
    }
    .post-thumbnail a:hover .portfolio-overlay:before, .post-thumbnail a:hover .portfolio-overlay:after {
        opacity: 0.8;
        transform: scale(1);
    }
    .post-thumbnail a:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        opacity: 0.8;
    }
    .affix {
        top: 20px;
    }
    .mask-wrapper .mask a.info span {
        color: #fff;
    }
    /* Social share css */
    .default.social-component a {
        border: medium none;
        line-height: 15px;
        margin: 0;
        padding: 0
    }
    .social-component {
        display: inline-block;
        clear: left;
    }
    .social-component a:hover i {
        color: rgb(255, 255, 255);
    }
    .post-thumbnail img {
        height: auto;
        width: 100%;
    }
    .social-component a {
        border: 1px solid #cccccc;
        float: left;
        margin: 10px 10px 0 0;
        padding: 8px 0;
        text-align: center;
        width: 38px;
        font-size: 15px;
        line-height: 20px;
        color: #333;
        box-shadow: none;
    }
    .social-component a.social-share-default {
        border: 0 none;
        box-shadow: none;
        padding: 0;
    }
    .social-component.align-left {
        clear: both;
        float: left;
    }
    .social-component.align-center {
        display: table;
        margin: 0 auto !important;
        text-align: center;
    }
    .social-component.align-right {
        clear: both;
        float: right;
        position: relative;
        left: 5px;
    }
    .social-component a.facebook-share:hover {
        background-color: #3a589d;
        border-color: #3a589d;
        color: #fff;
    }
    .social-component a.twitter-share:hover {
        background-color: #5EA9DD;
        border-color: #5EA9DD;
        color: #fff;
    }
    .social-component a.pd-email-share:hover {
        background-color: #000000;
        border-color: #000000;
        color: #fff;
    }
    .social-component a.whatsapp-share:hover {
        background-color: #3cc150;
        border-color: #3cc150;
        color: #fff;
    }
    .social-component a.instagram-share:hover {
        background-color: #125688;
        border-color: #125688;
        color: #fff;
    }
    .social-component a.google-share:hover {
        background-color: #dd4e31;
        border-color: #dd4e31;
        color: #fff !important;
    }
    .social-component a:hover {
        color: #fff !important;
    }
    .social-component a.social-share-default:hover {
        box-shadow: none !important;
    }
    .social-component a.linkedin-share:hover {
        background-color: #0177B5;
        border-color: #0177B5;
        color: #fff;
    }
    .social-component a.website-share:hover {
        background-color: #4285F4;
        border-color: #4285F4;
        color: #fff;
    }
    .social-component a.pinterest-share:hover {
        background-color: #cb2320;
        border-color: #cb2320;
        color: #fff;
    }
    .social-component a.telegram-share:hover {
        background-color: #2399d6;
        border-color: #2399d6;
        color: #fff;
    }
    .social-component a.pocket-share:hover {
        background-color: #ee4056;
        border-color: #ee4056;
        color: #fff;
    }
    .social-component a.reddit-share:hover {
        background-color: #ff4500;
        border-color: #ff4500;
        color: #fff;
    }
    .social-component a.digg-share:hover {
        background-color: #245EAD;
        border-color: #245EAD;
        color: #fff;
    }
    .social-component a.skype-share:hover {
        background-color: #00aff0;
        border-color: #00aff0;
        color: #fff;
    }
    .social-component a.youtube-share:hover {
        background-color: #bb0000;
        border-color: #bb0000;
        color: #fff;
    }
    .social-component a.snapchat-share:hover {
        background-color: #fffc00;
        border-color: #fffc00;
        color: #fff;
    }
    .social-component a.vine-share:hover {
        background-color: #00bf8f;
        border-color: #00bf8f;
        color: #fff;
    }
    .social-component a.tumblr-share:hover {
        background-color: #32506d;
        border-color: #32506d;
        color: #fff;
    }
    .social-component a.wordpress-share:hover{
        background-color: #0177B5;
        border-color: #0177B5;
        color: #fff;
    }
    .social-component .social-share {
        float: left;
        margin: 10px 10px 0 0;
    }
    .even_class .social-component .social-share {
        float: right;
    }
    .social-component .social-share a {
        padding-right: 0;
        margin: 0;
    }
    .social-component.large a {
        height: 45px;
        padding: 12px 0;
        width: 45px;
        box-sizing: border-box;
    }
    .social-component.large a .fa {
        font-size: 20px;
    }
    .entry .entry-content > * > :first-child {
        margin-top: 10px !important;
    }
    .social-component .social-share, .social-component.top > a{
        margin: 10px 5px 0 0;
    }
    .social-component.right .social-share .count {
        box-sizing: border-box;
        clear: unset;
        height: 39px;
        line-height: 27px;
        margin: 0 0 0 8px;
    }
    .social-component .social-share .count {
        background-color: transparent;
        border: 1px solid #dddddd;
        border-radius: 5px;
        clear: both;
        color: #999;
        float: left;
        line-height: 1;
        margin: 10px 0 0;
        padding: 5px 4%;
        text-align: center;
        width: 38px;
        position: relative;
        word-break: break-all;
        word-wrap: break-word;
        height: auto;
    }
    .social-component.large .social-share .count {
        width: 45px;
    }
    .social-component.right .social-share .count:before {
        border-bottom: 8px dashed rgba(0, 0, 0, 0);
        border-right: 8px solid rgb(221, 221, 221);
        border-top: 8px solid rgba(0, 0, 0, 0);
        left: -53px;
        top: 10px;
    }
    .social-component.after {
        /* padding: 25px 0 0 0; */
        padding: 25px 0 !important;
    }
    .social-component.before {
        padding: 0 0 25px 0;
    }
    .social-component .social-share .count:before {
        border-bottom: 8px solid #dddddd;
        border-left: 8px solid rgba(0, 0, 0, 0);
        border-right: 8px dashed rgba(0, 0, 0, 0);
        content: "";
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: -8px;
        width: 0;
    }
    .social-component.circle a {
        border-radius: 100%;
    }
    .social-component.top .social-share .count {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .social-component.top .social-share .count:before {
        border-top: 8px solid #dddddd;
        border-bottom: medium none;
        bottom: -8px;
        top: auto;
    }
    .social-component.top .social-share, .social-component.top > a {
        display: inline-block;
        float: none;
        vertical-align: bottom;
    }
    .social-component.top .social-share .count {
        float: none;
    }
    .social-component.right.large .social-share .count:before {
        left: -59px;
        top: 13px;
    }
    .social-component.right.large .social-share .count {
        height: 45px;
        line-height: 30px;
    }
    .dialog_single_social_themes .ui-dialog .ui-dialog-title {
        line-height: 33px;
    }
    .social-component a.social-share-default:hover{
        /*opacity: 1.0;
        */
        opacity: 0.8;
    }
    .social-component a.social-share-default {
        height: 38px;
        background-image: url('../images/social_default_image.png');
        /*opacity: 0.8;
        */
        background-color: transparent;
    }
    /*First Social Icon Style*/
    .social-component.social_icon_theme_1 a.social-share-default.pd-facebook-share{
        background-position: -10px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-google-share {
        background-position: -58px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-linkedin-share {
        background-position: -106px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-pinterest-share {
        background-position: -154px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-twitter-share {
        background-position: -202px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-email-share {
        background-position: -250px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-whatsapp-share {
        background-position: -298px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-website-share {
        background-position: -346px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-pocket-share {
        background-position: -394px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-telegram-share {
        background-position: -442px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-reddit-share {
        background-position: -490px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-vine-share {
        background-position: -538px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-tumblr-share {
        background-position: -586px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-instagram-share {
        background-position: -634px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-youtube-share {
        background-position: -682px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-wordpress-share {
        background-position: -970px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-skype-share {
        background-position: -1066px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-snapchat-share {
        background-position: -1114px -10px;
    }
    .social-component.social_icon_theme_1 a.social-share-default.pd-digg-share {
        background-position: -1210px -10px;
    }
    /*Second Social Icon Style*/
    .social-component.social_icon_theme_2 a.social-share-default.pd-facebook-share{
        background-position: -10px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-google-share {
        background-position: -58px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-linkedin-share {
        background-position: -106px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-pinterest-share {
        background-position: -154px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-twitter-share {
        background-position: -202px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-email-share {
        background-position: -250px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-whatsapp-share {
        background-position: -298px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-website-share {
        background-position: -346px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-pocket-share {
        background-position: -394px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-telegram-share {
        background-position: -442px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-reddit-share {
        background-position: -490px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-vine-share {
        background-position: -538px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-tumblr-share {
        background-position: -586px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-instagram-share {
        background-position: -634px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-youtube-share {
        background-position: -682px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-wordpress-share {
        background-position: -970px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-skype-share {
        background-position: -1066px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-snapchat-share {
        background-position: -1114px -58px;
    }
    .social-component.social_icon_theme_2 a.social-share-default.pd-digg-share {
        background-position: -1210px -58px;
    }
    /*Third Social Icon Style*/
    .social-component.social_icon_theme_3 a.social-share-default.pd-facebook-share{
        background-position: -10px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-google-share {
        background-position: -58px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-linkedin-share {
        background-position: -106px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-pinterest-share {
        background-position: -154px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-twitter-share {
        background-position: -202px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-email-share {
        background-position: -250px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-whatsapp-share {
        background-position: -298px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-website-share {
        background-position: -346px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-pocket-share {
        background-position: -394px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-telegram-share {
        background-position: -442px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-reddit-share {
        background-position: -490px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-vine-share {
        background-position: -538px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-tumblr-share {
        background-position: -586px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-instagram-share {
        background-position: -634px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-youtube-share {
        background-position: -682px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-wordpress-share {
        background-position: -970px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-skype-share {
        background-position: -1066px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-snapchat-share {
        background-position: -1114px -106px;
    }
    .social-component.social_icon_theme_3 a.social-share-default.pd-digg-share {
        background-position: -1210px -106px;
    }
    /*Fourth Social Icon Style*/
    .social-component.social_icon_theme_4 a.social-share-default.pd-facebook-share{
        background-position: -10px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-google-share {
        background-position: -58px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-linkedin-share {
        background-position: -106px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-pinterest-share {
        background-position: -154px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-twitter-share {
        background-position: -202px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-email-share {
        background-position: -250px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-whatsapp-share {
        background-position: -298px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-website-share {
        background-position: -346px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-pocket-share {
        background-position: -394px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-telegram-share {
        background-position: -442px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-reddit-share {
        background-position: -490px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-vine-share {
        background-position: -538px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-tumblr-share {
        background-position: -586px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-instagram-share {
        background-position: -634px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-youtube-share {
        background-position: -682px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-wordpress-share {
        background-position: -970px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-skype-share {
        background-position: -1066px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-snapchat-share {
        background-position: -1114px -154px;
    }
    .social-component.social_icon_theme_4 a.social-share-default.pd-digg-share {
        background-position: -1210px -154px;
    }
    /*Fifth Social Icon Style*/
    .social-component.social_icon_theme_5 a.social-share-default.pd-facebook-share{
        background-position: -10px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-google-share {
        background-position: -58px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-linkedin-share {
        background-position: -106px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-pinterest-share {
        background-position: -154px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-twitter-share {
        background-position: -202px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-email-share {
        background-position: -250px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-whatsapp-share {
        background-position: -298px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-website-share {
        background-position: -346px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-pocket-share {
        background-position: -394px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-telegram-share {
        background-position: -442px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-reddit-share {
        background-position: -490px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-vine-share {
        background-position: -538px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-tumblr-share {
        background-position: -586px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-instagram-share {
        background-position: -634px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-youtube-share {
        background-position: -682px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-wordpress-share {
        background-position: -970px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-skype-share {
        background-position: -1066px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-snapchat-share {
        background-position: -1114px -202px;
    }
    .social-component.social_icon_theme_5 a.social-share-default.pd-digg-share {
        background-position: -1210px -202px;
    }
    /*Sixth Social Icon Style*/
    .social-component.social_icon_theme_6 a.social-share-default.pd-facebook-share{
        background-position: -10px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-google-share {
        background-position: -58px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-linkedin-share {
        background-position: -106px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-pinterest-share {
        background-position: -154px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-twitter-share {
        background-position: -202px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-email-share {
        background-position: -250px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-whatsapp-share {
        background-position: -298px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-website-share {
        background-position: -346px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-pocket-share {
        background-position: -394px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-telegram-share {
        background-position: -442px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-reddit-share {
        background-position: -490px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-vine-share {
        background-position: -538px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-tumblr-share {
        background-position: -586px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-instagram-share {
        background-position: -634px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-youtube-share {
        background-position: -682px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-wordpress-share {
        background-position: -970px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-skype-share {
        background-position: -1066px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-snapchat-share {
        background-position: -1114px -250px;
    }
    .social-component.social_icon_theme_6 a.social-share-default.pd-digg-share {
        background-position: -1210px -250px;
    }
    /*Seventh Social Icon Style*/
    .social-component.social_icon_theme_7 a.social-share-default.pd-facebook-share{
        background-position: -10px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-google-share {
        background-position: -58px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-linkedin-share {
        background-position: -106px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-pinterest-share {
        background-position: -154px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-twitter-share {
        background-position: -202px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-email-share {
        background-position: -250px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-whatsapp-share {
        background-position: -298px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-website-share {
        background-position: -346px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-pocket-share {
        background-position: -394px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-telegram-share {
        background-position: -442px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-reddit-share {
        background-position: -490px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-vine-share {
        background-position: -538px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-tumblr-share {
        background-position: -586px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-instagram-share {
        background-position: -634px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-youtube-share {
        background-position: -682px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-wordpress-share {
        background-position: -970px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-skype-share {
        background-position: -1066px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-snapchat-share {
        background-position: -1114px -298px;
    }
    .social-component.social_icon_theme_7 a.social-share-default.pd-digg-share {
        background-position: -1210px -298px;
    }
    /*Eighth Social Icon Style*/
    .social-component.social_icon_theme_8 a.social-share-default.pd-facebook-share{
        background-position: -10px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-google-share {
        background-position: -58px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-linkedin-share {
        background-position: -106px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-pinterest-share {
        background-position: -154px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-twitter-share {
        background-position: -202px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-email-share {
        background-position: -250px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-whatsapp-share {
        background-position: -298px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-website-share {
        background-position: -346px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-pocket-share {
        background-position: -394px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-telegram-share {
        background-position: -442px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-reddit-share {
        background-position: -490px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-vine-share {
        background-position: -538px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-tumblr-share {
        background-position: -586px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-instagram-share {
        background-position: -634px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-youtube-share {
        background-position: -682px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-wordpress-share {
        background-position: -970px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-skype-share {
        background-position: -1066px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-snapchat-share {
        background-position: -1114px -346px;
    }
    .social-component.social_icon_theme_8 a.social-share-default.pd-digg-share {
        background-position: -1210px -346px;
    }
    /*Ninth Social Icon Style*/
    .social-component.social_icon_theme_9 a.social-share-default.pd-facebook-share{
        background-position: -10px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-google-share {
        background-position: -58px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-linkedin-share {
        background-position: -106px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-pinterest-share {
        background-position: -154px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-twitter-share {
        background-position: -202px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-email-share {
        background-position: -250px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-whatsapp-share {
        background-position: -298px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-website-share {
        background-position: -346px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-pocket-share {
        background-position: -394px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-telegram-share {
        background-position: -442px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-reddit-share {
        background-position: -490px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-vine-share {
        background-position: -538px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-tumblr-share {
        background-position: -586px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-instagram-share {
        background-position: -634px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-youtube-share {
        background-position: -682px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-wordpress-share {
        background-position: -970px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-skype-share {
        background-position: -1066px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-snapchat-share {
        background-position: -1114px -394px;
    }
    .social-component.social_icon_theme_9 a.social-share-default.pd-digg-share {
        background-position: -1210px -394px;
    }
    /*Tenth Social Icon Style*/
    .social-component.social_icon_theme_10 a.social-share-default.pd-facebook-share{
        background-position: -10px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-google-share {
        background-position: -58px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-linkedin-share {
        background-position: -106px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-pinterest-share {
        background-position: -154px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-twitter-share {
        background-position: -202px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-email-share {
        background-position: -250px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-whatsapp-share {
        background-position: -298px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-website-share {
        background-position: -346px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-pocket-share {
        background-position: -394px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-telegram-share {
        background-position: -442px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-reddit-share {
        background-position: -490px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-vine-share {
        background-position: -538px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-tumblr-share {
        background-position: -586px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-instagram-share {
        background-position: -634px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-youtube-share {
        background-position: -682px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-wordpress-share {
        background-position: -970px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-skype-share {
        background-position: -1066px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-snapchat-share {
        background-position: -1114px -442px;
    }
    .social-component.social_icon_theme_10 a.social-share-default.pd-digg-share {
        background-position: -1210px -442px;
    }
    /*---------------------------------- Email share ------------------------------------*/
    .pd_email_share {
        display: none;
        background: #ffffff;
        border: 1px solid #cccccc;
        box-shadow: 0 0 10px #cccccc;
        padding: 15px;
        position: absolute;
        display: none;
        z-index: 99;
    }
    .pd-close {
        cursor: pointer;
        display: inline;
        float: right;
        position: absolute;
        right: 7px;
        top: 3px;
    }
    .pd-close_button {
        padding-left: 10px;
        display: inline;
        cursor: pointer;
    }
    .pd-mail_submit_button {
        display: inline !important;
    }
    #pd_email_share form > div {
        padding-top: 20px;
    }
    .pd_email_share .pd_email_form #pdEmailShareForm .pd-close_button {
        padding: 10px 20px;
        border: 2px solid #3bc391;
        background-color: #3bc391;
        border-radius: 28px;
        color: #fff;
        transition: all 0.3s ease 0s;
    }
    .pd_email_share .pd_email_form #pdEmailShareForm .pd-close_button:hover,
    .pd_email_share .pd_email_form #pdEmailShareForm .pd-close_button:focus {
        background-color: #444444;
        border-color: #444444;
    }
    #pd_email_share label {
        font-weight: normal;
        font-size: 16px;
        display: inline-block;
        min-width: 160px;
    }
    .pd_email_share .pd_email_form #pdEmailShareForm input {
        padding: 10px 15px;
    }
    .pd_email_share .pd_email_form #pdEmailShareForm input[type="text"],
    .pd_email_share .pd_email_form #pdEmailShareForm input[type="email"]{
        min-width: 200px;
    }
    .pd_email_share .pd_email_form #pdEmailShareForm .pd-mail_submit_button {
        padding: 10px 20px;
    }
    #pd_email_share input[type='text'], #pd_email_share input[type='email'] {
        padding: 5px;
    }
    body.single .content-area.full-width-slider .entry-content {
        float: none;
        width: 100%;
    }
    .clear:before, .clear:after {
        content: " ";
        display: table;
        clear: both;
    }
    /* Aqua Page Builder CSS*/
    .aq-template-wrapper .portfolio_single_wrapp p:empty {
        display: none;
    }
    .aq-template-wrapper .portfolio_single_wrapp br {
        display: none;
    }
    .aq-template-wrapper .social-component br {
        display: none;
    }
    .aq-template-wrapper .social-component p:empty {
        display: none;
    }
    .aq-template-wrapper .mask .mask-inner p {
        display: none;
    }
    /* justify layout css*/
    .portfolio_gallery.justify_column{
        display: inline-block;
        vertical-align: middle;
    }
    .portfolio_single_wrapp.justify_auto_column {
        float: left;
    }
    .justified-gallery > div:hover,
    .justified-gallery {
        overflow: visible;
    }
    .justified-gallery > .portfolio_single_wrapp.jg-filtered {
        display: none !important;
    }
    .portfolio_gallery li:not(.portfolio_single_wrapp) span {
        display: none;
    }
    /* portfolio Image Fancy-Box Navigation CSS*/
    .fancybox-nav {
        width: 45px;
    }
    @-ms-viewport {
        width: device-width;
    }
    @viewport {
        width: device-width;
    }
    /* * Navigation tools */
    .glow-up li{
        border-radius:50%;
        box-shadow:0 0 0 2px #dedfe0;
        -webkit-transition:box-shadow .3s ease;
        transition:box-shadow .3s ease;
        background:#fff
    }
    .glow-up li.slick-active,.glow-up li:hover{
        box-shadow:0 0 0 2px #dedfe0;
        border:none;
        border-radius:50%;
        background:#fff
    }
    .glow-up li-inner{
        background-color:#fff;
        -webkit-transition:background-color .3s ease,-webkit-transform .3s ease;
        transition:background-color .3s ease,transform .3s ease;
        top:0;
        left:0;
        width:100%;
        height:100%;
        outline:none;
        border-radius:50%;
        text-indent:-999em;
        cursor:pointer;
        position:absolute
    }
    .glow-up li.slick-active li-inner,.glow-up li:hover li-inner{
        background-color:#dedfe0;
        transform:scale(0.7);
        -webkit-transform:scale(0.7)
    }
    .glow-down li{
        border-radius:50%;
        box-shadow:0 0 0 2px #dedfe0;
        -webkit-transition:box-shadow .3s ease;
        transition:box-shadow .3s ease;
        background:#fff
    }
    .glow-down li.slick-active,.glow-down li:hover{
        box-shadow:0 0 0 2px #dedfe0;
        border:none;
        border-radius:50%;
        background:#fff
    }
    .glow-down li-inner{
        background-color:#dedfe0;
        -webkit-transition:background-color .3s ease,-webkit-transform .3s ease;
        transition:background-color .3s ease,transform .3s ease;
        top:0;
        left:0;
        width:100%;
        height:100%;
        outline:none;
        border-radius:50%;
        text-indent:-999em;
        cursor:pointer;
        position:absolute;
        transform:scale(0.7);
        -webkit-transform:scale(0.7)
    }
    .glow-down li.slick-active li-inner,.glow-down li:hover li-inner{
        background-color:#fff
    }
    .bulb li{
        width:15px;
        height:15px;
        position:absolute;
        background:#333;
        border:1px solid #333;
        border-radius:50%;
        cursor:pointer;
        box-sizing:content-box
    }
    .bulb li:hover,.bulb li.slick-active{
        background:#fff;
        background:-moz-linear-gradient(top,#fff 0%,#5E5E5E 100%);
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#5E5E5E));
        background:-webkit-linear-gradient(top,#fff 0%,#5E5E5E 100%);
        background:-o-linear-gradient(top,#fff 0%,#5E5E5E 100%);
        background:-ms-linear-gradient(top,#fff 0%,#5E5E5E 100%);
        background:linear-gradient(to bottom,#fff 0%,#5E5E5E 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#5E5E5E",GradientType=0)
    }
    .bulb-dark li{
        width:12px;
        height:12px;
        position:absolute;
        background:#333;
        border:3px solid #444;
        border-radius:50%;
        cursor:pointer;
        box-sizing:content-box
    }
    .bulb-dark li:hover,.bulb-dark li.slick-active{
        background:#fff;
        background:-moz-linear-gradient(top,#fff 0%,#e1e1e1 100%);
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e1e1e1));
        background:-webkit-linear-gradient(top,#fff 0%,#e1e1e1 100%);
        background:-o-linear-gradient(top,#fff 0%,#e1e1e1 100%);
        background:-ms-linear-gradient(top,#fff 0%,#e1e1e1 100%);
        background:linear-gradient(to bottom,#fff 0%,#e1e1e1 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e1e1e1",GradientType=0)
    }
    .outline li{
        width:12px;
        height:12px;
        position:absolute;
        background:#999;
        border:3px solid #f5f5f5;
        border-radius:50%;
        cursor:pointer;
        box-sizing:content-box;
        box-shadow:0 0 2px 1px rgba(130,130,130,0.3)
    }
    .outline li:hover,.outline li.slick-active{
        background:#fff;
        border-color:#000
    }
    .glow-dark li{
        width:12px;
        height:12px;
        position:absolute;
        background:#999;
        background:-moz-linear-gradient(top,#999 0%,#e1e1e1 100%);
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#999),color-stop(100%,#e1e1e1));
        background:-webkit-linear-gradient(top,#999 0%,#e1e1e1 100%);
        background:-o-linear-gradient(top,#999 0%,#e1e1e1 100%);
        background:-ms-linear-gradient(top,#999 0%,#e1e1e1 100%);
        background:linear-gradient(to bottom,#999 0%,#e1e1e1 100%);
        filter:progid:dximagetransform.microsoft.gradient(startcolorstr="#999999",endcolorstr="#e1e1e1",gradienttype=0);
        border:3px solid #e5e5e5;
        border-radius:50%;
        cursor:pointer;
        box-sizing:content-box
    }
    .glow-dark li:hover,.glow-dark li.slick-active{
        background:#666
    }
    .eye-glow li{
        border-radius:100%;
        box-shadow:0 0 0 4px #000;
        -webkit-transition:box-shadow .3s ease;
        transition:box-shadow .3s ease;
        background:#fff;
        width:12px;
        height:12px
    }
    .eye-glow li.slick-active,.eye-glow li:hover{
        box-shadow:0 0 0 4px #000;
        border:none;
        border-radius:100%;
        background:#fff
    }
    .eye-glow li-inner{
        background-color:#000;
        -webkit-transition:background-color .3s ease,-webkit-transform .3s ease;
        transition:background-color .3s ease,transform .3s ease;
        top:0;
        left:0;
        width:100%;
        height:100%;
        outline:none;
        border-radius:50%;
        text-indent:-999em;
        cursor:pointer;
        position:absolute
    }
    .eye-glow li.slick-active li-inner,.eye-glow li:hover li-inner{
        background-color:#000;
        transform:scale(0.9);
        -webkit-transform:scale(0.9)
    }
    .square-glow li {
        width:13px;
        height:13px;
        position:absolute;
        background:#999;
        border:2px solid #f5f5f5;
        cursor:pointer;
        box-sizing:content-box;
        box-shadow:0 0 2px 1px rgba(130,130,130,0.3)
    }
    .square-glow li:hover,.square-glow li.slick-active{
        background:#000
    }
    .square-eye li{
        border-radius:1px;
        width:5px;
        height:5px;
        position:absolute;
        background:#fff;
        cursor:pointer;
        border:4px solid #fff;
        box-sizing:content-box;
        box-shadow:0 0 0 3px #5e5e5e;
        -webkit-perspective:400;
        perspective:400px;
        -webkit-transform:translatez(0.01px);
        transform:translatez(0.01px)
    }
    .eye-glow li {
        background:#000 !important;
    }
    .eye-glow li:hover {
        border: 1px solid #fff !important;
    }
    .eye-glow li.slick-active {
        border: 1px solid #fff;
        background:#000;
    }
    .square-eye li:hover, 
    .square-eye li.slick-active {
        background:#555
    }
    .gray-square li{
        border-radius:1px;
        width:15px;
        height:15px;
        position:absolute;
        background:#fff;
        cursor:pointer;
        box-sizing:content-box
    }
    .gray-square li:hover,.gray-square li.slick-active{
        background:#7A7B7D
    }
    .orange-square li{
        border-radius:1px;
        width:15px;
        height:15px;
        position:absolute;
        background:#fff;
        cursor:pointer;
        box-sizing:content-box
    }
    .orange-square li:hover,.orange-square li.slick-active{
        background:#F60
    }
    .black-square li{
        border-radius:1px;
        width:15px;
        height:15px;
        position:absolute;
        background:#fff;
        cursor:pointer;
        box-sizing:content-box
    }
    .black-square li:hover,.black-square li.slick-active{
        background:#333
    }
    .orange-round li{
        border-radius:50%;
        width:15px;
        height:15px;
        position:absolute;
        background:#fff;
        cursor:pointer;
        box-sizing:content-box
    }
    .orange-round li:hover,.orange-round li.slick-active{
        background:#FEA900
    }
    .purpul-glow li{
        border-radius:50%;
        border:3px solid rgba(255,255,255,0.8);
        width:12px;
        height:12px;
        position:absolute;
        background:#9495fd;
        cursor:pointer;
        box-sizing:content-box
    }
    .purpul-glow li:hover,.purpul-glow li.slick-active{
        background:#e6e6fe;
        border-color:#9495fd
    }
    .gray-glow li{
        border-radius:50%;
        border:3px solid rgba(255,255,255,0.8);
        width:12px;
        height:12px;
        position:absolute;
        background:#7B7B7C;
        cursor:pointer;
        box-sizing:content-box
    }
    .gray-glow li:hover,.gray-glow li.slick-active{
        background:#D6D6D7;
        border-color:#7B7B7C
    }
    .bulb-glow li{
        width:13px;
        height:13px;
        position:absolute;
        background:transparent;
        border:2px solid #fff;
        border-radius:50%;
        cursor:pointer;
        box-sizing:content-box
    }
    .bulb-glow li:hover,.bulb-glow li.slick-active{
        background:#e5e5e5;
        background:-moz-linear-gradient(top,#e5e5e5 0%,#999 100%);
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e5e5e5),color-stop(100%,#999));
        background:-webkit-linear-gradient(top,#e5e5e5 0%,#999 100%);
        background:-o-linear-gradient(top,#e5e5e5 0%,#999 100%);
        background:-ms-linear-gradient(top,#e5e5e5 0%,#999 100%);
        background:linear-gradient(to bottom,#e5e5e5 0%,#999 100%);
        filter:progid:dximagetransform.microsoft.gradient(startcolorstr="#e5e5e5",endcolorstr="#999999",gradienttype=0);
        border:none;
        width:15px;
        height:15px
    }
    .gray-ring li{
        border-radius:50%;
        border:2px solid #fff;
        width:13px;
        height:13px;
        position:absolute;
        background:transparent;
        cursor:pointer;
        box-sizing:content-box
    }
    .gray-ring li:hover,.gray-ring li.slick-active{
        border-color:#B8B9BB
    }
    .gray-stone li{
        width:15px;
        height:15px;
        position:absolute;
        border-radius:50%;
        cursor:pointer;
        box-sizing:content-box;
        background:#b7b7b7;
        background:-moz-linear-gradient(top,#b7b7b7 0%,#717171 100%);
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b7b7b7),color-stop(100%,#717171));
        background:-webkit-linear-gradient(top,#b7b7b7 0%,#717171 100%);
        background:-o-linear-gradient(top,#b7b7b7 0%,#717171 100%);
        background:-ms-linear-gradient(top,#b7b7b7 0%,#717171 100%);
        background:linear-gradient(to bottom,#b7b7b7 0%,#717171 100%);
        filter:progid:dximagetransform.microsoft.gradient(startcolorstr="#b7b7b7",endcolorstr="#717171",gradienttype=0)
    }
    .gray-stone li:hover,.gray-stone li.slick-active{
        background:#e5e5e5;
        background:-moz-linear-gradient(top,#e5e5e5 0%,#999 100%);
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e5e5e5),color-stop(100%,#999));
        background:-webkit-linear-gradient(top,#e5e5e5 0%,#999 100%);
        background:-o-linear-gradient(top,#e5e5e5 0%,#999 100%);
        background:-ms-linear-gradient(top,#e5e5e5 0%,#999 100%);
        background:linear-gradient(to bottom,#e5e5e5 0%,#999 100%);
        filter:progid:dximagetransform.microsoft.gradient(startcolorstr="#e5e5e5",endcolorstr="#999999",gradienttype=0);
        width:15px;
        height:15px
    }
    .sky-ring li{
        border-radius:50%;
        border:2px solid #fff;
        width:13px;
        height:13px;
        position:absolute;
        background:transparent;
        cursor:pointer;
        box-sizing:content-box
    }
    .sky-ring li:hover,.sky-ring li.slick-active{
        border-color:#38FAFE
    }
    .black-glow li{
        border-radius:50%;
        border:3px solid #fff;
        width:12px;
        height:12px;
        position:absolute;
        background:#000;
        cursor:pointer;
        box-sizing:content-box
    }
    .black-glow li:hover,.black-glow li.slick-active{
        background:#fff;
        border-color:#959698
    }
    .black-round li{
        border-radius:50%;
        width:15px;
        height:15px;
        position:absolute;
        background:#fff;
        cursor:pointer;
        box-sizing:content-box
    }
    .black-round li:hover,.black-round li.slick-active{
        background:#000
    }
    .fillup li{
        overflow:hidden;
        border-radius:50%;
        width:16px;
        height:16px;
        background-color:rgba(0,0,0,0);
        box-shadow:inset 0 0 0 2px #FFF;
        -webkit-transition:background .3s ease;
        transition:background .3s ease;
        position:absolute
    }
    .fillup li:hover{
        background-color:rgba(0,0,0,0.2)
    }
    .fillup li:after{
        content:' ';
        position:absolute;
        bottom:0;
        height:0;
        left:0;
        width:100%;
        background-color:#FFF;
        box-shadow:0 0 1px #FFF;
        -webkit-transition:height .3s ease;
        transition:height .3s ease
    }
    .fillup li:hover:after,.pd-element-bullet .fillup li:hover:after,.fillup li.slick-active:after{
        height:100%
    }
    .kiki li{
        width:5px;
        height:5px;
        position:absolute;
        background:#fff;
        cursor:pointer;
        border:5px solid #222;
        border-radius:50%;
        box-sizing:content-box;
        -webkit-perspective:400;
        perspective:400px;
        -webkit-transform:translateZ(0.01px);
        transform:translateZ(0.01px);
        transition:all .3s
    }
    .kiki li:hover,.kiki li.slick-active{
        background:#222;
        border-color:#fff
    }
    .square-stroke li{
        width:15px;
        height:15px;
        position:absolute;
        background:#aaa;
        background:rgba(125,125,125,0.5);
        cursor:pointer;
        box-sizing:content-box
    }
    .square-stroke li:hover,.square-stroke li.slick-active{
        background:#7d7d7d
    }
    .square-outline li{
        width:15px;
        height:15px;
        position:absolute;
        background:#aaa;
        border:1px solid #e5e5e5;
        cursor:pointer;
        box-sizing:content-box
    }
    .square-outline li:hover,.square-outline li.slick-active{
        background:#222
    }
    .white-round li{
        box-sizing:content-box;
        -webkit-box-sizing:content-box;
        border-radius:50%;
        background-color:rgba(0,0,0,0);
        -webkit-transition:opacity .3s ease;
        transition:opacity .3s ease;
        width:13px;
        height:13px;
        border:2px solid #fff
    }
    .white-round li:after{
        content:"";
        position:absolute;
        width:100%;
        height:100%;
        left:0;
        border-radius:50%;
        background-color:#FFF;
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-transition:-webkit-transform .3s ease;
        transition:transform .3s ease
    }
    .white-round li:hover:after,.white-round li.slick-active:after{
        -webkit-transform:scale(1.2);
        transform:scale(1.2)
    }
    .small-dot-stroke li{
        border-radius:50%;
        box-shadow:0 0 0 2px rgba(255,255,255,0);
        -webkit-transition:box-shadow .3s ease;
        transition:box-shadow .3s ease;
        background:transparent
    }
    .small-dot-stroke li.slick-active,.small-dot-stroke li:hover{
        box-shadow:0 0 0 2px #FFF;
        border:none;
        border-radius:50%;
        background:transparent
    }
    .small-dot-stroke li-inner{
        background-color:rgba(255,255,255,0.7);
        -webkit-transition:background-color .3s ease,-webkit-transform .3s ease;
        transition:background-color .3s ease,transform .3s ease;
        top:0;
        left:0;
        width:100%;
        height:100%;
        outline:none;
        border-radius:50%;
        background-color:#FFF;
        background-color:rgba(255,255,255,0.3);
        text-indent:-999em;
        cursor:pointer;
        position:absolute
    }
    .small-dot-stroke li.slick-active li-inner,.small-dot-stroke li:hover li-inner{
        transform:scale(0.5);
        -webkit-transform:scale(0.5);
        background-color:#fff
    }
    .stroke li{
        overflow:hidden;
        border-radius:50%;
        width:16px;
        height:16px;
        background-color:rgba(255,255,255,0.3);
        box-shadow:0 0 0 2px rgba(255,255,255,0);
        -webkit-transition:box-shadow .3s ease,background-color .3s ease;
        transition:box-shadow .3s ease,background-color .3s ease;
        position:absolute
    }
    .stroke li:hover{
        background-color:#fff
    }
    .pd-element-bullet .stroke li:hover,.stroke li:hover,.stroke li.slick-active{
        background-color:transparent;
        box-shadow:0 0 0 2px #fff
    }
    .fillin li{
        overflow:hidden;
        border-radius:50%;
        width:16px;
        height:16px;
        background-color:transparent;
        box-shadow:inset 0 0 0 2px #FFF;
        -webkit-transition:box-shadow .3s ease;
        transition:box-shadow .3s ease;
        position:absolute
    }
    .fillin li:hover,.pd-element-bullet .fillin li:hover,.fillin li.slick-active{
        box-shadow:inset 0 0 0 8px #fff
    }
    .circle-grow li{
        overflow:hidden;
        border-radius:50%;
        width:16px;
        height:16px;
        background-color:transparent;
        box-shadow:inset 0 0 0 2px #FFF;
        -webkit-transition:opacity .3s ease;
        transition:opacity .3s ease;
        position:absolute
    }
    .circle-grow li:after{
        content:'';
        position:absolute;
        width:100%;
        height:100%;
        left:0;
        border-radius:50%;
        background-color:#fff;
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-transition:-webkit-transform .3s ease;
        transition:transform .3s ease
    }
    .circle-grow li:hover{
        opacity:.7
    }
    .circle-grow li:hover:after,.pd-element-bullet .circle-grow li:hover:after,.circle-grow li.slick-active:after{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    .dot-stroke li{
        overflow:hidden;
        border-radius:50%;
        width:16px;
        height:16px;
        background-color:transparent;
        box-shadow:inset 0 0 0 8px rgba(255,255,255,0.5);
        -webkit-transition:box-shadow .3s ease;
        transition:box-shadow .3s ease;
        position:absolute
    }
    .dot-stroke li:hover,.pd-element-bullet .dot-stroke li:hover,.dot-stroke li.slick-active{
        box-shadow:inset 0 0 0 2px #fff
    }
    .scaleup li{
        overflow:hidden;
        border-radius:50%;
        width:16px;
        height:16px;
        background-color:rgba(255,255,255,0.3);
        -webkit-transition:-webkit-transform .3s ease,background-color .3s ease;
        transition:transform .3s ease,background-color .3s ease;
        position:absolute
    }
    .scaleup li:hover,.pd-element-bullet .scaleup li:hover,.scaleup li.slick-active{
        background-color:#fff;
        -webkit-transform:scale(1.5);
        transform:scale(1.5)
    }
    .flip li{
        overflow:hidden;
        border-radius:50%;
        width:13px;
        height:13px;
        background-color:transparent;
        -webkit-perspective:1000px;
        perspective:1000px;
        -webkit-transform-style:preserve-3d;
        transform-style:preserve-3d;
        -webkit-transition:-webkit-transform .3s ease,opacity .3s ease;
        transition:transform .3s ease,opacity .3s ease;
        position:absolute
    }
    .flip li:after,.flip li:before{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        border-radius:50%;
        background-color:#fff;
        content:'';
        text-indent:0;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden
    }
    .flip li:after{
        background-color:#c44d48;
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg)
    }
    .flip li:hover,.flip li:focus,.pd-element-bullet .flip li:hover,.flip li.slick-active{
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg)
    }
    /*woccomorece view cart link*/
    .portfolio_single_wrapp .added_to_cart.wc-forward {
        display: none;
    }
    /* rating for product reviews*/
    .portfolio_single_wrapp .woocommerce .star-rating {
        left: 0;
        float:none;
        margin: 5px auto 10px;
        position: relative;
        right: 0;
        width:5.6em;
    }
    .portfolio_single_wrapp .add_to_cart_button {
        background: transparent;
        border-color:transparent;
        padding:0;
    }
    .portfolio_single_wrapp ins{
        background: transparent;
        font-weight: bold;
        padding: 0;
        margin: 0;
        line-height: 1;
    }
    .portfolio_single_wrapp .price .woocommerce-Price-amount{
        font-size: 17px;
        font-weight: bold;
    }
    .portfolio_single_wrapp .price del:not(span) .woocommerce-Price-amount{
        font-size: inherit !important;
    }
    /*EDD support*/
    .mask .mask-inner .info-wrapp form {
        margin-bottom: 10px;
        margin-top:8px;
    }
    .portfolio_single_wrapp .edd_price_options li:before{
        content:"";
    }
    .portfolio_single_wrapp .mask .edd-cart-added-alert {
        margin-top: 15px;
        position: static;
    }
    .portfolio-image-content a {
        box-shadow: none;
    }
    .portfolio_slider .slick-arrow,
    .portfolio_slider_slideshow .slick-arrow  {
        height: 35px;
        width: 35px;
        line-height: 35px;
    }
    .portfolio_slider_slideshow.slick-slider {
        margin-top: 15px;
    }
    .justified-gallery > a > .caption,
    .justified-gallery > div > .caption,
    .justified-gallery > figure > .caption,
    .justified-gallery > a > .caption-visible,
    .justified-gallery > div > .caption-visible,
    .justified-gallery > figure > .caption-visible
    {
        bottom: 5px;
        margin: 0px 5px;
        display: none !important;
        opacity: 0;
    }

    /* Gutenberg */

    .wp-block-file a {
        display: inline-block;
    }
    table.wp-block-table.is-style-stripes {
        border-width: 0;
    }
    p.has-drop-cap {
        display: inline-block;
        width: 100%;
    }
    .wl_pagination_box {
        text-align: center;
    }
    .wl_pagination_box.template-1 .paging-navigation .page-numbers {
        list-style: none;
        display: inline-block;
        margin-bottom: 10px;
        vertical-align: top;
        width: auto;
        line-height: initial;
        height: auto;
    }
    .wl_pagination_box.template-1 .wl_pagination span {
        margin-bottom: 10px;
    }
    .wl_pagination_box.template-1 .paging-navigation a.page-numbers{
        padding: 5px 10px;
        text-decoration: none !important;
        border-radius: 0;
    }
    .wl_pagination_box.template-1 .paging-navigation {
        margin: 0;
    }
    .wl_pagination_box.template-1 .paging-navigation span.current  {
        padding: 5px 10px;
        border-radius: 0;
    }
    .wl_pagination_box.template-2 .paging-navigation .page-numbers {
        list-style: none;
        display: inline-block;
        margin-bottom: 10px;
    }
    .wl_pagination_box.template-2 .paging-navigation .page-numbers {
        border-radius: 50%;
    }
    .wl_pagination_box.template-2 .wl_pagination span,
    .wl_pagination_box.template-2 .wl_pagination a {
        margin-bottom: 10px;
    }
    .wl_pagination_box.template-2 .paging-navigation .page-numbers.prev,
    .wl_pagination_box.template-2 .paging-navigation .page-numbers.next{
        width: auto;
        border-radius: 0;
    }
    .wl_pagination_box.template-2 .paging-navigation .page-numbers.prev,
    .wl_pagination_box.template-2 .paging-navigation .page-numbers.next{
        visibility: visible;
        border: none;
        
    }
    .wl_pagination_box.template-2 .paging-navigation .page-numbers {
        margin: 0;
        border: 1px solid #838383;
        border-radius: 50%;
    }
    .wl_pagination_box.template-2 .paging-navigation .page-numbers.dots {
        border: none;
    }
    .wl_pagination_box.template-2 .paging-navigation .page-numbers.current {
        border-radius: 50%;
        border: 1px solid #838383;
    }
    .wl_pagination_box.template-2 .paging-navigation .page-numbers.prev,
    .wl_pagination_box.template-2 .paging-navigation .page-numbers.next {
        visibility: hidden;
        padding: 7px 15px;
    }
    .wl_pagination_box.template-2 .paging-navigation .page-numbers.next:before{
        content: 'Next';
        visibility: visible;
        padding: 7px 15px;
    }
    .wl_pagination_box.template-2 .paging-navigation .page-numbers.prev:after{
        content: 'Prev';
        visibility: visible;
        padding: 7px 15px;
    }
    .wl_pagination_box.template-2 .paging-navigation .page-numbers{
        list-style: none;
        display: inline-block;
        margin-bottom: 10px;
        height: auto;
        width: auto;
        padding: 7px 15px;
        line-height: inherit;
        text-decoration: none;
    }
    .wl_pagination_box.template-3 .wl_pagination span,
    .wl_pagination_box.template-3 .wl_pagination a {
        margin-bottom: 10px;
    }
    .wl_pagination_box.template-3 .paging-navigation .page-numbers.prev,
    .wl_pagination_box.template-3 .paging-navigation .page-numbers.next{
        width: auto;
        border-radius: 0;
    }
    .wl_pagination_box.template-3 .paging-navigation .page-numbers {
        margin: 0;
        padding: 7px 15px;
        border: 1px solid #838383;
        font-size: 18px;
        border-radius:0; 
        width: auto;
        height: auto;
        line-height: initial;
        text-decoration: none;
    }
    .wl_pagination_box.template-3 .paging-navigation .page-numbers.dots {
        border: none;
    }
    .wl_pagination_box.template-3 .paging-navigation .page-numbers.current {
        padding:7px 15px;
        border: 1px solid #838383;
    }
    .wl_pagination_box.template-3 .paging-navigation .page-numbers.next:before{
        content: 'Next';
        visibility: visible;
        border: 1px solid #838383;
        padding: 7px 15px;
    }
    .wl_pagination_box.template-3 .paging-navigation .page-numbers.prev:after{
        content: 'Prev';
        visibility: visible;
        border: 1px solid #838383;
        padding: 7px 15px;
    }
    .wl_pagination_box.template-3 .paging-navigation .page-numbers.prev,
    .wl_pagination_box.template-3 .paging-navigation .page-numbers.next {
        visibility: hidden;
    }
    .wl_pagination_box.template-4 .paging-navigation .page-numbers li {
        list-style: none;
        display: inline-block;
        margin-bottom: 10px;
    }
    .wl_pagination_box.template-4 .wl_pagination span,
    .wl_pagination_box.template-4 .wl_pagination a {
        margin-bottom: 10px;
    }
    .wl_pagination_box.template-4 .paging-navigation .page-numbers {
        padding: 5px 10px;
        text-decoration: none !important;
        font-size: 18px;
        line-height: 1.5;
    }
    .wl_pagination_box.template-4 .paging-navigation .page-numbers {
        margin: 0;
        border-radius: 0;
        width: auto;
        height: auto;
    }
    .wl_pagination_box.template-4 .paging-navigation .page-numbers.current {
        padding: 5px 10px;
        position: relative;
        font-size: 18px;
        line-height: 1.5;
        border:1px solid;
        border-top:2px solid;
    }
    .wl_pagination_box.template-4 .paging-navigation .page-numbers.current:before {
        content:"";
        position: absolute;
        top:  -2px;
        left: -2px;
        height: 50%;
        width: 2px;
        border-top:2px solid;
        border-left:1px solid;
        border-right:1px solid;
    }
    .wl_pagination_box.template-4 .paging-navigation .page-numbers.current:after {
        content:"";
        position: absolute;
        top:  -2px;
        right: -2px;
        height: 50%;
        width: 2px;
        border-top:2px solid;
        border-left:1px solid;
        border-right:1px solid;
    }
    .portfolio_loader .loader-wrap {
        display: inline-block;
        width: 100%;
        margin: auto;
        position: relative;
    }
    .portfolio_custom_search {
        display: inline-block !important;
        width: 100% !important;
        margin-bottom: 15px !important;
        text-align: center;
        max-width: 100% !important;
    }
    .portfolio_custom_search .portfolio_custom_search_wrapper {
        display: inline-block;
    }

    .portfolio_custom_search .custom_search_field_wrap {
        width: auto;
        display: inline-block;
        float: left;
        margin-right: 25px;
    }
    .portfolio_custom_search .select2-container {
        min-width: 300px;
    }
    .portfolio_search_data_result .search-data img {
        display: inline-block;
    }
    .portfolio_custom_search .select2-container--default .select2-selection--single {
        padding: 12px 10px;
        height: 52px;
        text-align: left;
    }
    .portfolio_custom_search .select2-container--default .select2-selection--single .select2-selection__arrow{
        height: 52px;
        right: 8px;
    }
    .portfolio_custom_search .portfolio_sort_order_wapper .select2-container {
        min-width: 160px;
        max-width: 200px;
    }
    .portfolio_custom_search .portfolio_sort_order_by_wapper {
        display: inline-block;
        float: left;
    }
    #select2-portfolio_sort_order-results .select2-results__option,
    #select2-portfolio_sort_by-results .select2-results__option {
        margin: 5px 10px;
        font-size: 16px;
    }
    .portfolio_custom_search .portfolio_sort_order_wapper {
        display: inline-block;
        margin-left: 20px;
    }
    .portfolio_custom_search .custom_search_field_wrap input[type="text"]{
        max-width: 300px;
        min-width: 300px;
        height: 52px;
    }
    .pd_cart_button_wrapper {
        display: inline-block;
        margin-left: 15px
    }
    .pd_cart_button .pd_top_cart_button_details{
        font-size: 16px;
        text-decoration:none;
        padding: 14px 20px;
        background: #f1f1f1;
        border-radius: 10px;
    }
    .custom_search_field_wrap .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 16px;
    }
    .pd_cart_button {
        display: inline-block;
        height: 52px;
    }
    .pd_cart_button .pd_top_cart_button_details:hover {
        box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.13);
    }
    .custom_texonomies a {
        display: inline-block;
        width: auto;
        padding: 0 5px;
    }
    canvas.mycanvas {
        display: none !important;
    }
    .grid-sizer {
        width:1%;
    }
    .search-data {
        margin-top: 25px;
        margin-bottom: 25px;
        text-align: center;
    }
    .flipster__nav__child {
        display: none !important;
    }
    .select2-dropdown {
        z-index: 99999 !important;
    }
    input[type="text"] {
        border: 1px solid #dedede !important;
    }
    .flipster__nav__item--category {
        border: 1px solid #222222;
    }
    .flipster__nav__item--current .flipster__nav__link:hover {
        color:#ffffff !important;
    }
    .flipster__nav__link:hover {
        color: #222222 !important;
    }
    .flipster__nav__item--current {
        border: 1px solid #222222;
        background: #222222;
    }
    .portdesign-single .portdesign_small_image_slide_left,
    .portdesign-single .portdesign_small_image_slide_right {
        display: inline-block;
        width: 39%;
    }   
    .portdesign-single .portdesign_small_image_slide_left .post-thumbnail,
    .portdesign-single .portdesign_small_image_slide_right .post-thumbnail,
    .portdesign-single .portdesign_image_gallery_top,
    .portdesign-single .portdesign_image_gallery_top .entry-content,
    .portdesign-single .pd_single_layout_justify,
    .portdesign-single .portdesign_image_gallery_bottom,
    .portdesign-single .portdesign_image_gallery_bottom .entry-content {
        display: inline-block;
        width: 100%;
    }
    .portdesign-single .portdesign_image_gallery_top {
        margin-bottom: 15px;
    }
    .portdesign-single .portdesign_small_image_slide_right {
        float:right;
        margin-left: 10px;
    }
    .portdesign_image_gallery_top.pd_single_layout_thumbnail,
    .portdesign_image_gallery_bottom .pd_single_layout_thumbnail {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }

    /*
    * Quick View
    */
    .pd_quick_view_wrapper .quick-gallery-wrapp {
        display: inline-block; 
        width: 100%;
        margin-top: 20px;
    }
    .pd_quick_view_wrapper .quick-gallery-wrapp .quick-single-gallery:nth-child(2n + 1) {
        clear: both;
        padding-left: 0;
    }
    .pd_quick_view_wrapper .quick-gallery-wrapp .quick-single-gallery:nth-child(2n + 2) {
        padding-right: 0;
    }
    .pd_quick_view_wrapper .quick-gallery-wrapp .quick-single-gallery{
        margin-bottom: 15px;
    }
    .pd_quick_view_wrapper .pd_qv_title {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
        margin-top: 0;
    }
    .pd_quick_view_wrapper .pd_qv_content {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
        text-align: justify;
    }
    .pd_quick_view_wrapper {
        display: inline-block;
        width: 100%;
        padding: 20px;
    }
    .pd_quick_view_wrapper .margin-top-15 {
        margin-top: 15px;
    }
    .portfolio_single_wrapp.overlay_image.pd_only_gallery .mask-wrapper .mask p {
        max-height: 100%;
    }
    .layout_export_butto {
        display: inline-block;
        width: 100%;
        text-align: right;
        position: relative;
    } 
    .layout_export_butto .pd-button {
        display: inline-block;
        width: auto;
        padding: 10px;
        background: #44C767;
        color: #fff;
        border-radius: 3px;
        cursor: pointer;
        margin-right: 10px;
    }
    .portfolio_single_wrapp.lafontaine .mask-wrapper .mask-inner {
        padding: 70px;
        opacity: 0;
    }
    .portfolio_single_wrapp.lafontaine:hover .mask-wrapper .mask-inner {
        opacity: 1;
    }
    .portfolio_gallery .portfolio_single_wrapp.lafontaine .mask-wrapper .mask {
        background-color: transparent;
    }
    .portfolio_single_wrapp.lafontaine:hover .mask {
        box-shadow: inset 0px 0px 0px 0px;
    }
    .portfolio_single_wrapp.lafontaine .mask {
        opacity: 1;
        -moz-box-shadow: inset 0px 0px 0px 70px #e3ab90;
        -webkit-box-shadow: inset 0px 0px 0px 70px #e3ab90;
        box-shadow: inset 0px 0px 0px 70px #e3ab90;
        width: 100%;
        height: 100%;
        font-size: 0;
        transition: all 0.3s ease;
        line-height: 24px;
        display: inline-block;
        float: none;
        clear: both;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border-radius: 0px 0px 0px 0px;
        background: rgba(255,255,255,0);
        position: absolute;
        height: auto;
        width: auto;
        top: 0px;
        left: 0px;
        z-index: 2 !important;
    }
    .portfolio_single_wrapp.grantfuhr:hover .pd_thumb_image {
        transform: scale(2);
    }
    .portfolio_single_wrapp.grantfuhr .apply_border {
        top: 0px;
        left: 0px;
        transform-origin: 50% 50% 0px;
        z-index: 2;
        background: rgb(46, 46, 52) none repeat scroll 0% 0%;
        opacity: 1;
        visibility: inherit;
        transform: translate3d(0px, 0px, 0.01px);
    }
    .portfolio_single_wrapp.grantfuhr .pd_thumb_image {
        padding: 40px 40px 40px 40px;
    }
    .portfolio_single_wrapp.hawerchuk .mask {
        transition: box-shadow 0.3s ease-out;
        background: #000000;
        box-shadow: none;
    }
    .portfolio_single_wrapp.hawerchuk:hover .mask {
        box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255, 0.8);
    }
    .portfolio_single_wrapp.savard:hover .mask .info-wrapp,
    .portfolio_single_wrapp.savard:hover .mask-inner p,
    .portfolio_single_wrapp.savard:hover .pd_title {
        transform: translate(0);
    }
    .portfolio_single_wrapp.savard .pd_title {
        transform: translate(-50%);
        float: left;
    }
    .portfolio_single_wrapp.savard .mask-inner p {
        transform: translate(50%);
        float: right;
        width: 70%;
        text-align: left !important;
        background: #ffffff;
    }
    .portfolio_single_wrapp.savard .mask {
        background-color: transparent !important;
    }
    .portfolio_single_wrapp.savard .mask .info-wrapp {
        clear: both;
        padding: 5px 10px 2px 10px;
        transform: translate(-50%);
        transition: all 0.3s ease;
        float: left;
    }
    .portfolio_single_wrapp.savard .mask-inner p,
    .portfolio_single_wrapp.savard .pd_title {
        font-size: 16px;
        line-height: 20px;
        color: #0a0a0a;
        font-weight: 600;
        display: inline-block;
        clear: both;
        margin: 0;
        padding: 2px 10px 2px 10px;
        border-radius: 0px 0px 0px 0px;
        background: #ffffff;
        position: relative;
        transition: all 0.3s ease;
    }
    .portfolio_single_wrapp.mullen .mask-wrapper .mask:before {
        box-sizing: border-box;
        content: '';
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        top: 10px;
        left: 10px;
        position: absolute;
        border-left: 5px solid #fff;
        border-right: 5px solid #fff;
    }
    /* mullen Effect */
   
    .mullen .mask-wrapper:hover .mask {
        opacity: 1;
    }
    .mullen .mask-wrapper .mask {
        opacity: 0;
        background: rgba(42,195,147,0.9)
    }
    .mullen .mask-wrapper:before {
        border-left: 10px solid #fff;
        border-top: 10px solid #fff;
        top: 20px;
        left: 20px;
        z-index: 1;
    }
    .mullen .mask-wrapper:after {
        border-right: 10px solid #fff;
        border-bottom: 10px solid #fff;
        bottom: 20px;
        right: 20px;
    }
    .mullen .mask-wrapper:hover:before,
    .mullen .mask-wrapper:hover:after,
    .mullen .mask-wrapper:hover .mask:before,
    .mullen .mask-wrapper:hover .mask:after {
        height: 40px;
        width: 40px;
        opacity: 1;
    }
    .mullen .mask-wrapper:before,
    .mullen .mask-wrapper:after,
    .mullen .mask-wrapper .mask:before,
    .mullen .mask-wrapper .mask:after {
        position: absolute;
        display: block;
        content: '';
        height: 0px;
        width: 0px;
        background-color: transparent;
        transition: all .2s ease;
        opacity: 0;
    }
    .mullen .mask-wrapper:hover .mask:before {
        border-right: 10px solid #fff;
        border-top: 10px solid #fff;
        left: auto;
        right: 20px;
        bottom: 20px;
        border-left: none;
        top: 20px;
    }
    .mullen .mask-wrapper:hover .mask:after {
        border-left: 10px solid #fff;
        border-bottom: 10px solid #fff;
        bottom: 20px;
        right: auto;
        left: 20px;
        border-right: none;
    }
    .carter .mask-wrapper .pd_thumb_image {
        transform: perspective(600px);
        transform-style: flat;
        transform-origin: 100% 50% 0px;
    }
    .carter:hover .mask-wrapper .pd_thumb_image {
        transform: perspective(600px) translate3d(-21px, 3px, 4px) rotate(2deg) rotateY(-28deg) rotateX(5deg) scale(0.8);
        transform-style: flat;
        transform-origin: 100% 50% 0px;
    }
    /** filter design 1 */
    .portfolio_filter_gallery ul.template-2 .pd-filter-count {
        position: absolute;
        line-height: 27px;
        min-width: 27px;
        border-radius: 50%;
        background: #fff157;
        color: #000;
        top: -13px;
        right: -5px;
        text-align: center;
        z-index: 2;
        font-style: normal;
        font-weight: 600;
    }
    .portfolio_filter_gallery ul.template-2 #portfolio_gallery_selected,
    .portfolio_filter_gallery ul.template-2 #pd_filter_selected {
        background: #fff157;
        color: #2e2e34;
    }
    .portfolio_filter_gallery ul.template-2 #portfolio_gallery_selected:after,
    .portfolio_filter_gallery ul.template-2 #pd_filter_selected:after {
        border-color: #fff157 transparent transparent transparent;
    }
    .portfolio_filter_gallery ul.template-2 #portfolio_gallery_selected:before,
    .portfolio_filter_gallery ul.template-2 #pd_filter_selected:before {
        border-color: transparent transparent #fff157 transparent;
    }
    .portfolio_filter_gallery ul.template-2 #pd_filter_selected a {
        background: transparent;
    }
    .portfolio_filter_gallery ul.template-2 .pd-layout-checkbox-isotop:before,
    .portfolio_filter_gallery ul.template-2 li:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 50px 12px;
        border-color: transparent transparent #2e2e34 transparent;
        position: absolute;
        top: 0;
        left: -12px;
    }
    .portfolio_filter_gallery ul.template-2 .pd-layout-checkbox-isotop:after,
    .portfolio_filter_gallery ul.template-2 li:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 50px 12px 0 0;
        border-color: #2e2e34 transparent transparent transparent;
        position: absolute;
        top: 0;
        right: -12px;
    }
    .portfolio_filter_gallery ul.template-2 .pd-layout-checkbox-isotop,
    .portfolio_filter_gallery ul.template-2 li {
        color: #fff;
        margin-right: 13px;
        cursor: pointer;
        position: relative;
        z-index: 2;
        padding: 0px 15px;
        border: none;
        line-height: 50px;
        font-size: 12px;
        font-weight: 400;
        display: inline-block;
        background: #2e2e34;
        margin-bottom: 1px;
        white-space: nowrap;
        min-height: 50px;
        vertical-align: top;
        border-radius: 0px !important;
        min-width: 42px;
        text-transform: none;
    }

      /** filter design 2 */
    .portfolio_filter_gallery ul.template-3 .pd-layout-checkbox-isotop,
    .portfolio_filter_gallery ul.template-3 li {
        margin-right: 0;
        cursor: pointer;
        padding: 0px 17px;
        border: none;
        line-height: 40px;
        font-size: 13px;
        letter-spacing: 1px;
        font-weight: 400;
        margin-bottom: 5px;
        white-space: nowrap;
        min-height: 40px;
        vertical-align: middle;
        border-radius: 0;
        width: auto;
        float:  left;
    }
    .portfolio_filter_gallery ul.template-3 .pd-layout-checkbox-isotop.portfolio_gallery_selected,
    .portfolio_filter_gallery ul.template-3 #pd_filter_selected {
        background: #000000;
        color: #eaedf1;
    }

    .portfolio_filter_gallery ul.template-3 .pd-filter-count {
        background: #eaedf1;
        color: #000000;
        display: inline-block;
        line-height: 22px;
        min-width: 22px;
        text-align: center;
        font-weight: 500;
    }

    /** filter design 3 */
    .portfolio_filter_gallery ul.template-4 .pd-layout-checkbox-isotop,
    .portfolio_filter_gallery ul.template-4 li {
        cursor: pointer;
        padding: 0px 20px;
        border: 2px solid #000;
        line-height: 50px;
        font-size: 16px;
        font-weight: 500;
        white-space: nowrap;
        min-height: 50px;
        vertical-align: middle;
        min-width: 54px;
        transition: all 0.4s ease;
        border-right: 0 !important;
        float: left;
    }
    .portfolio_filter_gallery ul.template-4 .pd-layout-checkbox-isotop:last-child,
    .portfolio_filter_gallery ul.template-4 li:last-child {
        border-right: 2px solid #000 !important;
    }
    span.pd-filter-checkbox {
        letter-spacing: 0;
        background: transparent;
        font-size: 9px;
        font-weight: 300;
        vertical-align: middle;
        line-height: 14px;
        margin-left: 3px;
        display: inline-block;
        width: 16px;
        height: 16px;
        color: #000;
        border: 1px solid #000;
        margin-right: 3px;
    }
    .portfolio_filter_gallery ul.template-1 li {
        margin-right: 7px ;
    }
    #portfolio_filter_gallery_ul li {
        display: inline-block;
    }
    .flipster {
        overflow: hidden;
    }
    .pd-layout-checkbox-isotop {
        display: inline-block;
        cursor: pointer;
        position: relative;
        margin-bottom: 10px;
    }
    .pd-layout-checkbox-isotop label {
        margin-bottom: 0;
        cursor: pointer;
    }
    .pd-layout-checkbox-isotop .pd-layout-isotop {
        margin: 0 2px;
        top: 2px;
        position: relative;
        cursor: pointer;
    }
    .pd-layout-checkbox-isotop .pd-layout-isotop-all {
        display: inline-block;
        width: 100%;
    }
    .fancybox-button[disabled], .fancybox-button[disabled]:hover {
        border: 0;
        background: transparent;
        height: 100px;
        width: 70px;
    }
    .pd_wishlistbutton_wrap {
        display: inline-block;
        width: 100%;
    }
    .pd_wishlistbutton_wrap.same_line .pd_woocommerce_add_to_wishlist_wrap,
    .pd_wishlistbutton_wrap.same_line .pd_woocommerce_add_to_cart_wrap{
        display: inline-block;
        width: 50%;
        float: left;
    }
    .pd_woocommerce_add_to_wishlist_wrap .yith-wcwl-add-to-wishlist,
    .pd_woocommerce_add_to_cart_wrap .pd_cart_button_details  {
        display: inline-block;
        width: auto;
    }
    body:not(.woocommerce) .star-rating {
        overflow: hidden;
        position: relative;
        height: 1em;
        line-height: 1;
        font-size: 1em;
        width: 5.4em;
        font-family: star;
        float: none;
    }
    
    body:not(.woocommerce) .star-rating:before {
        content: '\73\73\73\73\73';
        float: left;
        top: 0;
        left: 0;
        position: absolute;
    }
    body:not(.woocommerce) .star-rating span {
        overflow: hidden;
        float: left;
        top: 0;
        left: 0;
        position: absolute;
        padding-top: 1.5em;
        font-style: normal;
        font-size: 1em;
    }
    body:not(.woocommerce) .star-rating span:before {
        content: '\53\53\53\53\53';
        top: 0;
        position: absolute;
        left: 0;
    }
    @media screen and (min-width: 1400px) {

        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_6:nth-child(6n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_5:nth-child(5n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_4:nth-child(4n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_3:nth-child(3n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_2:nth-child(2n + 1) {
            clear: both;
        }
    }

    @media screen and (min-width: 1170px) and (max-width: 1399px) {
        .column_layout_desktop_medium_1 {
            width: 100%;
        }
        .column_layout_desktop_medium_2 {
            width: 50%;
        }
        .column_layout_desktop_medium_3 {
            width: 33.3333333%;
        }
        .column_layout_desktop_medium_4 {
            width: 25%;
        }
        .column_layout_desktop_medium_5 {
            width: 20%;
        }
        .column_layout_desktop_medium_6 {
            width:16.666666%;
        }
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_desktop_medium_6:nth-child(6n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_desktop_medium_5:nth-child(5n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_desktop_medium_4:nth-child(4n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_desktop_medium_3:nth-child(3n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_desktop_medium_2:nth-child(2n + 1) {
            clear: both;
        }
    }
    @media screen and (min-width: 1024px) and (max-width: 1169px) {
        .column_layout_desktop_small_1 {
            width: 100%;
        }
        .column_layout_desktop_small_2 {
            width: 50%;
        }
        .column_layout_desktop_small_3 {
            width: 33.3333333%;
        }
        .column_layout_desktop_small_4 {
            width: 25%;
        }
        .column_layout_desktop_small_5 {
            width: 20%;
        }
        .column_layout_desktop_small_6 {
            width:16.666666%;
        }
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_desktop_small_6:nth-child(6n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_desktop_small_5:nth-child(5n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_desktop_small_4:nth-child(4n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_desktop_small_3:nth-child(3n + 1),.portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_desktop_small_2:nth-child(2n + 1) {
            clear: both;
        }
    }
    /* 720 to 980 column */
    @media screen and (min-width: 960px) and (max-width: 1023px) {
        .column_layout_ipad_1 {
            width: 100%;
        }
        .column_layout_ipad_2 {
            width: 50%;
        }
        .column_layout_ipad_3 {
            width: 33.3333333%;
        }
        .column_layout_ipad_4 {
            width: 25%;
        }
        .column_layout_ipad_5 {
            width: 20%;
        }
        .column_layout_ipad_6 {
            width:16.666666%;
        }
        .column_layout_ipad_1:not(.portfolio_slider) .mdclm-1:nth-child(n), .column_layout_ipad_2:not(.portfolio_slider) .mdclm-2:nth-child(2n + 1), .column_layout_ipad_3:not(.portfolio_slider) .mdclm-3:nth-child(3n + 1), .column_layout_ipad_4:not(.portfolio_slider) .mdclm-4:nth-child(4n + 1), .column_layout_ipad_5:not(.portfolio_slider) .mdclm-5:nth-child(5n + 1), .column_layout_ipad_6:not(.portfolio_slider) .mdclm-6:nth-child(6n + 1) {
            clear: both;
        }
        .portfolio_grid_class .column_layout_4.column_layout_ipad_3:nth-child(3n+1) {
            clear: both;
        }
        .portfolio_grid_class .column_layout_5.column_layout_ipad_3:nth-child(5n+1) {
            clear: none;
        }
        .portfolio_grid_class .column_layout_4:nth-child(4n+1){
            clear: none;
        }
        .portfolio_grid_class .column_layout_4:nth-child(4) {
            clear: both;
        }
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_ipad_6:nth-child(6n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_ipad_5:nth-child(5n + 1),.portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_ipad_4:nth-child(4n + 1),.portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_ipad_3:nth-child(3n + 1),.portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_ipad_2:nth-child(2n + 1) {
            clear: both;
        }
    }
    /* 480 to 720 column */
    @media screen and (min-width: 778px) and (max-width: 959px){
        .column_layout_tablet_1 {
            width: 100%;
        }
        .column_layout_tablet_2 {
            width: 50%;
        }
        .column_layout_tablet_2:not(.slick-slide):nth-child(2n + 1) {
            clear: both;
        }
        .column_layout_tablet_3 {
            width: 33.3333333%;
        }
        .column_layout_tablet_4 {
            width: 25%;
        }
        .column_layout_tablet_5 {
            width: 20%;
        }
        .column_layout_tablet_6 {
            width:16.666666%;
        }
        .column_layout_tablet_1:not(.portfolio_slider) .smclm-1:nth-child(n), .column_layout_tablet_2:not(.portfolio_slider) .smclm-2:nth-child(2n + 1), .column_layout_tablet_3:not(.portfolio_slider) .smclm-3:nth-child(3n + 1), .column_layout_tablet_4:not(.portfolio_slider) .smclm-4:nth-child(4n + 1), .column_layout_tablet_5:not(.portfolio_slider) .smclm-5:nth-child(5n + 1), .column_layout_tablet_6:not(.portfolio_slider) .smclm-6:nth-child(6n + 1) {
            clear: both;
        }
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_tablet_6:nth-child(6n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_tablet_5:nth-child(5n + 1),.portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_tablet_4:nth-child(4n + 1),.portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_tablet_3:nth-child(3n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_tablet_2:nth-child(2n + 1) {
            clear: both;
        }
    }
    @media screen and (min-width: 640px) and (max-width: 778px){
        .column_layout_mobile_landscape_1 {
            width: 100%;
        }
        .column_layout_mobile_landscape_2 {
            width: 50%;
        }
        .column_layout_mobile_landscape_3 {
            width: 33.3333333%;
        }
        .column_layout_mobile_landscape_4 {
            width: 25%;
        }
        .column_layout_mobile_landscape_5 {
            width:16.666666%;
        }
        .column_layout_mobile_landscape_1:not(.portfolio_slider) .smclm-1:nth-child(n), .column_layout_mobile_landscape_2:not(.portfolio_slider) .smclm-2:nth-child(2n + 1), .column_layout_mobile_landscape_3:not(.portfolio_slider) .smclm-3:nth-child(3n + 1), .column_layout_mobile_landscape_4:not(.portfolio_slider) .smclm-4:nth-child(4n + 1), .column_layout_mobile_landscape_5:not(.portfolio_slider) .smclm-5:nth-child(5n + 1), .column_layout_mobile_landscape_6:not(.portfolio_slider) .smclm-6:nth-child(6n + 1) {
            clear: both;
        }
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_mobile_landscape_6:nth-child(6n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_mobile_landscape_5:nth-child(5n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_mobile_landscape_4:nth-child(4n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_mobile_landscape_3:nth-child(3n + 1),
        .portfolio_gallery:not(.portfolio_slider) .portfolio_single_wrapp.column_layout_mobile_landscape_2:nth-child(2n + 1) {
            clear: both;
        }
    }
    /* < = 480 column*/
    @media only screen and (max-width: 639px) {
        .column_layout_mobile_1 {
            width: 100%;
        }
        .column_layout_mobile_2 {
            width: 50%;
        }
        .column_layout_mobile_3 {
            width: 33.3333333%;
        }
        .column_layout_mobile_4 {
            width: 25%;
        }
        .column_layout_mobile_5 {
            width: 20%;
        }
        .column_layout_mobile_6 {
            width:16.666666%;
        }
        .column_layout_mobile_1:not(.portfolio_slider) .xsclm-1:nth-child(n), .column_layout_mobile_2:not(.portfolio_slider) .xsclm-2:nth-child(2n + 1), .column_layout_mobile_3:not(.portfolio_slider) .xsclm-3:nth-child(3n + 1), .column_layout_mobile_4:not(.portfolio_slider) .xsclm-4:nth-child(4n + 1), .column_layout_mobile_5:not(.portfolio_slider) .xsclm-5:nth-child(5n + 1), .column_layout_mobile_6:not(.portfolio_slider) .xsclm-6:nth-child(6n + 1) {
            clear: both;
        }
        .portdesign-single-wrapper .portdesign-meta-fields span.first-col, .portdesign-single-wrapper .portdesign-meta-fields span.sec-col {
            display: block;
            width: 100%;
            border-left: 0px;
            height: auto !important;
            padding: 6px 15px;
        }
        .portdesign-single-wrapper .portdesign-meta-fields span.first-col{
            border-bottom: 1px solid #d1d1d1;
        }
        .nav-next{
            border-left: 0px;
        }
    }
    /** * >= 768px */
    @media screen and (min-width: 768px) {
        .port-container {
            width: 738px;
        }
    }
    /** * > 992px */
    @media screen and (min-width: 992px) {
        .port-container {
            width: 970px;
        }
    }
    /** * < 1200px */
    @media screen and (max-width: 1199px) {
        .column-layout .portdesign-single .post-thumbnail {
            padding-right: 20px;
        }
        .column-layout .portdesign-single .entry-content, .column-layout .portdesign-single .post-thumbnail {
            width: 50%;
            box-sizing: border-box;
        }
        .column-layout header.entry-header h1 {
            width: 50%;
        }
    }
    /** * < 992px */
    @media screen and (max-width: 991px) {
        .port-secondary-cover {
            margin-top: 50px;
        }
        .pd_quick_view_wrapper .pd_quick_view_content_wrap {
            margin-top: 15px;
        }
        .pd_quick_view_wrapper .pd_qv_images {
            text-align: center;
        }
        .portdesign-single .entry-content {
            width: 100%;
        }
        .full-width-slider .entry-content .clm-3-alt, .full-width-slider .entry-content .clm-3 {
            width: 100%;
        }
        .full-width-slider .entry-content .portdesign-meta-fields {
            margin-left: 0;
            margin-top: 30px;
            margin-bottom: 20px;
        }
        .portdesign-single-wrapper .portdesign-single .post-thumbnail {
            padding-left: 0;
            padding-right: 0;
        }
        .portdesign-single .post-thumbnail,
        .portdesign-single .portdesign_small_image_slide_left,
        .portdesign-single .portdesign_small_image_slide_right {
            width: 100%;
        }
        .column-layout header.entry-header h1 {
            margin-top: 30px;
            width: 100%;
        }
        .portdesign-single-wrapper .portdesign-single-wrapper .post-navigation .post-title {
            font-size: 13px;
        }
        .portdesign-single-wrapper .mask-wrapper {
            margin-bottom: 20px;
        }
        .portdesign_related_post {
            width: 100%;
            margin: 0 auto;
        }
        .retard_bottom .mask-wrapper:hover img {
            -webkit-transform: translateY(-20%) scale(0.3);
            -moz-transform: translateY(-20%) scale(0.3);
            -ms-transform: translateY(-20%) scale(0.3);
            -o-transform: translateY(-20%) scale(0.3);
            transform: translateY(-20%) scale(0.3);
        }
    }
    /** * <= 767px */
    @media screen and (max-width: 767px) {
        .column-full-images .portdesign-single .post-thumbnail, .port-primary-cover, .port-secondary-cover, .column-layout .portdesign-single .entry-content, .column-layout .portdesign-single .post-thumbnail {
            width: 100% !important;
            left: 0;
            right: 0;
            padding-left: 0;
            padding-right: 0;
        }
        .port-container {
            width: calc(100% - 30px);
        }
        .portdesign-single-wrapper .nav-previous, .portdesign-single-wrapper .nav-next {
            width: 100%;
            float: left;
        }
        .portdesign-single-wrapper .nav-next {
            text-align: left;
        }
        .full-width-slider .portdesign-single .entry-content {
            float: left;
        }
        .portdesign-single-wrapper .nav-previous a {
            border-right: none;
        }
    }
    /** * <= 600px */
    @media screen and (max-width: 600px) {
        .portfolio_slider .portfolio-slick-prev, .portfolio_slider .portfolio-slick-prev:hover, .portfolio_slider .portfolio-slick-prev:focus,
        .portfolio_slider_slideshow .portfolio-slick-prev, .portfolio_slider_slideshow .portfolio-slick-prev:hover, .portfolio_slider_slideshow .portfolio-slick-prev:focus {
            left: 0;
        }
        .portfolio_slider .portfolio-slick-next, .portfolio_slider .portfolio-slick-next:hover, .portfolio_slider .portfolio-slick-next:focus,
        .portfolio_slider_slideshow .portfolio-slick-next, .portfolio_slider_slideshow .portfolio-slick-next:hover, .portfolio_slider_slideshow .portfolio-slick-next:focus {
            right: 0;
        }
    }
    /** * <= 480px */
    @media screen and (max-width: 480px) {
        .portdesign-single-wrapper .mask-wrapper {
            margin-bottom: 20px;
        }
        .portdesign-single .gallery-wrapp img {
            width: 78px;
            height: 78px;
        }
        .portdesign-single-wrapper .nav-links {
            width: 100%;
            margin: 0 auto;
        }
        .portdesign-single-wrapper .nav-previous, .portdesign-single-wrapper .nav-next {
            border-bottom: 1px solid #ccc;
        }
        .portdesign-single-wrapper .navigation {
            border-bottom: none;
        }
        .portdesign-single-wrapper .portdesign_related_post .port-row {
            margin-left: 0;
            margin-right: 0;
        }
        .portdesign-single-wrapper .comments-area {
            width: 94%;
            margin: 0 auto;
        }
        .portfolio_single_wrapp.right_side .mask-wrapper,
        .portfolio_single_wrapp.right_side .mask-contents,
        .portfolio_single_wrapp.left_side .mask-wrapper,
        .portfolio_single_wrapp.left_side .mask-contents {
            width: 100%;
            min-height: 0 !important;
        }
    }

    .portfolio_slider .pd-arrows:before,
    .portfolio_slider_slideshow .pd-arrows:before {
        font-size: 20px;
    }
    .portfolio_slider .slick-arrow,
    .portfolio_slider_slideshow .pd-arrows:before {
        height: 35px;
        width: 35px;
    }
    /* Basic sample */

    /* body{
        overflow-x:hidden;
    } */
    .portfolio_flipbook .portfolio_gallery{
        margin: 0 auto;
    }
    .bb-custom-side {
        width: 50%;
        /* float: left; */
        height: 100%;
        overflow: hidden;
        background: #fff;
        display: inline-block;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .port-price-table {
        display: grid;
    }
    .portfolio-sale-label span {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    .portfolio-sale-label.top-left {
        left: 10px;
    }
    .portfolio-sale-label.bottom-left {
        bottom: 10px;
        top: auto;
        right: auto;
        left: 10px;
    }
    .portfolio-sale-label.bottom-right {
        bottom: 10px;
        top: auto;
        right: 10px;
        left: auto;
    }
    .portfolio-sale-label.top-right {
        left: auto;
        right: 10px;
    }
    .pd_star_ratingleft {
        display: flex;
        justify-content: flex-start;
    }
    .pd_star_ratingcenter {
        display: flex;
        justify-content: center;
    }
    .pd_star_ratingright {
        display: flex;
        justify-content: flex-end;
    }
    .mask-contents-wrapp {
        /* background: #fff; */
        /* border-bottom: 1px solid #efefef; */
    }
    .port-price-table-buy-button {
        /* background: #ffffff; */
        text-align: center;
    }
    .port-price-table-buy-button a{
        display: inline-block;
    }
    /* .pricetable-template-1 .mask-contents.portfolio-image-content, .pricetable-template-3 .mask-contents.portfolio-image-content, .pricetable-template-4 .mask-contents.portfolio-image-content, .pricetable-template-5 .mask-contents.portfolio-image-content {
        display: none;
    } */
    .animate-pricetable-template-2:hover img , .animate-pricetable-template-3:hover img , .animate-pricetable-template-4:hover img ,
    .animate-pricetable-template-5:hover img {
        transform: none;
    }
    .pricetable-avg {
        font-size: 13px !important;
    }
    /* Start Price Table Template 1 Css*/
    .pricetable-template-1 .port-price-table .price-image-icon {
        order: 1;
    }
    .pricetable-template-1 .port-price-table a.pd_title {
        order: 2;
    }
    .pricetable-template-1 .port-price-table .price-doller {
        order: 3;
        margin-top: 50px;
    }
    .pricetable-template-1 .port-price-table .pd-price-content {
        order: 4;
    }
    .pricetable-template-1 .port-price-table .port-price-table-buy-button {
        order: 5;
    }
    .pricetable-template-1 .port-price-table-price {
        display: block !important;
    }
    .pricetable-template-1 .price-margin-top {
        margin-top: 60px;
    }
    .pricetable-template-1 .port-price-table img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
    .pricetable-template-1 .port-price-table {
        background: #fff;
    }
    i.icon-price{
        font-family: 'FontAwesome';
    }
    .pricetable-template-1 .price-image-icon i {
        font-size: 80px;
        line-height: 80px;
        margin-top: 20px;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
    }
    .pricetable-template-1 .mask-contents-wrapp {
        position: relative;
        overflow: hidden;
    }
    .pricetable-template-1 label.pricetable-avg {
        position: absolute;
        top: 15px;
        padding: 2px 40px;
        right: -30px;
        transform: rotate(45deg);
    }
    .pricetable-template-1 label.port-price {
        text-align: center;
        font-weight: 600 !important;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
        position: absolute;
        top: -45px;
        left: 0;
        right: 0;
        background: #ffffff;
        font-size: 20px !important;
        flex-flow: column;
    }
    .pricetable-template-1 span.port-price-few-days {
        text-align: center;
        font-size: 13px !important;
    }
    .pricetable-template-1 .price-doller {
        /* background: #a996cf; */
        height: 60px;
        position: relative;
    }
    .pricetable-template-1 .mask-contents-wrapp {
        border-bottom: 0px;
    }
    .pricetable-template-1 .pd-price-content label {
        width: 100%;
        text-align: center;
    }
    .pricetable-template-1 .pd-price-content label
    {
        position: relative;
    }
    .portfolio_single_wrap_box.pricetable-template-1 {
        position: relative;
        overflow: hidden;
    }
    .animate-pricetable-template-1:hover {
        margin-top: -15px;
        transition: 0.1s ease-in-out;
    }
    .animate-pricetable-template-1:hover .port-price-table-buy-button {
        transition: 0.1s ease-in-out;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .animate-pricetable-template-1 {
        margin-bottom: 20px;
    }
    .portfolio_single_wrap_box.pricetable-template-1 {
        box-shadow: 0px 1px 3px 1px rgba(0,0,0, 0.2) !important;
    }
    /* End Price Table Template 1 Css*/

    /* Start Price Table Template 2 Css*/
    .animate-pricetable-template-2 {
        width: 100%;
    }
    .pricetable-template-2 .apply_border {
        display: flex;
        align-items: center;
    }
    
    .pricetable-template-2 .mask-contents.portfolio-image-content {
        flex: 0 0 15%;
    }
    .pricetable-template-2 .port-price-table {
        display: flex;
        align-items: center;
        flex: 0 0 85%;
    }
    .pricetable-template-2 .price-doller {
        flex: 0 0 12%;
        order: 2;
        text-align: center;
    }
    .pricetable-template-2 .price-doller label {
        border-left: 1px solid #afafaf;
        border-right: 1px solid #afafaf;
        padding-top: 20px;
        padding-bottom: 20px;
        width: 100%;
        display: block;
    }
    .pricetable-template-2 .mask-contents-wrapp, .pricetable-template-2 .port-price-table-buy-button, .pricetable-template-3 .mask-contents-wrapp {
        background: transparent;
    }
    .pricetable-template-2 label.port-price {
        margin-bottom: 0px;
    }
    .animate-pricetable-template-2.portfolio_single_wrapp .portfolio_single_wrap_box.pricetable-template-2 {
        display: block;
    }
    
    .pricetable-template-2 .price-image-icon {
        order: 3;
        flex: 0 0 12%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 50px;
    }
    .pricetable-template-2 .pd-price-content {
        order: 1;
        flex: 0 0 49%;
    }
    .pricetable-template-2 a.pd_title {
        flex: 0 0 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100px;
    }
    .pricetable-template-2 a.pd_title .portfolio_designer_title{
        margin-bottom: 0px;
    }
    .pricetable-template-2 .port-price-table-buy-button {
        order: 4;
        flex: 0 0 12%;
        /* border-left: 1px solid #afafaf; */
    }
    .pricetable-template-2 .price-image-icon {
        border-right: 1px solid #afafaf;
    }
    .pricetable-template-2 .mask-contents-wrapp {
        border: 0px;
    }
    .pricetable-template-2 a.pd_title {
        border-right: 1px solid #afafaf;
    }
    .pricetable-template-2 .pd-price-content label {
        border-right: 1px solid #afafaf;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .pricetable-template-2 .pd-price-content label:last-child {
        border-right: 0px;
    }
    .pricetable-template-2 .price-doller {
        padding-left: 15px;
        padding-right: 15px;
    }
    .pricetable-template-2 .price-image-icon img {
        width: 130px;
    }
    .pricetable-template-2 label.pricetable-avg {
        position: absolute;
        left: -25px;
        padding: 2px 30px;
        top: 8px;
        transform: rotate(-45deg);
    }
    .pricetable-template-2 .mask-wrapper.portfolio-image-content {
        overflow: visible;
    }
    .pricetable-template-2 .pricetable-template-2 {
        position: relative;
        overflow: hidden;
    }
    .pricetable-template-2 {
        position: relative;
        overflow: hidden;
    }
    .pricetable-template-2 i.price-table.buynow.fas.fa-angle-right {
        font-size: 30px;
    }
    .pricetable-template-2 span.port-price-few-days {
        display: block;
    }
    .pricetable-template-2 label.port-price {
        font-weight: 600 !important;
        font-size: 20px !important;
    }
    .pricetable-template-2 span.port-price-few-days {
        font-weight: 400 !important;
        font-size: 15px !important;
    }
    /* End Price Table Template 2 Css*/

    /* Start Price Table Template 3 Css*/
    .pricetable-template-3 label.pricetable-avg{
        position: absolute;
        top: 15px;
        padding: 2px 40px;
        right: -30px;
        transform: rotate(45deg);
    }
    .pricetable-template-3 .pd-price-content {
        display: grid;
        text-align: center;
    }
    .pricetable-template-3 .port-price-table .price-doller{
        order: 3;
    }
    .pricetable-template-3 .pd-price-content {
        order: 4;
    }
    .pricetable-template-3 .port-price-table-buy-button {
        order: 5;
    }
    .pricetable-template-3 .mask-contents-wrapp{
        border-bottom: none;
    }
    .pricetable-template-3 .price-doller {
        text-align: center;
    }
    .pricetable-template-3 span.port-price-few-days {
        display: block;
    }
    .pricetable-template-3 .pd_title {
        order: 2;
    }
    .portfolio_single_wrap_box.pricetable-template-3 {
        position: relative;
        overflow: hidden;
    }
    .portfolio_single_wrap_box.pricetable-template-3 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
    .animate-pricetable-template-3 .mask-contents-wrapp,
    .animate-pricetable-template-3 .price-doller,
    .animate-pricetable-template-3 .pd-price-content label
    {
        position: relative;
    }
    .animate-pricetable-template-3:nth-child(4n + 1) .pd-price-content label:nth-child(odd):before,
    .animate-pricetable-template-3:nth-child(4n + 2) .pd-price-content label:nth-child(odd):before,
    .animate-pricetable-template-3:nth-child(4n + 3) .pd-price-content label:nth-child(odd):before,
    .animate-pricetable-template-3:nth-child(4n + 4) .pd-price-content label:nth-child(odd):before,
    .animate-pricetable-template-3:nth-child(4n + 1) .mask-contents-wrapp:before,
    .animate-pricetable-template-3:nth-child(4n + 2) .mask-contents-wrapp:before,
    .animate-pricetable-template-3:nth-child(4n + 3) .mask-contents-wrapp:before,
    .animate-pricetable-template-3:nth-child(4n + 4) .mask-contents-wrapp:before{
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 0;
        opacity: .15;
    }
    .animate-pricetable-template-3:nth-child(4n + 1) .pd-price-content label:nth-child(even):before,
    .animate-pricetable-template-3:nth-child(4n + 2) .pd-price-content label:nth-child(even):before,
    .animate-pricetable-template-3:nth-child(4n + 3) .pd-price-content label:nth-child(even):before,
    .animate-pricetable-template-3:nth-child(4n + 4) .pd-price-content label:nth-child(even):before,
    .animate-pricetable-template-3:nth-child(4n + 1) .price-doller:before,
    .animate-pricetable-template-3:nth-child(4n + 2) .price-doller:before,
    .animate-pricetable-template-3:nth-child(4n + 3) .price-doller:before,
    .animate-pricetable-template-3:nth-child(4n + 4) .price-doller:before{
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 0;
        opacity: .1;
    }
    .pricetable-template-3 .price-image-icon {
        text-align: center;
    }
    .pricetable-template-3 .price-image-icon i {
        font-size: 80px;
        line-height: 80px;
        margin-top: 20px;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
    }
    /* .pricetable-template-3 span.port-price-few-days {
        color: #000;
    } */
    .pricetable-template-3 h4.portfolio_designer_title {
        font-size: 20px;
        font-weight: 800;
    }
    .pricetable-template-3 label.port-price {
        font-weight: 600 !important;
        font-size: 20px !important;
    }
    .pricetable-template-3 span.port-price-few-days {
        font-weight: 400;
        font-size: 15px;
    }
    /* End Price Table Template 3 Css*/

    /* Start Price Table Template 4 Css*/
    .pricetable-template-4 .mask-contents-wrapp{
        border-bottom: none;
    }
    .pricetable-template-4 label.pricetable-avg{
        position: absolute;
        top: 15px;
        padding: 2px 40px;
        right: -30px;
        transform: rotate(45deg);
    }
    .pricetable-template-4 .price-image-icon {
        order: 1;
    }
    .pricetable-template-4 .pd_title{
        order: 2;
    }
    .pricetable-template-4 .pd-price-content {
        order: 3;
        display: grid;
        text-align: center;
    }
    .pricetable-template-4 .price-doller {
        order: 4;
        text-align: center;
    }
    .pricetable-template-4 .port-price-table-buy-button {
        order: 5;
    }
    .portfolio_single_wrap_box.pricetable-template-4 {
        position: relative;
        overflow: hidden;
    }
    .portfolio_single_wrap_box.pricetable-template-4 img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
    .pricetable-template-4 span.port-price-few-days {
        display: block;
    }
    .pricetable-template-4 .price-image-icon i {
        font-size: 80px;
        line-height: 80px;
        margin-top: 20px;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
    }
    .pricetable-template-4 .price-doller label {
        font-weight: 600 !important;
    }
    /* End Price Table Template 4 Css*/

    /* Start Price Table Template 5 Css*/
    .pricetable-template-5 label.pricetable-avg{
        position: absolute;
        top: 15px;
        padding: 2px 40px;
        right: -30px;
        transform: rotate(45deg);
    }
    .pricetable-template-5 .price-doller label {
        font-weight: 600 !important;
    }
    .pricetable-template-5 .price-image-icon {
        order: 1;
    }
    .pricetable-template-5 .pd_title {
        order: 2;
    }
    .pricetable-template-5 .pd-price-content {
        order: 3;
        display: grid;
        text-align: center;
    }
    .pricetable-template-5 .price-doller {
        order: 4;
        text-align: center;
    }
    .pricetable-template-5 .port-price-table-buy-button {
        order: 5;
    }
    .portfolio_single_wrap_box.pricetable-template-5 img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
    .pricetable-template-5 span.port-price-few-days {
        display: block;
    }
    .pricetable-template-5 .price-image-icon i {
        font-size: 80px;
        line-height: 80px;
        margin-top: 20px;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
    }
    .pricetable-template-5 label.port-price-table-price {
        border-bottom: 1px solid #efefef;
    }
    .portfolio_single_wrap_box.pricetable-template-5 {
        position: relative;
        overflow: hidden;
    }
    .portfolio_single_wrap_box.pricetable-template-5 .port-price-table-buy-button {
        border-top: 1px solid #efefef;
    }

    /* End Price Table Template 5 Css*/
    .img-full-width-pricetable .price-image-icon img {
        width: 100%;
    }
    .entry-content h4.portfolio_designer_title{
        margin-bottom: 0px;
    }
    .yith-wcwl-add-to-wishlist {
    margin-top: 0 !important;
}
h2.pricetable-title {
padding-top: 30px !important;
    text-align: center;
}