/* 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_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_hover_effect_image {
    visibility: visible !important;
    opacity: 1 !important;
}

.portfolio_single_wrapp.pd_change_hover_image .mask-wrapper:hover .pd_thumb_image img {
    visibility: hidden;
    opacity: 0;
}

.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 span .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: 47px;
    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: 10px;
    background: #f9f9f9;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
}

.ascot_effect .mask-wrapper .mask {
    background: rgba(0, 0, 0, 0.8);
    margin: 10px;
    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;
    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%;
    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;
}

@media screen and (min-width: 992px) {
    .portfolio_slider_slideshow .port_thumb_img,
    .portfolio_gallery.portfolio_slider .portfolio_single_wrapp {
        max-height: 100%;
    }
}

.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: 10px 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;
}

.bb-custom-wrapper .social-component {
    position: relative;
    top: 195px;
}

.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: #000000;
    border-color: #000000;
    color: #fff;
}

.social-component a.twitter-share:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.social-component a.email-share:hover {
    background-color: #000000;
    border-color: #000000;
    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*/

button.fancybox-button.fancybox-button--arrow_left,
button.fancybox-button.fancybox-button--arrow_right {
    opacity: 1;
    visibility: visible;
}

.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;
    padding-top: 40px;
    padding-bottom: 30px;
}

.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;
    display: inline-block;
}

.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: flex;
}

.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_search_data_result {
    max-width: 1006px !important;
}

.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%;
    display: none;
}

.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 #8c8f94 !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;
    margin-bottom: 10px;
}

.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-flex !important;
    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) {
    .column-layout .portdesign-single .post-thumbnail {
        padding-right: 20px;
    }
    .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;
    }
    .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;
    }
    .portdesign_related_post .clm-3 {
        width: 100%;
    }
}


/** * <= 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 {
    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;
    border: 1px solid #afafaf;
}

.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;
}

.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;
}

.pd_woocommerce_add_to_wishlist_wrap .yith-wcwl-add-to-wishlist {
    margin-top: 0px;
}

h2.pricetable-title {
    padding-top: 30px !important;
    text-align: center;
}

.main-content.masonry-brick,
.portfolio_grid_class .main-content {
    float: left;
    width: 100%;
}


/* div.portfolio_single_wrapp.pd_only_gallery {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
    } */

.portfolio_gallery .bb-item {
    height: auto;
}

.bb-vertical {
    height: 300px !important;
}

.pd-main-content {
    display: inline-block;
    width: 100%;
}


/* Start price table highlight box css */

@media screen and (min-width: 1023px) {
    /* For 4 Colums */
    .portfolio_gallery.column_layout_4 .animate-pricetable-template-1:nth-child(3),
    .portfolio_gallery.column_layout_4 .animate-pricetable-template-3:nth-child(3),
    .portfolio_gallery.column_layout_4 .animate-pricetable-template-4:nth-child(3),
    .portfolio_gallery.column_layout_4 .animate-pricetable-template-5:nth-child(3) {
        transform: scale(1.1);
        margin-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .portfolio_gallery.column_layout_4 .animate-pricetable-template-1,
    .portfolio_gallery.column_layout_4 .animate-pricetable-template-3,
    .portfolio_gallery.column_layout_4 .animate-pricetable-template-4,
    .portfolio_gallery.column_layout_4 .animate-pricetable-template-5 {
        width: calc(25% - 10px);
    }
    /* For 4 Colums */
    /* For 3 Colums */
    .portfolio_gallery.column_layout_3 .animate-pricetable-template-1:nth-child(2),
    .portfolio_gallery.column_layout_3 .animate-pricetable-template-3:nth-child(2),
    .portfolio_gallery.column_layout_3 .animate-pricetable-template-4:nth-child(2),
    .portfolio_gallery.column_layout_3 .animate-pricetable-template-5:nth-child(2) {
        transform: scale(1.1);
        margin-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .portfolio_gallery.column_layout_3 .animate-pricetable-template-1,
    .portfolio_gallery.column_layout_3 .animate-pricetable-template-3,
    .portfolio_gallery.column_layout_3 .animate-pricetable-template-4,
    .portfolio_gallery.column_layout_3 .animate-pricetable-template-5 {
        width: calc(33% - 10px);
    }
    /* For 3 Colums */
}


/*Start Hide Hover Effect On Mobile Device css */

.portfolio_filter_gallery {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .hide_hover_effect_mobiles .mask-wrapper .mask {
        background: transparent !important;
    }
    .hide_hover_effect_mobiles a.pd_thumb_image img {
        transform: scale(1);
    }
}


/*End Hide Hover Effect On Mobile Device css */


/*End price table highlight box css */

.portfolio_filter_class .portfolio_filter_gallery {
    margin-bottom: 20px;
}

@media only screen and (max-width: 640px) {
    .portdesign_single_post_slider .portfolio-slick-prev,
    .portdesign_single_post_slider .portfolio-slick-prev:hover,
    .portdesign_single_post_slider .portfolio-slick-prev:focus {
        top: 35% !important;
    }
    .portdesign_single_post_slider .portfolio-slick-next,
    .portdesign_single_post_slider .portfolio-slick-next:hover,
    .portdesign_single_post_slider .portfolio-slick-next:focus {
        top: 35% !important;
    }
}

.column-slider .portdesign_single_post_slider .portfolio-slick-prev,
.column-slider .portdesign_single_post_slider .portfolio-slick-prev:hover,
.column-slider .portdesign_single_post_slider .portfolio-slick-prev:focus {
    top: -10%;
    left: 10px;
}

.column-slider .portdesign_single_post_slider .portfolio-slick-next,
.column-slider .portdesign_single_post_slider .portfolio-slick-next:hover,
.column-slider .portdesign_single_post_slider .portfolio-slick-next:focus {
    top: -10%;
    right: 15px;
}

.arrows1.pd-arrows.pd-left-arrow:before {
    margin-top: 2px;
}

.arrows1.pd-arrows.pd-right-arrow:before {
    margin-top: 2px;
}

@media only screen and (max-width: 768px) {
    .col-md-4.col-sm-6.col-xs-12.pd-margin-bottom-50:nth-child(3n+1) {
        clear: none !important;
    }
}


/* 25-10-2021 */

.portfolio_flispter_coverflow .mask,
.overlay_right .mask {
    right: 0;
}

.right_corner .mask-wrapper .mask,
.rotating_twist_zoomin .mask-wrapper .mask,
.overlay_image.polygon_triangle .mask-wrapper .mask,
.education-category .mask-wrapper .mask {
    width: 0;
    height: 0;
}

.right_corner .mask-wrapper:hover .mask,
.rotating_twist_zoomin .mask-wrapper:hover .mask,
.overlay_image.polygon_triangle .mask-wrapper:hover .mask,
.education-category:hover .mask-wrapper .mask {
    width: 100%;
    height: 100%;
}

.overlay_top.dailymotion-videos .mask-wrapper .mask {
    width: 88%;
    left: 20px;
}

@media screen and (max-width: 992px) {
    .enclose_fadein.our-gallery .read-more-wrap {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .enclose_fadein.none .read-more-wrap {
        padding-left: 0px !important;
    }
}

.portfolio_gallery.portfolio_slider .portfolio_single_wrapp {
    overflow: hidden;
}

@media screen and (max-width: 1199px) {
    .portfolio_3d_carousel ul.portfolio_gallery {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        margin-left: 0 !important;
    }
    .portfolio_3d_carousel {
        width: 100% !important;
        overflow-x: hidden;
    }
}

@media screen and (max-width: 767px) {
    div .portfolio_gallery.slider.slick-slider.portfolio_slider {
        padding-bottom: 0px;
    }
}

.ascot_effect .mask-inner {
    padding-left: 15px;
    padding-right: 15px;
}

.sepia.masonry-brick img {
    height: 322px;
}

.shape_hover_1:hover .mask-wrapper .mask_bg,
.shape_hover_2:hover .mask-wrapper .mask_bg,
.shape_hover_3:hover .mask-wrapper .mask_bg {
    background: transparent;
}

.portfolio_single_wrapp.grid-item--width.overlay_image.slide_bottom.gallery {
    overflow: hidden;
}

.bottom_image.flip_horizontal .mask-wrapper .mask {
    opacity: 1;
}

.portfolio_slider .slick-dots li,
.portdesign_single_post_slider .slick-dots li {
    background: #7A7B7D;
}

.gray-square li:hover,
.gray-square li.slick-active {
    opacity: 0.5;
}

@media screen and (max-width: 480px) {
    .portfolio_grid_class .portfolio_single_wrapp .mask-contents p {
        padding: 0px !important;
    }
    .portfolio_grid_class .portfolio_single_wrapp .mask-contents-wrapp {
        padding: 15px !important;
    }
    .portfolio_grid_class .portfolio_single_wrapp .read-more-wrap {
        padding: 0px !important;
    }
    .portfolio_grid_class .portfolio_single_wrapp .pd_read_more_btn {
        display: inline-block;
    }
    .portfolio_3d_carousel {
        overflow-x: hidden;
        width: 100% !important
    }
    .portfolio_3d_carousel .portfolio_gallery {
        top: 0 !important;
        width: 100% !important;
        overflow: hidden;
        left: 0 !important;
        margin-left: 0 !important;
    }
    .portfolio_3d_carousel .portfolio_gallery li {
        left: 0 !important;
    }
    .portfolio_3d_carousel .slider_effect_6 .mask-wrapper .mask {
        left: 0 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .portfolio_3d_carousel {
        width: 100% !important;
        overflow: hidden;
    }
    ul.portfolio_gallery {
        width: 100% !important;
        left: 0 !important;
        margin-left: 0 !important;
    }
}


/* .pd_title_content .pd_gallery_title {
    text-align: center;
} */

.pd_gallery_content .pdg_con_wrap {
    display: inline-block;
    width: 70%;
    float: left;
}

.pd_gallery_content .pdg_image_wrap {
    width: 30%;
    display: inline-block;
    float: left;
    text-align: center;
}

.pd_gallery_content .pd_gallery_sm_link i {
    font-size: 20px;
}

.pd_gallery_content .pdg_image_wrap img {
    border-radius: 50%;
}

.pd_gallery_content .pdg_con {
    margin-bottom: 20px;
}

.pdg_con_sm .pd_gallery_sm_link,
.pdg_con_sm .pd_gallery_mgr {
    margin-right: 15px;
}

@media screen and (min-width: 768px) {
    .pd_gallery_content .pdg_con_wrap .pd_gallery_content .pdg_image_wrap {
        width: 100%;
    }
}

.portdesign_related_post img {
    height: auto;
}

.portfolio-image-content .pdp-pinterest-share-image {
    bottom: 10px;
    left: 10px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 10px;
    height: 46px;
    width: 46px;
    overflow: hidden;
    transition: visibility 0s, opacity 0.5s linear;
}

.portfolio-image-content .pdp-pinterest-share-image .pdp_pinterest_link {
    background-image: url("../images/pinterest.png");
    background-color: #cb2027;
    border-color: #b51d23;
    border-style: solid;
    display: block;
    float: left;
    height: 40px;
    width: 40px;
    background-size: 100%;
}

.portfolio-image-content:hover .pdp-pinterest-share-image {
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

.portfolio_flispter_carousel.flipster,
.portfolio_flispter_coverflow.flipster {
    max-width: 100% !important;
}

.portfolio_gallery.flipster__container {
    left: 0 !important;
}

.animated {
    -webkit-animation-fill-mode: inherit !important;
}

.justified-gallery>.main-content {
    position: relative;
    opacity: 1;
}

.portfolio_gallery.bb-bookblock .flip-control .pd-arrows:before {
    font-family: "Font Awesome 5 Free";
}


/* 03-07-2023 */

.portfolio_single_wrap_box .port-price-table .pd_title .portfolio_designer_title {
    word-break: break-word;
}

.portfolio_single_wrapp .portfolio_single_wrap_box .portfolio-image-content .pd_thumb_image img {
    margin: auto !important;
    height: auto;
}

.portfolio_3d_carousel {
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body {
    overflow-x: hidden;
}


/* .wl_pagination_box .navigation.paging-navigation .pagination.loop-pagination .next.page-numbers, .wl_pagination_box .navigation.paging-navigation .pagination.loop-pagination .prev.page-numbers{
    font-size: 0;
} */

.portfolio_designer_id_1 .template-3 .pagination .prev.page-numbers,
.portfolio_designer_id_1 .template-2 .pagination .prev.page-numbers {
    font-size: 0;
}

.wl_pagination_box .navigation.paging-navigation .pagination.loop-pagination .next.page-numbers::before,
.wl_pagination_box .navigation.paging-navigation .pagination.loop-pagination .prev.page-numbers::after {
    font-size: 17px;
}

.portfolio_designer_id_1 .template-4 .pagination a {
    display: inline-block;
}

.slider_effect_5 .portfolio_single_wrap_box .mask-wrapper .mask-inner {
    left: 0% !important;
}


/* .clm-3:nth-child(3n+1) {
    clear: both;
}
.clm-4:nth-child(4n+1) {
    clear: both;
}
.clm-5:nth-child(5n+1) {
    clear: both;
}
.clm-6:nth-child(6n+1) {
    clear: both;
} */


/* .social-share:nth-child(6) {
    margin: 0px;
} */


/* .social-share:nth-child(13) {
   clear: both;
} */

.portdesign-single .entry-content .portdesign-meta-fields p {
    margin: 0;
}

.portdesign-preview-box .portfolio_gallery.portfolio_slider .slick-list .slick-track,
.portfolio_gallery.portfolio_slider .slick-list .slick-track {
    display: flex;
}

.portfolio_gallery.portfolio_slider .position0.alignment0,
.portfolio_gallery.portfolio_slider .position0.alignment1,
.portfolio_gallery.portfolio_slider .position0.alignment2 {
    top: 0 !important;
}

.portfolio_gallery.portfolio_slider .position2.alignment0,
.portfolio_gallery.portfolio_slider .position2.alignment1,
.portfolio_gallery.portfolio_slider .position2.alignment2 {
    bottom: 0 !important;
}

.pd_thumb_image iframe {
    width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .portfolio_3d_carousel .portfolio_gallery li {
        left: 170px !important;
    }
}

@media screen and (min-width: 650px) and (max-width: 767px) {
    .portfolio_3d_carousel .portfolio_gallery li {
        left: 170px !important;
    }
}

@media screen and (min-width: 480px) and (max-width: 650px) {
    .portfolio_3d_carousel .portfolio_gallery li {
        left: 90px !important;
    }
}


/* .portfolio_3d_carousel .portfolio_gallery{
    top: 0 !important;
    overflow: hidden;
    left: 0 !important;
    margin-left: 0 !important;
} */

.portfolio_grid_class .portfolio_gallery_grid {
    display: flex;
    flex-wrap: wrap;
}

.portfolio_single_wrapp .mask .mask-inner p {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2.5 !important;
}

.portfolio_gallery.bb-bookblock {
    left: 0 !important;
}

/* .mask-inner .portfolio_designer_title {
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1 !important;
    } */


/* 


.portfolio_single_wrapp[data-tmp-type="justify"]:not([data-load_animation='']) {
    display: none !important;
}

.portfolio_single_wrapp.current {
    animation-delay: 0s !important;
}

.portfolio_designer_id.portfolio_3d_carousel>ul {
    top: 0 !important;
}

.portfolio_designer_id.flipster>.flipster__nav {
    display: none;
}

.portfolio_gallery.bb-bookblock {
    left: 0 !important;
}

#portdesign-preview-box>.portfolio_designer_id.bb-custom-wrapper {
    position: relative;
}

.portfolio_grid_class .portfolio_gallery_grid {
    display: flex;
    flex-wrap: wrap;
}


/* .portfolio_single_wrapp .mask .mask-inner p {
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 2.5 !important;
    }
    
    .mask-inner .portfolio_designer_title {
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1 !important;
    } */

.portfolio-icon {
    background: url(../images/portfolio.png) no-repeat center;
    height: 28px;
    display: block;
}

.justified-gallery>a,
.justified-gallery>div,
.justified-gallery>figure {
    opacity: 1;
}

.column_layout_1>.portfolio_single_wrapp>.odd_even_content {
    display: flex !important;
}

.column_layout_1>.portfolio_single_wrapp:nth-child(2n+1)>.odd_even_content {
    flex-direction: row !important;
}

.column_layout_1>.portfolio_single_wrapp:nth-child(2n+1)>.odd_even_content .mask-wrapper {
    order: 0 !important;
}

.column_layout_1>.portfolio_single_wrapp:nth-child(2n+2)>.odd_even_content {
    flex-direction: row-reverse !important;
}

.column_layout_1>.portfolio_single_wrapp:nth-child(2n+2)>.odd_even_content .mask-wrapper {
    order: 0 !important;
}

.column_layout_1>.portfolio_single_wrapp>.odd_even_content>div {
    width: 50%;
}

.column_layout_1>.portfolio_single_wrapp>.odd_even_content .mask-wrapper {
    padding: 15px;
}

.portfolio_slider_slideshow .port_thumb_img img {
    width: 200px !important;
    height: 200px !important;
}

.portfolio_slider_slideshow.slick-slider {
    padding-top: 0px;
}

@media screen and (max-width: 767px) {
    .portfolio_slider_slideshow .port_thumb_img img {
        width: 100% !important;
        height: 100% !important;
    }
    .portfolio_slider_slideshow .slick-slide {
        margin-inline: 5px;
    }
}