/* 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;
}
.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_gallery_ul {
    list-style: none;
    text-align: center;
}
.portfolio_filter_gallery ul li a{
    background-color: transparent;
    border-color: #222 ;
    color: #222;
}
.portfolio_filter_gallery ul li a.portfolio_gallery_selected,
bosy .portfolio_filter_gallery ul li a:hover,
bosy .portfolio_filter_gallery ul li a:focus{
    background-color: #222;
    color: #fff ;
}
.portfolio_filter_gallery ul li:before {
    content: "";
}
.portfolio_filter_gallery ul li {
    display: inline-block;
    margin: 5px 2px;
    padding: 0;
}
.portfolio_filter_gallery ul li a {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.portfolio_filter_gallery ul li a:hover, .portfolio_filter_gallery ul li a:focus {
    text-decoration: none;
    outline: none;
}
.portdesign_loadmore {
    clear: left;
    text-align: center;
}
.fbx-next:before {
    content: "\f0da" !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
}
.fbx-prev:before {
    content: "\f0d9" !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
}
.fbx-close:before {
    content: "\f00d" !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
}

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

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

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

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

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

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

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

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

/* Rotating Twist Zoom-Out */

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

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

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

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

.flip_horizontal .mask-wrapper .mask {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.flip_horizontal .mask-wrapper img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.flip_horizontal:hover .mask-wrapper .mask {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.flip_horizontal:hover .mask-wrapper img {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
/* slider layout 1*/
.slider_effect_1 .mask{
    opacity: 0;
    background-color: transparent;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.slider_effect_1:hover .mask {
    opacity: 1;
}
.slider_effect_1 .mask-wrapper .mask-inner {
    width: 80%;
}
.slider_effect_1 .mask-inner > a {
    display: block;
    box-shadow: none;
}
.slider_effect_1 .mask-wrapper h4 {
    color:rgb(51, 51, 51);
    margin: 20px 0 0 0;
    opacity: 0;
    font-weight: bold;
    display: inline-block;
    padding: 10px;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
    -o-transition:all 0.6s linear;
    transition: all 0.6s linear;
}
.slider_effect_1 .mask-wrapper p {
    opacity: 0;
    display:inline-block;
    padding: auto 15px;
    margin:15px auto;
    color:rgb(51, 51, 51);
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: all 0.9s linear;
    -moz-transition: all 0.9s linear;
    -ms-transition: all 0.9s linear;
    -o-transition: all 0.9s linear;
    transition: all 0.9s linear;
}
.slider_effect_1 a.info, .slider_effect_1 .mask-wrapper .star-rating, .slider_effect_1 .mask-wrapper .mask .edd-submit{
    opacity: 0;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}
.slider_effect_1:hover h4, .slider_effect_1:hover p, .slider_effect_1:hover a.info, .slider_effect_1:hover .mask-wrapper .mask .edd-submit, .slider_effect_1:hover .mask-wrapper .star-rating{
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.slider_effect_1:hover p {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.slider_effect_1:hover a.info {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.slider_effect_1:hover .mask-wrapper .mask .edd-submit, .slider_effect_1:hover .mask-wrapper .star-rating{
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.slider_effect_1 .mask-wrapper .mask p {
    max-height: 90px;
    overflow: hidden;
    line-height: 1.3;
}
/* slider layout 2*/
.slider_effect_2 .mask-wrapper .mask-inner {
    background-color:rgba(255,255,255,0.8);
    position: absolute;
    top: 0%;
    left: 0%;
    width: 50%;
    padding: 20px 0 20px;
    -webkit-transform: translate(80%, 0%);
    -moz-transform: translate(80%, 0%);
    -ms-transform: translate(80%, 0%);
    -o-transform: translate(80%, 0%);
    transform: translate(80%, 0%);
    -webkit-transition: all 0.9s linear;
    -moz-transition: all 0.9s linear;
    -ms-transition: all 0.9s linear;
    -o-transition: all 0.9s linear;
    transition: all 0.9s linear;
}
.slider_effect_2 .mask-wrapper .mask .woocommerce p.price {
    padding-top: 2px;
}
.portfolio-sale-label {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 5px;
    background: #000;
    color: #fff;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    word-wrap: normal;
}
.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;
    max-height: 50px;
}
.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 0 0 18px;
    margin: 10px 0 0 0;
    text-align: left;
}
.ascot_effect .mask .mask-inner .woocommerce p {
    padding: 0;
    margin: 0 0 10px 0;
    text-align: right;
}
.ascot_effect .mask .mask-inner .woocommerce .star-rating {
    margin-right: -5px;
}
.ascot_effect .mask-wrapper .woocommerce {
    position: absolute;
    bottom: 25%;
    right: 5%;
    height: auto;
    padding: 0 15px;
}
.ascot_effect .mask-wrapper .info-wrapp {
    position: absolute;
    bottom: 10%;
    right: 8%;
    height: auto;
    padding: 0;
}
.ascot_effect .mask-wrapper .info-wrapp a {
    padding: 1px;
}
/* Blur */
.blur .mask-wrapper img {
    opacity: 1;
    -ms-filter: blur(1px);
    -o-filter: blur(1px);
    filter: blur(1px);
    -moz-filter: blur(1px);
    -webkit-filter: blur(1px);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.blur .mask-wrapper:hover img {
    transition: 1s;
    transform: none;
    -ms-filter: blur(0);
    -o-filter: blur(0);
    filter: blur(0);
    -moz-filter: blur(0);
    -webkit-filter: blur(0);
}
/* Sepia */
.sepia .mask-wrapper img {
    opacity: 1;
    -ms-filter: sepia(100%);
    -o-filter: sepia(100%);
    filter: sepia(100%);
    -moz-filter: sepia(100%);
    -webkit-filter: sepia(100%);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.sepia .mask-wrapper:hover img {
    transition: 1s;
    transform: none;
    -ms-filter: sepia(0);
    -o-filter: sepia(0);
    filter: sepia(0);
    -moz-filter: sepia(0);
    -webkit-filter: sepia(0);
}
/* Brightness */
.brightness .mask-wrapper img {
    opacity: 1;
    -ms-filter: brightness(200%);
    -o-filter: brightness(200%);
    filter: brightness(200%);
    -moz-filter: brightness(200%);
    -webkit-filter: brightness(200%);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.brightness .mask-wrapper:hover img {
    transition: 1s;
    transform: none;
    -ms-filter: brightness(100%);
    -o-filter: brightness(100%);
    filter: brightness(100%);
    -moz-filter: brightness(100%);
    -webkit-filter: brightness(100%);
}
/* Contrast */
.contrast .mask-wrapper img {
    opacity: 1;
    -ms-filter: contrast(200%);
    -o-filter: contrast(200%);
    filter: contrast(200%);
    -moz-filter: contrast(200%);
    -webkit-filter: contrast(200%);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.contrast .mask-wrapper:hover img {
    transition: 1s;
    transform: none;
    -ms-filter: contrast(100%);
    -o-filter: contrast(100%);
    filter: contrast(100%);
    -moz-filter: contrast(100%);
    -webkit-filter: contrast(100%);
}
/* invert */
.invert .mask-wrapper img {
    opacity: 1;
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%);
    -moz-filter: invert(100%);
    -webkit-filter: invert(100%);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.invert .mask-wrapper:hover img {
    transition: 1s;
    transform: none;
    -ms-filter: invert(0);
    -o-filter: invert(0);
    filter: invert(0);
    -moz-filter: invert(0);
    -webkit-filter: invert(0);
}
/* saturate */
.saturate .mask-wrapper img {
    opacity: 1;
    -ms-filter: saturate(8);
    -o-filter: saturate(8);
    filter: saturate(8);
    -moz-filter: saturate(8);
    -webkit-filter: saturate(8);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.saturate .mask-wrapper:hover img {
    transition: 1s;
    transform: none;
    -ms-filter: saturate(0);
    -o-filter: saturate(0);
    filter: saturate(0);
    -moz-filter: saturate(0);
    -webkit-filter: saturate(0);
}
/* grayscale */
.grayscale .mask-wrapper img {
    opacity: 1;
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.grayscale .mask-wrapper:hover img {
    transition: 1s;
    transform: none ;
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    -moz-filter: grayscale(0);
    -webkit-filter: grayscale(0);
}
/* hue_rotate */
.hue_rotate .mask-wrapper img {
    opacity: 1;
    -ms-filter: hue-rotate(90deg);
    -o-filter: hue-rotate(90deg);
    filter: hue-rotate(90deg);
    -moz-filter: hue-rotate(90deg);
    -webkit-filter: hue-rotate(90deg);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.hue_rotate .mask-wrapper:hover img {
    transition: 1s;
    transform: none ;
    -ms-filter: hue-rotate(0deg);
    -o-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
    -moz-filter: hue-rotate(0deg);
    -webkit-filter: hue-rotate(0deg);
}
/* None */
/*.none .mask-wrapper .mask {
    display: none;
}
.none .mask-wrapper img {
    opacity: 1;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    -moz-filter: none;
    -webkit-filter: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.none .mask-wrapper:hover img {
    transition: 1s;
    transform: none ;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    -moz-filter: none;
    -webkit-filter: none;
}*/

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

/* Gutenberg */

.wp-block-file a {
    display: inline-block;
}
table.wp-block-table.is-style-stripes {
    border-width: 0;
}
p.has-drop-cap {
    display: inline-block;
    width: 100%;
}
.wl_pagination_box {
    text-align: center;
}
.wl_pagination_box.template-1 .paging-navigation .page-numbers {
    list-style: none;
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
    width: auto;
    line-height: initial;
    height: auto;
}
.wl_pagination_box.template-1 .wl_pagination span {
    margin-bottom: 10px;
}
.wl_pagination_box.template-1 .paging-navigation a.page-numbers{
    padding: 5px 10px;
    text-decoration: none !important;
    border-radius: 0;
}
.wl_pagination_box.template-1 .paging-navigation {
    margin: 0;
}
.wl_pagination_box.template-1 .paging-navigation span.current  {
    padding: 5px 10px;
    border-radius: 0;
}
.wl_pagination_box.template-2 .paging-navigation .page-numbers {
    list-style: none;
    display: inline-block;
    margin-bottom: 10px;
}
.wl_pagination_box.template-2 .paging-navigation .page-numbers {
    border-radius: 50%;
}
.wl_pagination_box.template-2 .wl_pagination span,
.wl_pagination_box.template-2 .wl_pagination a {
    margin-bottom: 10px;
}
.wl_pagination_box.template-2 .paging-navigation .page-numbers.prev,
.wl_pagination_box.template-2 .paging-navigation .page-numbers.next{
    width: auto;
    border-radius: 0;
}
.wl_pagination_box.template-2 .paging-navigation .page-numbers.prev,
.wl_pagination_box.template-2 .paging-navigation .page-numbers.next{
    visibility: visible;
    border: none;
    
}
.wl_pagination_box.template-2 .paging-navigation .page-numbers {
    margin: 0;
    border: 1px solid #838383;
    border-radius: 50%;
}
.wl_pagination_box.template-2 .paging-navigation .page-numbers.dots {
    border: none;
}
.wl_pagination_box.template-2 .paging-navigation .page-numbers.current {
    border-radius: 50%;
    border: 1px solid #838383;
}
.wl_pagination_box.template-2 .paging-navigation .page-numbers.prev,
.wl_pagination_box.template-2 .paging-navigation .page-numbers.next {
    visibility: hidden;
    padding: 7px 15px;
}
.wl_pagination_box.template-2 .paging-navigation .page-numbers.next:before{
    content: 'Next';
    visibility: visible;
    padding: 7px 15px;
}
.wl_pagination_box.template-2 .paging-navigation .page-numbers.prev:after{
    content: 'Prev';
    visibility: visible;
    padding: 7px 15px;
}
.wl_pagination_box.template-2 .paging-navigation .page-numbers{
    list-style: none;
    display: inline-block;
    margin-bottom: 10px;
    height: auto;
    width: auto;
    padding: 7px 15px;
    line-height: inherit;
    text-decoration: none;
}
.wl_pagination_box.template-3 .wl_pagination span,
.wl_pagination_box.template-3 .wl_pagination a {
    margin-bottom: 10px;
}
.wl_pagination_box.template-3 .paging-navigation .page-numbers.prev,
.wl_pagination_box.template-3 .paging-navigation .page-numbers.next{
    width: auto;
    border-radius: 0;
}
.wl_pagination_box.template-3 .paging-navigation .page-numbers {
    margin: 0;
    padding: 7px 15px;
    border: 1px solid #838383;
    font-size: 18px;
    border-radius:0; 
    width: auto;
    height: auto;
    line-height: initial;
    text-decoration: none;
}
.wl_pagination_box.template-3 .paging-navigation .page-numbers.dots {
    border: none;
}
.wl_pagination_box.template-3 .paging-navigation .page-numbers.current {
    padding:7px 15px;
    border: 1px solid #838383;
}
.wl_pagination_box.template-3 .paging-navigation .page-numbers.next:before{
    content: 'Next';
    visibility: visible;
    border: 1px solid #838383;
    padding: 7px 15px;
}
.wl_pagination_box.template-3 .paging-navigation .page-numbers.prev:after{
    content: 'Prev';
    visibility: visible;
    border: 1px solid #838383;
    padding: 7px 15px;
}
.wl_pagination_box.template-3 .paging-navigation .page-numbers.prev,
.wl_pagination_box.template-3 .paging-navigation .page-numbers.next {
    visibility: hidden;
}
.wl_pagination_box.template-4 .paging-navigation .page-numbers li {
    list-style: none;
    display: inline-block;
    margin-bottom: 10px;
}
.wl_pagination_box.template-4 .wl_pagination span,
.wl_pagination_box.template-4 .wl_pagination a {
    margin-bottom: 10px;
}
.wl_pagination_box.template-4 .paging-navigation .page-numbers {
    padding: 5px 10px;
    text-decoration: none !important;
    font-size: 18px;
    line-height: 1.5;
}
.wl_pagination_box.template-4 .paging-navigation .page-numbers {
    margin: 0;
    border-radius: 0;
    width: auto;
    height: auto;
}
.wl_pagination_box.template-4 .paging-navigation .page-numbers.current {
    padding: 5px 10px;
    position: relative;
    font-size: 18px;
    line-height: 1.5;
    border:1px solid;
    border-top:2px solid;
}
.wl_pagination_box.template-4 .paging-navigation .page-numbers.current:before {
    content:"";
    position: absolute;
    top:  -2px;
    left: -2px;
    height: 50%;
    width: 2px;
    border-top:2px solid;
    border-left:1px solid;
    border-right:1px solid;
}
.wl_pagination_box.template-4 .paging-navigation .page-numbers.current:after {
    content:"";
    position: absolute;
    top:  -2px;
    right: -2px;
    height: 50%;
    width: 2px;
    border-top:2px solid;
    border-left:1px solid;
    border-right:1px solid;
}
.portfolio_loader .loader-wrap {
    display: inline-block;
    width: 100%;
    margin: auto;
    position: relative;
}
.portfolio_custom_search {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
.portfolio_custom_search .custom_search_field_wrap {
    width: auto;
    display: inline-block;
    float: left;
    margin-right: 25px;
}
.portfolio_custom_search .select2-container,
.portfolio_custom_search .custom_search_field_wrap input[type="text"]{
    max-width: 200px;
    min-width: 200px;
}
.custom_texonomies a {
    display: inline-block;
    width: auto;
    padding: 0 5px;
}
canvas.mycanvas {
    display: none !important;
}
.grid-sizer {
    width:1%;
}
.search-data {
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
}
.flipster__nav__child {
    display: none !important;
}
.select2-dropdown {
    z-index: 99999 !important;
}
input[type="text"] {
    border: 1px solid #dedede !important;
}
.flipster__nav__item--category {
    border: 1px solid #222222;
}
.flipster__nav__item--current .flipster__nav__link:hover {
    color:#ffffff !important;
}
.flipster__nav__link:hover {
    color: #222222 !important;
}
.flipster__nav__item--current {
    border: 1px solid #222222;
    background: #222222;
}
.portdesign-single .portdesign_small_image_slide_left,
.portdesign-single .portdesign_small_image_slide_right {
    display: inline-block;
    width: 39%;
}   
.portdesign-single .portdesign_small_image_slide_left .post-thumbnail,
.portdesign-single .portdesign_small_image_slide_right .post-thumbnail,
.portdesign-single .portdesign_image_gallery_top,
.portdesign-single .portdesign_image_gallery_top .entry-content,
.portdesign-single .pd_single_layout_justify,
.portdesign-single .portdesign_image_gallery_bottom,
.portdesign-single .portdesign_image_gallery_bottom .entry-content {
    display: inline-block;
    width: 100%;
}
.portdesign-single .portdesign_image_gallery_top {
    margin-bottom: 15px;
}
.portdesign-single .portdesign_small_image_slide_right {
    float:right;
    margin-left: 10px;
}
.portdesign_image_gallery_top.pd_single_layout_thumbnail,
.portdesign_image_gallery_bottom .pd_single_layout_thumbnail {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
@media screen and (min-width: 1400px) {

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

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

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

/* body{
	overflow-x:hidden;
} */
.portfolio_flipbook .portfolio_gallery{
    margin: 0 auto;
}
.bb-custom-side {
    width: 50%;
    float: left;
    height: 100%;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}