.pgbEle1 {position: relative;}
.pgbEle1-inner {position: relative; padding-left: 250px; white-space: nowrap; font-size: 0px;}
.pgbEle1 .pgbEle1-cont {position: relative; display: inline-block; width: 100%; vertical-align: middle; white-space: normal;}
.pgbEle1 .pgbEle1-cont-inner {position: relative; padding: 7px 20px; padding-left: 30px;}
.pgbEle1 .pgbEle1-img .pgbEle1-img-placeholder {display: none;}
.pgbEle1 .pgbEle1-img .pgbEle1-img-placeholder-portrait {display: none;}
.pgbEle1 .pgbEle1-img {
    width: 250px;
    height: 250px;
    display: inline-block; 
    vertical-align: middle;
    background-color: #eee; 
    position: relative;
    margin-left: -250px;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
     overflow: hidden;
}

.pgbEle1-img-inner {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100;}
.pgbEle1 .pgbEle1-slide {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden;}
.pgbEle1 .pgbEle1-slick {position: relative; height: 100%;}
.pgbEle1 .pgbEle1-slick div {position: relative; height: 100%;}
.pgbEle1 .pgbEle1-imgBG {
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-image: url('images/element-1.jpg');
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.pgbEle1 .slick-prev, .pgbEle1 .slick-next {
    width: 20px;
    height: 30px;
    z-index: 1000;
    background-color: #515151;
    text-align: center;
    opacity: 0.5;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.pgbEle1 .slick-prev::before, .slick-next::before {color: #fff; display: inline-block; line-height: 30px; opacity: 1;}
.pgbEle1 .slick-prev::before {content:"❮";}
.pgbEle1 .slick-next::before {content:"❯";}
.pgbEle1 .slick-prev {left: -20px; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
.pgbEle1 .slick-next {right: -20px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
.pgbEle1 .pgbEle1-img:hover .slick-prev {left: 0px;}
.pgbEle1 .pgbEle1-img:hover .slick-next {right: 0px;}
.pgbEle1 .slick-prev:hover, .slick-next:hover {background-color: #515151; opacity: 1;}
.pgbEle1 .slick-prev:focus, .pgbEle1 .slick-next:focus {background-color: #515151;}

/*///// RIGHT ALIGN STYLES /////*/
.pgbEle1.right .pgbEle1-inner {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.pgbEle1.right .pgbEle1-img {
    float: none;
    margin-left: 0;
    margin-right: 0;
    flex: 1;
    max-width: 250px;
    order: 2;
}

.pgbEle1.right.large .pgbEle1-img {max-width: none;}
.pgbEle1.right.text-wrap .pgbEle1-inner {display: block;}

.pgbEle1.right .pgbEle1-cont {flex: 1; order: 1;}
.pgbEle1.right .pgbEle1-cont-inner .dynCont,
.pgbEle1.right .pgbEle1-cont-inner .dynCont h2,
.pgbEle1.right .pgbEle1-cont-inner .dynCont h3,
.pgbEle1.right .pgbEle1-cont-inner .dynCont h4,
.pgbEle1.right .pgbEle1-cont-inner .dynCont h5,
.pgbEle1.right .pgbEle1-cont-inner .dynCont p,
.pgbEle1.right .pgbEle1-cont-inner .dynCont ul li,
.pgbEle1.right .pgbEle1-cont-inner .pgbEle1-btn-hold {text-align: right;}
.pgbEle1.right .pgbEle1-inner::before {content: ""; display: inline-block; width:0px; height: 250px; vertical-align: middle;}
.pgbEle1.right .pgbEle1-cont-inner {position: relative; padding: 7px 20px; padding-left: 20px; padding-right: 30px;}

/*///// PORTRAIT STYLES /////*/
.pgbEle1.portrait .pgbEle1-img {width: 200px; margin-left: -200px;}
.pgbEle1.portrait .pgbEle1-inner {padding-left: 200px;}
.pgbEle1.portrait.right .pgbEle1-img {width: 200px; margin-left: 0px; margin-right: -200px}
.pgbEle1.portrait.right .pgbEle1-inner {padding-left: 0px; padding-right: 200px;}

/*///// CURVE STYLES /////*/
.pgbEle1.curve-small .pgbEle1-imgBG {-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.pgbEle1.curve-small .pgbEle1-img {-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.pgbEle1.curve-small .pgbEle1-viewPort {-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.pgbEle1.curve-medium .pgbEle1-imgBG {-webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}
.pgbEle1.curve-medium .pgbEle1-img {-webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}
.pgbEle1.curve-medium .pgbEle1-viewPort {-webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}
.pgbEle1.curve-large .pgbEle1-imgBG {-webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px;}
.pgbEle1.curve-large .pgbEle1-img {-webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px;}
.pgbEle1.curve-large .pgbEle1-viewPort {-webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px;}
.pgbEle1.round .pgbEle1-imgBG {-webkit-border-radius: 900px 900px 900px 900px; border-radius: 900px 900px 900px 900px;}
.pgbEle1.round .pgbEle1-viewPort {-webkit-border-radius: 900px 900px 900px 900px; border-radius: 900px 900px 900px 900px;}
.pgbEle1.round .pgbEle1-img .pgbImg-tools {width: 100%; background-color: transparent; text-align: center; font-size: 0px;}
.pgbEle1.round .pgbEle1-img .pgbImg-tools-list {background-color: rgba(0,0,0,0.1); display: inline-block;}
.pgbEle1.round .pgbEle1-img {-webkit-border-radius: 900px 900px 900px 900px; border-radius: 900px 900px 900px 900px;}

.pgbEle1 .pgbEle1-viewPort {
    position: relative;
    display: block;
    height: 100%;
    background-color: #000;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.pgbEle1 .pgbEle1-viewPort::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url('images/zoom.png');
    background-size: 0px;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    z-index: 1000;
}

.pgbEle1 .pgbEle1-viewPort:hover::before {background-size: 100%;}
.pgbEle1 .pgbEle1-viewPort:hover .pgbEle1-imgBG {opacity: 0.5;}

@media (min-width: 650px){
    /*///// TEXT WRAP STYLES /////*/
    .pgbEle1.text-wrap .pgbEle1-inner,
    .pgbEle1.text-wrap.medium .pgbEle1-inner,
    .pgbEle1.text-wrap.medium.portrait .pgbEle1-inner,
    .pgbEle1.text-wrap.medium.portrait.right .pgbEle1-inner,
    .pgbEle1.text-wrap.large .pgbEle1-inner,
    .pgbEle1.text-wrap.large.right .pgbEle1-inner,
    .pgbEle1.text-wrap.large.portrait .pgbEle1-inner,
    .pgbEle1.text-wrap.portrait.large.right .pgbEle1-inner,
    .pgbEle1.text-wrap.portrait.right .pgbEle1-inner,
    .pgbEle1.text-wrap.medium.right .pgbEle1-inner {padding: 0px;}

    .pgbEle1.text-wrap .pgbEle1-img,
    .pgbEle1.text-wrap.medium .pgbEle1-img,
    .pgbEle1.text-wrap.medium.portrait .pgbEle1-img,
    .pgbEle1.text-wrap.large .pgbEle1-img,
    .pgbEle1.text-wrap.large.portrait .pgbEle1-img {margin-left: 0px; float: left; margin-right: 25px; margin-bottom: 10px;}

    .pgbEle1.text-wrap.wrap-right .pgbEle1-img {float: right; margin-right: 0px; margin-left: 25px;}

    .pgbEle1.text-wrap.right .pgbEle1-img,
    .pgbEle1.text-wrap.right.medium .pgbEle1-img,
    .pgbEle1.text-wrap.right.medium.portrait .pgbEle1-img,
    .pgbEle1.text-wrap.right.large .pgbEle1-img {float: right; margin-right: 0px; margin-left: 25px;}
    .pgbEle1.text-wrap.portrait.large.right .pgbEle1-img {margin-left: 25px; float: right;}
    .pgbEle1.text-wrap.portrait.large.right .pgbEle1-cont {width: auto; margin-left: 0px;}

    .pgbEle1.text-wrap.right .pgbEle1-inner::before {content: none;}
    .pgbEle1.text-wrap .pgbEle1-cont {width: auto; display: inline;}
    .pgbEle1.text-wrap .pgbEle1-cont-inner {padding: 0px !important;}
}

@media (min-width: 850px){
    /*///// MEDIUM STYLES /////*/
    .pgbEle1.medium .pgbEle1-img {width: 400px; height: 400px; margin-left: -400px;}
    .pgbEle1.medium .pgbEle1-inner {padding-left: 400px;}

    /*///// MEDIUM STYLES RIGHT /////*/
    .pgbEle1.medium.right .pgbEle1-inner::before {height: 400px;}
    .pgbEle1.medium.right .pgbEle1-inner {padding-left: 0px; padding-right: 400px;}
    .pgbEle1.medium.right .pgbEle1-img {margin-left: 0px; margin-right: -400px; max-width: 400px;}

    /*///// PORTRAIT MEDIUM STYLES /////*/
    .pgbEle1.portrait.medium .pgbEle1-img {width: 300px; margin-left: -300px;}
    .pgbEle1.portrait.medium .pgbEle1-inner {padding-left: 300px;}
    .pgbEle1.portrait.medium.right .pgbEle1-img {width: 300px; margin-left: 0px; margin-right: -300px;}
    .pgbEle1.portrait.medium.right .pgbEle1-inner {padding-left: 0px; padding-right: 300px;}

    /*///// LARGE STYLES /////*/
    .pgbEle1.large .pgbEle1-img {width: 100%; height: auto; margin-left: -100%;}
    .pgbEle1.large .pgbEle1-inner {padding-left: 50%;}
    .pgbEle1.large .pgbEle1-img .pgbEle1-img-placeholder {display: block;}
    .pgbEle1.large .pgbEle1-cont-inner {padding-left: 40px;}

    /*///// LARGE STYLES RIGHT /////*/
    .pgbEle1.large.right .pgbEle1-inner {padding-left: 0px; padding-right: 0;}
    .pgbEle1.large.right .pgbEle1-inner::before {content: none;}
    .pgbEle1.large.right .pgbEle1-cont {margin-left: 0;}
    .pgbEle1.large.right .pgbEle1-cont-inner {padding-right: 40px; padding-left: 20px;}
    .pgbEle1.large.right .pgbEle1-img {width: auto; height: auto; float: none; margin-right: 0; margin-left: 0;}

    /*///// PORTRAIT LARGE STYLES /////*/
    .pgbEle1.portrait.large .pgbEle1-img {width: calc(100% - 50%); margin-left: -66.7%;}
    .pgbEle1.portrait.large .pgbEle1-inner {padding-left: 40%;}
    .pgbEle1.portrait.large .pgbEle1-img .pgbEle1-img-placeholder {display: none;}
    .pgbEle1.portrait.large .pgbEle1-img .pgbEle1-img-placeholder-portrait {display: block;}
    .pgbEle1.portrait.large .pgbEle1-cont {margin-right: -166.5%; width: 116.6%;}
    .pgbEle1.portrait.large.right .pgbEle1-img {margin-left: 116.6%; margin-right: 0px;}
    .pgbEle1.portrait.large.right .pgbEle1-inner {padding-right: 40%; padding-left: 0px;}
    .pgbEle1.portrait.large.right .pgbEle1-cont {margin-left: -166.5%; margin-right: 0px; width: 116.6%;}

    /*///// TEXT WRAP STYLES /////*/
    .pgbEle1.text-wrap.large .pgbEle1-img {width: 50%;}
    .pgbEle1.text-wrap.large.right .pgbEle1-img {width: 50%;}
    .pgbEle1.text-wrap.large.portrait .pgbEle1-img {width: 40%;}
    .pgbEle1.text-wrap.large.portrait.right .pgbEle1-img {width: 40%;}
}

@media (max-width: 650px){
    .pgbEle1-inner {padding-left: 0px; white-space: normal; text-align: center;}
    .pgbEle1 .pgbEle1-img {margin-left: 0px; width: 100%; max-width: 250px;}
    .pgbEle1 .pgbEle1-cont {margin-top: 20px;}
    .pgbEle1 .pgbEle1-cont-inner {padding: 0px;}
    .pgbEle1 p {text-align: center;}

    /*///// RIGHT ALIGN STYLES /////*/
    .pgbEle1.right .pgbEle1-cont-inner {padding: 0px;}
    .pgbEle1.right .pgbEle1-inner {padding-right: 0px; display: block;}
    .pgbEle1.right .pgbEle1-img {margin-right: 0px; float: none;}
    .pgbEle1.right .pgbEle1-cont-inner .dynCont,
    .pgbEle1.right .pgbEle1-cont-inner .dynCont h2,
    .pgbEle1.right .pgbEle1-cont-inner .dynCont h3,
    .pgbEle1.right .pgbEle1-cont-inner .dynCont h4,
    .pgbEle1.right .pgbEle1-cont-inner .dynCont h5,
    .pgbEle1.right .pgbEle1-cont-inner .dynCont p,
    .pgbEle1.right .pgbEle1-cont-inner .dynCont ul li,
    .pgbEle1.right .pgbEle1-cont-inner .pgbEle1-btn-hold {text-align: center;}

    /*///// PORTRAIT STYLES /////*/
    .pgbEle1.portrait .pgbEle1-inner {padding-left: 0px;}
    .pgbEle1.portrait .pgbEle1-img {width: 100%; margin-left: 0px;}
    .pgbEle1.portrait.right .pgbEle1-img {width: 100%; margin-right: 0px}
    .pgbEle1.portrait.right .pgbEle1-inner {padding-right: 0px;}
}